/* Afarin Store — Base theme styles */

:root {
	--af-primary: #2eb8c9;
	--af-primary-dark: #239aad;
	--af-primary-soft: rgba(46, 184, 201, 0.1);
	--af-accent: #b83d52;
	--af-accent-dark: #962f43;
	--af-secondary: #7a1530;
	--af-text: #1e293b;
	--af-muted: #64748b;
	--af-border: #e2e8f0;
	--af-bg: #f7f9fb;
	--af-white: #fff;
	--af-radius: 14px;
	--af-wrap: min(100% - 32px, 1320px);
	--af-font: "Yekan FaNum", Tahoma, sans-serif;
	--af-scrollbar-size: 6px;
	--af-scrollbar-track: rgba(46, 184, 201, 0.07);
	--af-scrollbar-thumb: rgba(46, 184, 201, 0.38);
	--af-scrollbar-thumb-hover: #2eb8c9;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scrollbar-width: thin;
	scrollbar-color: var(--af-scrollbar-thumb) transparent;
}

html::-webkit-scrollbar {
	width: var(--af-scrollbar-size);
	height: var(--af-scrollbar-size);
}

html::-webkit-scrollbar-track {
	background: var(--af-scrollbar-track);
}

html::-webkit-scrollbar-thumb {
	background-color: var(--af-scrollbar-thumb);
	border: 2px solid transparent;
	border-radius: 999px;
	background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover {
	background-color: var(--af-scrollbar-thumb-hover);
}

html::-webkit-scrollbar-corner {
	background: transparent;
}

* {
	scrollbar-width: thin;
	scrollbar-color: var(--af-scrollbar-thumb) transparent;
}

*::-webkit-scrollbar {
	width: var(--af-scrollbar-size);
	height: var(--af-scrollbar-size);
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--af-scrollbar-thumb);
	border: 2px solid transparent;
	border-radius: 999px;
	background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: var(--af-scrollbar-thumb-hover);
}

*::-webkit-scrollbar-corner {
	background: transparent;
}

body {
	margin: 0;
	font-family: var(--af-font);
	font-size: 15px;
	line-height: 1.7;
	color: var(--af-text);
	background: var(--af-bg);
}

.site {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

.site-wrap {
	width: var(--af-wrap);
	margin-inline: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.site-main {
	flex: 1;
	min-height: 50vh;
}

.site-content {
	padding: 32px 0 48px;
}

.site-content--shop {
	padding-top: 24px;
}

.entry__title {
	margin: 0 0 16px;
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 800;
}

.entry__content>*:first-child {
	margin-top: 0;
}

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.af-shop-page .woocommerce ul.products.afsh-products__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woocommerce ul.products li.product:not(.afsh-products__item) {
	margin: 0 !important;
	padding: 16px;
	border: 1px solid var(--af-border);
	border-radius: var(--af-radius);
	background: #fff;
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button {
	background: var(--af-primary) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-weight: 700 !important;
	font-family: var(--af-font) !important;
}

/* ── SLIDER ARROWS (global) ── */
.af-slider-arrow {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--af-white);
	color: var(--af-text);
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06);
	cursor: pointer;
	transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
}

.af-slider-arrow svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	transition: transform 0.22s ease;
}

/* RTL layout: prev sits on the right, next on the left */
.af-slider-arrow--prev svg {
	transform: scaleX(-1);
}

.af-slider-arrow--next svg {
	transform: none;
}

[dir="ltr"] .af-slider-arrow--prev svg {
	transform: none;
}

[dir="ltr"] .af-slider-arrow--next svg {
	transform: scaleX(-1);
}

.af-slider-arrow:hover {
	background: var(--af-primary);
	color: #fff;
	box-shadow: 0 8px 28px rgba(46, 184, 201, 0.3);
	transform: scale(1.06);
}

.af-slider-arrow:active {
	transform: scale(0.96);
}

.af-slider-arrow.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
	transform: none;
}

.af-slider-arrow--ghost {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(6px);
}

.af-slider-arrow--on-dark {
	background: rgba(255, 255, 255, 0.95);
	color: var(--af-accent, #b83d52);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.af-slider-arrow--on-dark:hover {
	background: #fff;
	color: var(--af-accent-dark, #962f43);
}