/* ---------------------------------------------------------------
 * Nerkhban Pro — Frontend (storefront) styles
 * RTL-first, lightweight, theme-friendly.
 * ------------------------------------------------------------- */

@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../../admin/fonts/Vazirmatn-700.woff2') format('woff2');
}

/* Configurable palette (overridden by inline :root vars from settings). */
:root {
	--kcc-accent: #6d28d9;
	--kcc-dual-bg: #121220;
	--kcc-dual-fg: #f5f5fa;
	--kcc-ticker-bg: #080810;
	--kcc-ticker-fg: #f5f5fa;
	--kcc-ticker-size: 13px;
	--kcc-sw-bg: #121220;
	--kcc-sw-fg: #f5f5fa;
}

/* ---- Dual price box on single product ---- */
.kcc-dual-price {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0 4px;
	padding: 8px 14px;
	border-radius: 10px;
	background: var(--kcc-dual-bg);
	border: 1px solid var(--kcc-accent);
	color: var(--kcc-dual-fg);
	font-size: 14px;
	font-weight: 600;
	direction: rtl;
}
.kcc-dual-price .kcc-dual-flag { font-size: 18px; line-height: 1; }
.kcc-dual-price .kcc-dual-text { font-family: 'Vazirmatn', Tahoma, sans-serif; }

/* ---- Badge ---- */
.kcc-rate-badge-fe {
	display: inline-block;
	margin: 6px 0;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--kcc-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
}

/* ---- Shortcode inline rate ---- */
.kcc-sc-rate {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
}
.kcc-sc-rate.kcc-sc-na { color: #9ca3af; }

/* ---- Rates table (shortcode + widget) ---- */
.kcc-rates-table {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
	font-size: 14px;
}
.kcc-rates-table th,
.kcc-rates-table td {
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	text-align: right;
}
.kcc-rates-table th {
	background: #f5f3ff;
	color: #4c1d95;
	font-weight: 700;
}
.kcc-rates-table tbody tr:hover td { background: #fafafe; }

/* ---- Ticker bar ---- */
.kcc-ticker {
	position: fixed;
	left: 0; right: 0;
	z-index: 99990;
	background: var(--kcc-ticker-bg);
	color: var(--kcc-ticker-fg);
	overflow: hidden;
	height: calc(var(--kcc-ticker-size) + 24px);
	display: flex;
	align-items: center;
	box-shadow: 0 -2px 12px rgba(0,0,0,.15);
	direction: ltr; /* track scrolls LTR; items keep their own dir */
}
.kcc-ticker-top { top: 0; box-shadow: 0 2px 12px rgba(0,0,0,.15); }
.kcc-ticker-bottom { bottom: 0; }
.kcc-ticker-track {
	display: flex;
	white-space: nowrap;
	animation: kcc-ticker-scroll linear infinite;
}
.kcc-ticker-strip {
	display: inline-flex;
	align-items: center;
	gap: 22px;
	padding: 0 22px;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	font-size: var(--kcc-ticker-size);
	font-weight: 600;
}
.kcc-ticker-strip strong { color: var(--kcc-accent); filter: brightness(1.4); }
.kcc-tk-item { display: inline-flex; align-items: center; gap: 6px; direction: rtl; }
.kcc-tk-flag { font-size: 16px; }
.kcc-tk-sep { opacity: .5; }
@keyframes kcc-ticker-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
.kcc-ticker:hover .kcc-ticker-track { animation-play-state: paused; }

/* ---- Customer currency switcher ---- */
.kcc-switcher {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
	padding: 8px 12px;
	background: var(--kcc-sw-bg);
	color: var(--kcc-sw-fg);
	border: 1px solid var(--kcc-accent);
	border-radius: 12px;
	margin: 10px 0;
}
.kcc-switcher .kcc-sw-label { font-size: 12px; color: var(--kcc-sw-fg); opacity: .85; font-weight: 700; margin-left: 4px; }
.kcc-sw-btn {
	cursor: pointer;
	border: 1px solid var(--kcc-accent);
	background: transparent;
	color: var(--kcc-sw-fg);
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 999px;
	transition: all .15s;
}
.kcc-sw-btn:hover { background: rgba(255,255,255,.08); }
.kcc-sw-btn.is-active { background: var(--kcc-accent); color: #fff; border-color: var(--kcc-accent); }
.kcc-sw-converted { white-space: nowrap; }

/* Floating variant + corner positions */
.kcc-switcher-float {
	position: fixed;
	z-index: 99980;
	box-shadow: 0 8px 28px rgba(0,0,0,.35);
}
.kcc-switcher-float.kcc-sw-bottom-left  { bottom: 16px; left: 16px; }
.kcc-switcher-float.kcc-sw-bottom-right { bottom: 16px; right: 16px; }
.kcc-switcher-float.kcc-sw-top-left     { top: 16px; left: 16px; }
.kcc-switcher-float.kcc-sw-top-right    { top: 16px; right: 16px; }