/*
Theme Name: boardshop-child
Template: flatsome
Text Domain: boardshop-child
Description: قالب فرزند اختصاصی بردشاپ برای تجربه سریع پیدا کردن قطعات تلویزیون
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
WPVibe: yes
*/

:root {
	--bs-ink: #10231f;
	--bs-ink-2: #183c34;
	--bs-green: #147d64;
	--bs-mint: #dff4eb;
	--bs-accent: #f59d23;
	--bs-paper: #f6f8f5;
	--bs-white: #ffffff;
	--bs-muted: #66766f;
	--bs-line: #dce5df;
	--bs-radius: 18px;
	--bs-shadow: 0 14px 38px rgba(16,35,31,.09);
}

.boardshop-home {
	direction: rtl;
	color: var(--bs-ink);
	background: var(--bs-white);
	overflow: clip;
}

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

.bs-shell { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.bs-section { padding: 72px 0; }
.bs-section--soft { background: var(--bs-paper); }
.bs-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.bs-section-head h2 { margin:0 0 8px; font-size:clamp(25px,3vw,38px); line-height:1.25; color:var(--bs-ink); }
.bs-section-head p { margin:0; color:var(--bs-muted); font-size:15px; }
.bs-link { color:var(--bs-green); font-weight:700; white-space:nowrap; }

.bs-toolnav {
	position: sticky;
	top: 0;
	z-index: 35;
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--bs-line);
}
.bs-toolnav__in { min-height:58px; display:flex; align-items:center; gap:10px; }
.bs-toolnav__label { font-size:13px; color:var(--bs-muted); margin-left:4px; }
.bs-toolnav a {
	display:inline-flex; align-items:center; gap:7px; padding:9px 13px;
	border-radius:999px; color:var(--bs-ink); font-size:13px; font-weight:700;
}
.bs-toolnav a:hover { background:var(--bs-mint); color:var(--bs-green); }
.bs-toolnav__support { margin-right:auto; background:var(--bs-ink)!important; color:#fff!important; }
.bs-toolnav__cart { display:none!important; position:relative; }
.bs-cart-count { min-width:18px; height:18px; padding:0 4px; display:inline-grid; place-items:center; border-radius:999px; background:var(--bs-accent); color:var(--bs-ink); font-size:10px; }
.bs-label-mobile { display:none; }

.bs-hero {
	position:relative; padding:74px 0 58px;
	background:
		radial-gradient(circle at 15% 20%, rgba(245,157,35,.16), transparent 26%),
		linear-gradient(135deg,#f8fbf8 0%,#edf6f1 48%,#f8faf7 100%);
	border-bottom:1px solid var(--bs-line);
}
.bs-hero::before {
	content:""; position:absolute; inset:0; opacity:.28; pointer-events:none;
	background-image:linear-gradient(rgba(20,125,100,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(20,125,100,.13) 1px,transparent 1px);
	background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
.bs-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr); gap:48px; align-items:center; }
.bs-kicker { display:inline-flex; gap:8px; align-items:center; color:var(--bs-green); font-size:13px; font-weight:800; letter-spacing:.02em; }
.bs-kicker::before { content:""; width:24px; height:2px; background:var(--bs-accent); border-radius:2px; }
.bs-hero h1 { font-size:clamp(34px,5vw,60px); line-height:1.18; letter-spacing:-.025em; margin:18px 0 15px; color:var(--bs-ink); }
.bs-hero__lead { max-width:680px; font-size:17px; line-height:1.9; color:var(--bs-muted); margin:0 0 26px; }
.bs-search { position:relative; background:#fff; border:2px solid var(--bs-ink); border-radius:16px; box-shadow:0 18px 45px rgba(16,35,31,.14); padding:7px; }
.bs-search form, .bs-search .woocommerce-product-search { display:flex; align-items:center; margin:0; }
.bs-search input[type="search"] { min-width:0; flex:1; height:54px; border:0!important; box-shadow:none!important; background:transparent!important; padding:0 17px!important; font-size:16px!important; }
.bs-search button { min-width:110px; height:48px; border:0; border-radius:11px!important; background:var(--bs-green)!important; color:#fff!important; margin:0!important; font-weight:800; }
.bs-search-examples { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; color:var(--bs-muted); font-size:12px; }
.bs-search-examples span:not(:first-child) { background:rgba(255,255,255,.72); border:1px solid var(--bs-line); border-radius:999px; padding:5px 9px; direction:ltr; }

.bs-hero__panel { background:var(--bs-ink); color:#fff; border-radius:24px; padding:26px; box-shadow:var(--bs-shadow); position:relative; overflow:hidden; }
.bs-hero__panel::after { content:""; position:absolute; width:180px; height:180px; border:1px solid rgba(255,255,255,.12); border-radius:50%; left:-70px; bottom:-90px; box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.025); }
.bs-hero__panel h2 { color:#fff; font-size:19px; margin:0 0 18px; }
.bs-route { position:relative; z-index:1; display:grid; gap:9px; }
.bs-route a { display:flex; justify-content:space-between; align-items:center; padding:13px 14px; color:#fff; border:1px solid rgba(255,255,255,.13); border-radius:12px; font-size:14px; }
.bs-route a:hover { background:rgba(255,255,255,.09); color:#fff; border-color:rgba(255,255,255,.3); }
.bs-route b { color:var(--bs-accent); font-size:17px; }

.bs-cats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.bs-cat { min-height:154px; padding:20px; border:1px solid var(--bs-line); border-radius:var(--bs-radius); background:#fff; display:flex; flex-direction:column; justify-content:space-between; color:var(--bs-ink); transition:.2s ease; position:relative; overflow:hidden; }
.bs-cat::after { content:""; position:absolute; width:76px; height:76px; left:-24px; bottom:-30px; border-radius:50%; background:var(--bs-mint); transition:.2s; }
.bs-cat:hover { transform:translateY(-3px); border-color:rgba(20,125,100,.45); box-shadow:var(--bs-shadow); color:var(--bs-ink); }
.bs-cat:hover::after { transform:scale(1.2); }
.bs-cat__icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--bs-mint); color:var(--bs-green); }
.bs-cat__icon svg { width:23px; height:23px; }
.bs-cat strong { font-size:16px; }
.bs-cat small { color:var(--bs-muted); margin-top:4px; }

.bs-finder { display:grid; grid-template-columns:.75fr 1.25fr; border-radius:26px; overflow:hidden; background:var(--bs-ink); color:#fff; }
.bs-finder__intro { padding:38px; background:linear-gradient(145deg,var(--bs-green),#0d5d4b); }
.bs-finder__intro h2 { color:#fff; font-size:32px; margin:0 0 12px; }
.bs-finder__intro p { color:rgba(255,255,255,.78); line-height:1.9; margin:0; }
.bs-finder__form { padding:34px; display:grid; align-content:center; gap:16px; }
.bs-finder__steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.bs-field label { display:block; color:rgba(255,255,255,.72); font-size:12px; margin:0 0 7px; }
.bs-field select { width:100%; height:48px; border-radius:11px; border:1px solid rgba(255,255,255,.18); background:#fff; color:var(--bs-ink); margin:0; padding:0 12px; }
.bs-finder__note { font-size:12px; color:rgba(255,255,255,.62); margin:0; }
.bs-finder__actions { display:flex; align-items:center; gap:10px; }
.bs-btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 19px; border-radius:11px; font-weight:800; font-size:14px; border:1px solid transparent; }
.bs-btn--accent { background:var(--bs-accent); color:var(--bs-ink); }
.bs-btn--ghost { border-color:rgba(255,255,255,.25); color:#fff; }
.bs-btn:hover { filter:brightness(.97); transform:translateY(-1px); }

.bs-brands { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.bs-brand { display:flex; align-items:center; justify-content:center; min-height:70px; padding:12px; border:1px solid var(--bs-line); border-radius:14px; background:#fff; color:var(--bs-ink); font-weight:800; text-align:center; }
.bs-brand:hover { border-color:var(--bs-green); color:var(--bs-green); box-shadow:0 8px 24px rgba(16,35,31,.07); }

.bs-products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.bs-product { border:1px solid var(--bs-line); border-radius:var(--bs-radius); background:#fff; overflow:hidden; display:flex; flex-direction:column; }
.bs-product__image { aspect-ratio:1/1; background:var(--bs-paper); display:block; overflow:hidden; }
.bs-product__image img { width:100%; height:100%; object-fit:contain; transition:.25s ease; }
.bs-product:hover .bs-product__image img { transform:scale(1.025); }
.bs-product__body { padding:16px; display:flex; flex:1; flex-direction:column; }
.bs-product__meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; font-size:11px; }
.bs-product__sku { direction:ltr; color:var(--bs-muted); font-weight:700; }
.bs-stock { color:var(--bs-green); background:var(--bs-mint); border-radius:999px; padding:4px 7px; }
.bs-product h3 { font-size:14px; line-height:1.75; margin:0 0 12px; min-height:49px; color:var(--bs-ink); }
.bs-product__foot { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.bs-product__price { font-size:13px; font-weight:800; color:var(--bs-ink); }
.bs-product__go { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:var(--bs-ink); color:#fff; }

.bs-pro { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
.bs-pro__main, .bs-help { border-radius:24px; padding:36px; }
.bs-pro__main { background:var(--bs-paper); border:1px solid var(--bs-line); }
.bs-pro__main h2, .bs-help h2 { font-size:30px; margin:0 0 12px; }
.bs-pro__main p { color:var(--bs-muted); line-height:1.9; }
.bs-proof { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:22px; }
.bs-proof div { background:#fff; border:1px solid var(--bs-line); border-radius:12px; padding:13px; font-size:13px; font-weight:700; }
.bs-help { background:var(--bs-accent); color:var(--bs-ink); position:relative; overflow:hidden; }
.bs-help p { line-height:1.9; }
.bs-help .bs-btn { background:var(--bs-ink); color:#fff; margin-top:10px; }

.bs-about { display:grid; grid-template-columns:1fr auto; gap:32px; align-items:center; }
.bs-about h2 { margin:0 0 10px; font-size:28px; }
.bs-about p { margin:0; max-width:820px; color:var(--bs-muted); line-height:2; }
.bs-about__year { min-width:150px; padding:20px; border-right:3px solid var(--bs-accent); }
.bs-about__year strong { display:block; font-size:28px; }
.bs-about__year span { color:var(--bs-muted); font-size:12px; }

@media (max-width: 849px) {
	.bs-toolnav { top:0; overflow:visible; }
	.bs-toolnav__in { width:100%; min-width:0; padding-inline:16px; }
	.bs-toolnav__support { margin-right:0; }
	.bs-hero { padding:46px 0 40px; }
	.bs-hero__grid, .bs-finder, .bs-pro { grid-template-columns:1fr; }
	.bs-hero__panel { display:none; }
	.bs-cats { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.bs-brands { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.bs-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.bs-finder__steps { grid-template-columns:1fr; }
	.bs-section { padding:52px 0; }
}

@media (max-width: 549px) {
	.bs-shell { width:min(100% - 22px,1180px); }
	.bs-hero h1 { font-size:34px; }
	.bs-hero__lead { font-size:14px; }
	.bs-search input[type="search"] { font-size:13px!important; padding-inline:10px!important; }
	.bs-search button { min-width:78px; }
	.bs-cats { gap:9px; }
	.bs-cat { min-height:130px; padding:15px; }
	.bs-brands { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.bs-products { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; }
	.bs-product { min-width:77vw; scroll-snap-align:start; }
	.bs-section-head { align-items:start; }
	.bs-section-head p { display:none; }
	.bs-finder__intro, .bs-finder__form, .bs-pro__main, .bs-help { padding:25px; }
	.bs-proof { grid-template-columns:1fr; }
	.bs-about { grid-template-columns:1fr; }
}

.bs-mega { position:relative; }
.bs-mega summary { list-style:none; cursor:pointer; min-height:40px; display:flex; align-items:center; gap:8px; padding:0 15px; border-radius:11px; background:var(--bs-green); color:#fff; font-size:13px; font-weight:800; }
.bs-mega summary::-webkit-details-marker { display:none; }
.bs-mega[open] summary { background:var(--bs-ink); }
.bs-mega__panel { position:absolute; top:calc(100% + 10px); right:0; width:min(880px,calc(100vw - 32px)); display:grid; grid-template-columns:repeat(3,1fr) 1.15fr; gap:0; padding:22px; border:1px solid var(--bs-line); border-radius:18px; background:#fff; box-shadow:0 24px 60px rgba(16,35,31,.18); }
.bs-mega__panel::before { content:""; position:absolute; top:-8px; right:25px; width:16px; height:16px; background:#fff; border-right:1px solid var(--bs-line); border-top:1px solid var(--bs-line); transform:rotate(-45deg); }
.bs-mega__col { padding:4px 14px; border-left:1px solid var(--bs-line); }
.bs-mega__col strong { display:block; margin-bottom:10px; color:var(--bs-ink); font-size:14px; }
.bs-mega__col a { display:block; padding:7px 0; color:var(--bs-muted); font-size:13px; font-weight:500; }
.bs-mega__col a:hover { background:transparent; color:var(--bs-green); }
.bs-mega__featured { margin-right:14px; padding:18px; border-radius:14px; background:var(--bs-ink); color:#fff; display:flex; flex-direction:column; justify-content:center; }
.bs-mega__featured span { color:var(--bs-accent); font-size:11px; margin-bottom:8px; }
.bs-mega__featured strong { color:#fff; line-height:1.8; }
.bs-mega__featured a { padding:10px 0 0; color:#fff; font-size:12px; }

.bs-trust { border-top:1px solid var(--bs-line); border-bottom:1px solid var(--bs-line); background:#fff; }
.bs-trust__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.bs-trust__grid div { padding:23px 20px; border-left:1px solid var(--bs-line); }
.bs-trust__grid div:last-child { border-left:0; }
.bs-trust strong, .bs-trust span { display:block; }
.bs-trust strong { font-size:14px; color:var(--bs-ink); margin-bottom:5px; }
.bs-trust span { font-size:11px; color:var(--bs-muted); }

.bs-prefooter { padding:48px 0; background:var(--bs-ink); color:#fff; }
.bs-prefooter__grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:34px; }
.bs-prefooter__grid > div > strong { display:block; margin-bottom:15px; color:#fff; font-size:14px; }
.bs-prefooter__grid a { display:block; color:rgba(255,255,255,.68); font-size:13px; padding:5px 0; }
.bs-prefooter__grid a:hover { color:var(--bs-accent); }
.bs-prefooter__brand > strong { color:var(--bs-accent)!important; font-size:26px!important; letter-spacing:.03em; }
.bs-prefooter__brand p { max-width:300px; color:rgba(255,255,255,.65); line-height:1.9; font-size:13px; }

/* Integrate the existing Flatsome header and footer with the new homepage. */
body.home #header { border-bottom:0; }
body.home #header .header-main { background:#fff; }
body.home #header .search-field { border-radius:999px!important; background:#f5f7f5!important; }
body.home #footer { background:#0b1b18; }
body.home #footer .footer-widgets { border-top:0; padding-top:36px; padding-bottom:28px; }
body.home #footer .widget { margin-bottom:12px; }
body.home #footer .widget-title { color:#fff; letter-spacing:0; }
body.home #footer p, body.home #footer li, body.home #footer a { font-size:13px; line-height:1.8; }
body.home #footer img { max-height:96px; width:auto; object-fit:contain; }
body.home #footer, body.home #footer a { color:rgba(255,255,255,.72); }
body.home #footer .absolute-footer { padding:16px 0; background:#07120f; }

@media (max-width: 849px) {
	.bs-mega { position:static; }
	.bs-mega__panel { position:absolute; z-index:50; top:calc(100% + 8px); right:0; left:auto; width:min(620px,calc(100vw - 24px)); max-height:70vh; overflow:auto; grid-template-columns:repeat(2,1fr); overscroll-behavior:contain; }
	.bs-mega__featured { margin:12px 0 0; }
	.bs-trust__grid { grid-template-columns:repeat(2,1fr); }
	.bs-prefooter__grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 549px) {
	.bs-toolnav__label, .bs-toolnav__in > a:not(.bs-toolnav__support):not(.bs-toolnav__search):not(.bs-toolnav__cart) { display:none; }
	.bs-toolnav__search { background:var(--bs-mint); color:var(--bs-green)!important; }
	.bs-toolnav__cart { display:inline-flex!important; background:#fff4e4; color:#8a4b00!important; }
	.bs-label-desktop { display:none; }
	.bs-label-mobile { display:inline; }
	.bs-toolnav a, .bs-mega summary { min-height:44px; padding-inline:12px; }
	.bs-toolnav__in { width:100%; justify-content:space-between; }
	.bs-toolnav__support { margin-right:auto; }
	.bs-mega__panel { grid-template-columns:1fr 1fr; padding:14px; }
	.bs-mega__col { padding:8px; }
	.bs-mega__col:nth-child(2) { border-left:0; }
	.bs-mega__featured { grid-column:1/-1; }
	.bs-products {
		display:flex;
		gap:12px;
		overflow-x:auto;
		overflow-y:hidden;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		padding:2px 2px 14px;
		scrollbar-width:none;
	}
	.bs-products::-webkit-scrollbar { display:none; }
	.bs-product {
		flex:0 0 min(78vw,300px);
		min-width:0;
		scroll-snap-align:start;
		scroll-snap-stop:always;
	}
	.bs-product__image { aspect-ratio:4/3; }
	.bs-product h3 { min-height:0; }
	.bs-trust__grid, .bs-prefooter__grid { grid-template-columns:1fr; }
	.bs-trust__grid div { border-left:0; border-bottom:1px solid var(--bs-line); }
	.bs-prefooter__grid { gap:24px; }
}

/* Support CTA shown after WooCommerce search results. */
.bs-search-support {
	width:min(1080px,calc(100% - 32px));
	margin:30px auto 50px;
	padding:24px;
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:18px;
	direction:rtl;
	border:1px solid #dce5df;
	border-radius:18px;
	background:linear-gradient(135deg,#f7fbf9,#eef7f2);
	box-shadow:0 12px 34px rgba(16,35,31,.07);
	color:#10231f;
}

.bs-search-support--empty {
	margin-top:22px;
}

.bs-search-support__icon {
	width:48px;
	height:48px;
	display:grid;
	place-items:center;
	border-radius:14px;
	background:#dff4eb;
	color:#147d64;
	font-size:24px;
	font-weight:900;
}

.bs-search-support__content h2 {
	margin:0 0 6px;
	color:#10231f;
	font-size:20px;
	line-height:1.5;
}

.bs-search-support__content p {
	margin:0;
	color:#66766f;
	font-size:14px;
	line-height:1.9;
}

.bs-search-support__button {
	min-height:48px;
	padding:0 18px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	background:#147d64;
	color:#fff!important;
	font-size:14px;
	font-weight:800;
	white-space:nowrap;
	box-shadow:0 8px 18px rgba(20,125,100,.18);
}

.bs-search-support__button:hover {
	background:#10231f;
	color:#fff!important;
	transform:translateY(-1px);
}

@media (max-width: 849px) {
	.bs-search-support {
		grid-template-columns:auto minmax(0,1fr);
		margin:22px auto 36px;
		padding:18px;
		gap:13px;
	}

	.bs-search-support__button {
		grid-column:1/-1;
		width:100%;
	}

	.bs-search-support__content h2 { font-size:17px; }
	.bs-search-support__content p { font-size:13px; }
}

/*
 * One navigation system across the whole site.
 * Flatsome remains the canonical header; on mobile it stays available while scrolling.
 */
@media (max-width: 849px) {
	body #header {
		position: sticky;
		top: 0;
		z-index: 999;
	}

	body.admin-bar #header {
		top: 46px;
	}

	#header .header-main {
		background: rgba(255,255,255,.98);
		box-shadow: 0 7px 24px rgba(16,35,31,.08);
	}

	#header .header-main .header-inner {
		min-height: 68px;
	}
}

@media (max-width: 782px) {
	body.admin-bar #header { top: 46px; }
}

#boardshop-mobile-dock { display:none; }

@media (max-width: 849px) {
	#boardshop-mobile-dock {
		display:block;
		position:relative;
		z-index:1000;
	}

	#boardshop-mobile-dock .sticky-mobile-menu {
		position:fixed;
		right:0;
		left:0;
		bottom:0;
		width:100%;
		max-width:none;
		margin:0;
		z-index:1000;
	}

	#boardshop-mobile-dock .sticky-mobile-menu h6 {
		margin:3px 0 0;
		font-size:11px;
		line-height:1.3;
		white-space:nowrap;
	}

	body {
		padding-bottom:72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.boardshop-home *, .boardshop-home *::before, .boardshop-home *::after { scroll-behavior:auto!important; transition:none!important; }
}