/* =========================================================
   بریم تایلند — پوستهٔ «اپل‌مینیمال» (الگوی App Store)
   ---------------------------------------------------------
   بعد از style-main.css بارگذاری می‌شود و فقط لایهٔ روکش است:
   توکن‌های v2 (سبز + طلایی) حفظ می‌شوند و روی سفید + کرم گروه‌بندی‌شده
   + یک رنگ برند (سبز) بازتعریف می‌گردند. الگوها از «کیش‌سفر» آمده‌اند:
   هدر شیشه‌ای، تب‌بار شناور موبایل، کاشی‌های تخت با گوشهٔ خیلی گرد،
   دکمهٔ کپسولی با حالت tinted، پترن موج، shelf افقی.
   ترتیب اولویت: سئو/عملکرد > دسترس‌پذیری > توکن‌ها > زیبایی.
   ========================================================= */

:root {
	/* ---- رنگ برند: سبز (همان green-700 فعلی) ---- */
	--brand: var(--green-700);
	--brand-ink: #FFFFFF;                      /* متن روی رنگ برند */
	--brand-text: var(--green-700);            /* رنگ لینک/متن برند روی سطح روشن */
	--brand-hover: color-mix(in srgb, var(--green-700) 86%, #000);
	--brand-soft: color-mix(in srgb, var(--green-700) 10%, transparent);
	--brand-soft-bd: color-mix(in srgb, var(--green-700) 22%, transparent);
	--gold-ink: #7A5C14;                       /* طلایی تیره برای متن (کنتراست ≥ 5:1 روی سفید) */
	--focus: color-mix(in srgb, var(--green-600) 55%, transparent);

	/* ---- سطوح ---- */
	--bg-grouped: #F6F4EE;
	--tint: #F6F4EE;
	--surface-2: #F1EEE5;
	--surface-3: #E7E3D6;
	--border: rgba(9, 50, 41, .10);
	--line-strong: rgba(9, 50, 41, .18);

	/* ---- شیشه ---- */
	--glass-bg: rgba(255, 255, 255, .78);
	--glass-solid: rgba(255, 255, 255, .96);
	--glass-border: rgba(9, 50, 41, .08);
	--glass-blur: saturate(180%) blur(20px);

	/* ---- شعاع: گردتر به سبک ویجت/اپ‌استور ---- */
	--r-md: 16px;
	--r-lg: 22px;
	--r-xl: 32px;
	--r-pill: 999px;

	/* ---- سایه: خیلی نرم، فقط برای عناصر شناور ---- */
	--sh-1: 0 1px 2px rgba(9, 50, 41, .04), 0 2px 8px rgba(9, 50, 41, .04);
	--sh-2: 0 2px 6px rgba(9, 50, 41, .05), 0 12px 32px -8px rgba(9, 50, 41, .14);
	--sh-3: 0 8px 24px rgba(9, 50, 41, .08), 0 24px 60px -12px rgba(9, 50, 41, .22);

	/* ---- حرکت و ابعاد ---- */
	--ease-spring: cubic-bezier(.34, 1.56, .64, 1);
	--ease-out: cubic-bezier(.22, 1, .36, 1);
	--header-h: 56px;
	--tabbar-h: 64px;
	--tap: 44px;

	color-scheme: light dark;
}

/* ---------------------------------------------------------
   حالت تیره (خودکار از سیستم)
   --------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #0B1210; --tint: #121B18; --bg-grouped: #121B18;
		--surface: #17211E; --surface-2: #1F2B27; --surface-3: #2A3833;
		--text-1: #EEF3F1; --text-2: #A9B8B2; --text-3: #7F8F89;
		--border: rgba(255, 255, 255, .12); --line-strong: rgba(255, 255, 255, .22);
		--brand: #1B7A63; --brand-hover: #208A70; --brand-text: #6FD0B3;
		--brand-soft: color-mix(in srgb, #6FD0B3 16%, transparent);
		--brand-soft-bd: color-mix(in srgb, #6FD0B3 30%, transparent);
		--green-100: #1B3A31; --gold-100: #2E2714; --gold-ink: var(--gold-300);
		--glass-bg: rgba(18, 27, 24, .76); --glass-solid: rgba(18, 27, 24, .97); --glass-border: rgba(255, 255, 255, .10);
		--sh-1: none; --sh-2: 0 0 0 1px var(--border); --sh-3: 0 0 0 1px var(--border), 0 24px 60px -12px rgba(0, 0, 0, .6);
		--error: #F08A72; --success: #5BD39A;
	}
	.badge-last, .form-message--error { background: color-mix(in srgb, var(--error) 18%, transparent); }
	.card-media img.card-placeholder { opacity: .9; }
}

/* ---------------------------------------------------------
   پایه
   --------------------------------------------------------- */
body { background: var(--bg); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: var(--r-sm); }
h1, h2, h3, h4 { letter-spacing: 0; }   /* فارسی: letter-spacing منفی ممنوع */
a { -webkit-tap-highlight-color: transparent; }
.skip-link { background: var(--brand); color: var(--brand-ink); border-radius: var(--r-pill); }

/* بدون JS هیچ محتوایی مخفی نماند */
html:not(.js) .reveal { opacity: 1; transform: none; }

/* ---------------------------------------------------------
   شیشه (با fallback)
   --------------------------------------------------------- */
.hdr-nav-wrap, .tabbar { background: var(--glass-solid); border-color: var(--glass-border); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.hdr-nav-wrap, .tabbar {
		background: var(--glass-bg);
		-webkit-backdrop-filter: var(--glass-blur);
		backdrop-filter: var(--glass-blur);
	}
}
@media (prefers-reduced-transparency: reduce) {
	.hdr-nav-wrap, .tabbar { background: var(--glass-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ---------------------------------------------------------
   هدر: سفید + منوی چسبان شیشه‌ای
   --------------------------------------------------------- */
.site-header { background: var(--bg); }
.hdr-top { padding-block: var(--sp-4); }
.site-logo { color: var(--brand-text); font-size: 1.45rem; }
.site-logo b, .site-logo strong { color: var(--gold-ink); }
.hdr-top .phone {
	color: var(--brand-text); background: var(--brand-soft); border-radius: var(--r-pill);
	min-height: var(--tap); padding-inline: var(--sp-4); font-size: .98rem;
	transition: background var(--t-fast) var(--ease), transform var(--t-med) var(--ease-spring);
}
.hdr-top .phone:hover { background: var(--brand-soft-bd); }
.hdr-top .phone:active { transform: scale(.97); }
.hdr-top .phone .icon { color: inherit; }
.hamburger {
	color: var(--text-1); min-width: var(--tap); min-height: var(--tap);
	border-radius: var(--r-pill); background: var(--surface-2);
}

.hdr-nav-wrap { border-block-end: 1px solid transparent; transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease); }
.hdr-nav-wrap.is-stuck { box-shadow: none; border-block-end-color: var(--glass-border); }
.hdr-nav { gap: var(--sp-1); padding-block: 6px; }
.hdr-nav a {
	color: var(--text-2); font-size: .95rem; font-weight: 500;
	min-height: 38px; display: inline-flex; align-items: center;
	padding: 0 var(--sp-4); border-radius: var(--r-pill);
	transition: color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}
.hdr-nav a:hover, .hdr-nav a.active, .hdr-nav li.current-menu-item > a, .hdr-nav li.current-menu-ancestor > a {
	color: var(--text-1); background: var(--surface-2);
}
.hdr-nav li.current-menu-item > a, .hdr-nav li.current-menu-ancestor > a { font-weight: 700; }
.hdr-nav a:hover::after, .hdr-nav a.active::after, .hdr-nav li.current-menu-item > a::after, .hdr-nav li.current-menu-ancestor > a::after { display: none; }
.hdr-nav .sub-menu { border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--border); }
.hdr-nav .sub-menu a:hover { background: var(--brand-soft); color: var(--brand-text); }

/* ---------------------------------------------------------
   ردیف سوم هدر → کاشی سبز بزرگ (کارت Today) + پترن موج
   --------------------------------------------------------- */
.hdr-tagline {
	position: relative; isolation: isolate; overflow: hidden;
	background: var(--green-700); border-radius: var(--r-xl);
	width: min(calc(100% - 24px), var(--container)); margin: var(--sp-2) auto 0;
	padding: clamp(var(--sp-6), 6vw, var(--sp-8)) clamp(var(--sp-5), 5vw, var(--sp-8));
}
.hdr-tagline--short { max-width: none; padding-block: clamp(var(--sp-5), 4vw, var(--sp-7)); text-align: start; }
.hdr-tagline h1 { color: #fff; margin: 0; }
/* پترن موج: رنگ از توکن، شکل از ماسک SVG سبک (< 1KB)، بدون تصویر اضافه */
.hdr-tagline::before {
	content: ''; position: absolute; inset: -40%; z-index: -1; pointer-events: none;
	background: var(--gold-300); opacity: .07; transform: rotate(-24deg);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='26'%3E%3Cpath d='M0 13Q11 0 22 13T44 13' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 44px 26px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='26'%3E%3Cpath d='M0 13Q11 0 22 13T44 13' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 44px 26px;
}
.hdr-tagline::after {   /* دایرهٔ تزئینی طلایی گوشه */
	content: ''; position: absolute; z-index: -1; pointer-events: none;
	inline-size: 160px; block-size: 160px; border-radius: 50%;
	inset-block-start: -56px; inset-inline-start: -40px;
	background: var(--gold-500); opacity: .16;
}
.hdr-tagline .sub { color: rgba(255, 255, 255, .82); }
.hdr-tagline b { color: var(--gold-300); }
/* دکمه‌های داخل کاشی سبز: اصلی = سفید، ثانویه = شیشهٔ سفید */
.hdr-tagline .btn-primary, .installment-banner .btn-primary, .visa-box .btn-primary { background: #fff; color: var(--green-800); }
.hdr-tagline .btn-primary:hover, .installment-banner .btn-primary:hover { background: var(--gold-100); color: var(--green-900); }
.btn-ghost-light { background: rgba(255, 255, 255, .16); border-color: transparent; color: #fff; }
.btn-ghost-light:hover { background: rgba(255, 255, 255, .26); }

/* ---------------------------------------------------------
   منوی موبایل: برگهٔ سفید
   --------------------------------------------------------- */
.mobile-menu { background: var(--bg); color: var(--text-1); border-radius: 0 0 var(--r-xl) var(--r-xl); }
.mobile-menu a { border-bottom-color: var(--border); }
.mobile-menu__close { color: var(--text-1); background: var(--surface-2); border-radius: var(--r-pill); min-width: var(--tap); min-height: var(--tap); }
.site-logo--light, .site-logo--light b { color: var(--brand-text); }
.site-logo--light b { color: var(--gold-ink); }
.mobile-menu .btn-ghost-light { background: var(--brand-soft); color: var(--brand-text); }

/* ---------------------------------------------------------
   دکمه‌ها: کپسولی؛ اصلی سبز پر، ثانویه tinted (سبک GET)
   --------------------------------------------------------- */
.btn {
	border-radius: var(--r-pill); min-height: var(--tap);
	transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-med) var(--ease-spring);
}
.btn:active { transform: scale(.97); }
.btn-primary { background: var(--brand); color: var(--brand-ink); }
.btn-primary:hover { background: var(--brand-hover); color: var(--brand-ink); transform: none; box-shadow: none; }
.btn-secondary { background: var(--brand-soft); color: var(--brand-text); border: 0; }
.btn-secondary:hover { background: var(--brand-soft-bd); color: var(--brand-text); }
.btn-ghost { color: var(--brand-text); }
.btn-ghost:hover { background: var(--brand-soft); }
.btn-sm { min-height: 40px; }
.btn:disabled { background: var(--surface-3); color: var(--text-3); }

/* ---------------------------------------------------------
   کارت‌ها: تخت و سفید، بدون کادر؛ سایهٔ نرم؛ hover فنری
   --------------------------------------------------------- */
.card { border: 0; box-shadow: var(--sh-1); transition: transform var(--t-med) var(--ease-spring), box-shadow var(--t-med) var(--ease); }
@media (hover: hover) {
	.card:hover { transform: translateY(-4px); box-shadow: var(--sh-3); }
}
.badge-gold { color: var(--gold-ink); }
.badge-green { color: var(--brand-text); background: var(--brand-soft); }
.rating-score-badge { background: var(--brand); color: var(--brand-ink); }
.filter-chip { border: 0; background: var(--surface-2); min-height: 38px; }
.filter-chip:hover { color: var(--brand-text); background: var(--brand-soft); }
.filter-chip.is-active { background: var(--brand); color: var(--brand-ink); }

/* قیمت و لینک‌های برند: متن تیره/سبز با کنتراست کافی (طلایی فقط تزئین) */
.tour-card__price, .booking-box__price, .mobile-booking-bar .price, .qa-related-tour-card .price { color: var(--text-1); }
.tour-card__price .price-currency, .price-on-request { color: var(--brand-text); }
.tour-card__hotel a, .city-pick strong, .qa-back-link, .cmp-label, .tour-chips .chip { color: var(--brand-text); }
.tour-chips .chip { background: var(--brand-soft); }
.qa-page__topic, .qa-related-list a .icon { color: var(--gold-ink); }
.qa-topic-count { background: var(--brand-soft); color: var(--brand-text); }
.breadcrumb a:hover { color: var(--brand-text); }

/* ---------------------------------------------------------
   عنوان بخش‌ها: Large Title بدون خط طلایی
   --------------------------------------------------------- */
.section-header > h2::after, .sec > h2::after { display: none; }
.section-header { padding-bottom: 0; }
.section-header h2 { font-weight: 900; }
.section-header p { font-size: var(--fs-body-lg); line-height: 1.9; }
.flex-between.section-header { align-items: flex-end; gap: var(--sp-4); }

/* ---------------------------------------------------------
   صفحهٔ اصلی
   --------------------------------------------------------- */
/* بخش‌های کاشی‌شده: نوار گروه‌بندی‌شدهٔ گرد، نه تمام‌عرض */
.section.container.section--tile {
	background: var(--surface-2); border-radius: var(--r-xl);
	width: min(calc(100% - 24px), var(--container));
	padding-inline: clamp(var(--sp-5), 4vw, var(--sp-8));
	padding-block: clamp(var(--sp-7), 6vw, var(--sp-8));
	margin-block: var(--sp-5);
}
.section--tile .testimonial-card, .section--tile .city-pick { background: var(--surface); }

/* مقصدها: کاشی‌های تخت؛ موبایل = گرید ۲ ستونه با آخری تمام‌عرض */
.destination-card { border-radius: var(--r-xl); box-shadow: none; }
.destination-card .card-media { border-radius: var(--r-xl); }
.destination-card .card-overlay { background: linear-gradient(to top, rgba(6, 39, 32, .78) 0%, rgba(6, 39, 32, 0) 62%); }
.destination-card .tour-count { color: var(--gold-300); }
@media (max-width: 900px) {
	.destinations-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
	.destination-card, .destination-card--small { grid-column: span 1; }
	.destination-card .card-media { aspect-ratio: 1 / 1; }
	.destination-card:last-child { grid-column: 1 / -1; }
	.destination-card:last-child .card-media { aspect-ratio: 2 / 1; }
	.destination-card h3 { font-size: 1.15rem; }
	.destination-card .card-overlay { padding: var(--sp-4); }
	.destination-card p { display: none; }
}

/* shelf افقی در موبایل (تورها و مجله): .shelf-m روی گرید */
@media (max-width: 900px) {
	.grid.shelf-m {
		grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(250px, 80%);
		overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--sp-4); scrollbar-width: none;
		margin-inline: calc(clamp(16px, 4vw, 32px) * -1); padding: var(--sp-2) clamp(16px, 4vw, 32px) var(--sp-4);
	}
	.grid.shelf-m::-webkit-scrollbar { display: none; }
	.grid.shelf-m > * { scroll-snap-align: start; }
}

/* بنرهای سبز (اقساط، ویزا): کاشی تو‌پُر برند با پترن موج */
.installment-banner, .visa-box { position: relative; isolation: isolate; overflow: hidden; background: var(--green-700); border-radius: var(--r-xl); }
.installment-banner::before, .visa-box::before {
	content: ''; position: absolute; inset: -40%; z-index: -1; pointer-events: none;
	background: var(--gold-300); opacity: .07; transform: rotate(24deg);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='26'%3E%3Cpath d='M0 13Q11 0 22 13T44 13' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 44px 26px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='26'%3E%3Cpath d='M0 13Q11 0 22 13T44 13' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 44px 26px;
}
.installment-step .step-icon { background: rgba(255, 255, 255, .16); color: #fff; }
.installment-step strong { color: #fff; }
.visa-box p { color: rgba(255, 255, 255, .82); }

/* کدام شهر برای شما: کاشی خاکستری تخت */
.city-pick { background: var(--surface-2); border: 0; box-shadow: none; border-radius: var(--r-lg); min-height: 64px; transition: transform var(--t-med) var(--ease-spring), background var(--t-fast) var(--ease); }
@media (hover: hover) { .city-pick:hover { transform: scale(1.02); background: var(--brand-soft); } }
.city-pick:active { transform: scale(.98); }

/* بهترین زمان سفر */
.month-rain { background: var(--text-2); }
.month-chip { border-radius: var(--r-md); }

/* نظرات */
.testimonial-card { border: 0; box-shadow: var(--sh-1); border-radius: var(--r-xl); }
.testimonial-dots button.is-active { background: var(--brand); }

/* سوالات متداول: بدون JS، کادر خاکستری */
.faq-item { background: var(--surface-2); border: 0; border-radius: var(--r-md); }
.faq-item summary { min-height: var(--tap); }
.faq-item summary::after { color: var(--brand-text); }

/* ---------------------------------------------------------
   صفحهٔ تور / فرم‌ها
   --------------------------------------------------------- */
.booking-box, .reservation-form { border: 0; box-shadow: var(--sh-2); border-radius: var(--r-xl); }
.tour-featured-image { border-radius: var(--r-xl); }
.installment-box { border-radius: var(--r-lg); }
.form-row input, .form-row select, .form-row textarea {
	border: 0; background: var(--surface-2); border-radius: var(--r-md); min-height: var(--tap);
	transition: box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { background: var(--surface); box-shadow: 0 0 0 2px var(--brand); }
.calc-slider { accent-color: var(--brand); }
.qa-hub-search input { border: 0; background: var(--surface-2); }

/* ---------------------------------------------------------
   فوتر: خاکستریِ روشن (گروه‌بندی‌شده)
   --------------------------------------------------------- */
.site-footer { background: var(--bg-grouped); color: var(--text-2); }
.footer-badge { background: var(--surface); border-radius: var(--r-md); box-shadow: var(--sh-1); }
.footer-col h4 { color: var(--text-1); }
.footer-col a { color: var(--text-2); }
.footer-col a:hover { color: var(--brand-text); text-decoration: underline; }
.footer-address { color: var(--text-2); }
.footer-social a { background: var(--surface); color: var(--text-2); box-shadow: var(--sh-1); min-width: var(--tap); min-height: var(--tap); }
.footer-social a:hover { background: var(--brand); color: var(--brand-ink); }
.footer-bottom { border-top-color: var(--border); color: var(--text-3); }
.site-footer .btn-ghost-light { background: var(--brand-soft); color: var(--brand-text); }
.site-footer .btn-ghost-light:hover { background: var(--brand-soft-bd); }

/* ---------------------------------------------------------
   تب‌بار موبایل: شناور، شیشه‌ای، کپسولی
   --------------------------------------------------------- */
.tabbar { display: none; }
@media (max-width: 1000px) {
	.tabbar {
		display: block; position: fixed; z-index: 95;
		inset-inline: var(--sp-3); inset-block-end: calc(var(--sp-3) + env(safe-area-inset-bottom, 0px));
		border: 1px solid var(--glass-border); border-radius: var(--r-pill); box-shadow: var(--sh-2);
	}
	.tabbar ul { display: flex; block-size: var(--tabbar-h); padding: var(--sp-1); margin: 0; list-style: none; }
	.tabbar li { flex: 1; }
	.tabbar a {
		block-size: 100%; min-height: var(--tap);
		display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
		border-radius: var(--r-pill); font-size: 11px; font-weight: 500; line-height: 1.3; color: var(--text-2);
		transition: color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-med) var(--ease-spring);
	}
	.tabbar a[aria-current="page"] { color: var(--brand-text); background: var(--brand-soft); font-weight: 700; }
	.tabbar a:active { transform: scale(.92); }
	.tabbar .icon { width: 22px; height: 22px; vertical-align: 0; }
	/* جا برای تب‌بار پایین فوتر (بدون نوار سفید زیر آن) */
	.site-footer { padding-block-end: calc(var(--tabbar-h) + var(--sp-7) + env(safe-area-inset-bottom, 0px)); }
	/* نوار رزرو صفحهٔ تور بالای تب‌بار می‌نشیند */
	.mobile-booking-bar {
		inset-inline: var(--sp-3); inset-block-end: calc(var(--tabbar-h) + var(--sp-5) + env(safe-area-inset-bottom, 0px));
		border-radius: var(--r-lg); box-shadow: var(--sh-2);
	}
}
@media (min-width: 1001px) { .tabbar { display: none !important; } }

/* ---------------------------------------------------------
   حرکت
   --------------------------------------------------------- */
.reveal { transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out); }
@media (prefers-reduced-motion: reduce) {
	.reveal { opacity: 1; transform: none; }
}
@media print {
	.tabbar, .mobile-booking-bar { display: none !important; }
	.site-footer { padding-block-end: var(--sp-6); }
}

/* =========================================================
   صفحهٔ هتل و صفحهٔ تور (الگوی «صفحهٔ جزئیات» اپ‌استور)
   عنوان درشت ← ردیف اطلاعات گروه‌بندی‌شده ← گالری گرد ← بخش‌های کاشی‌ای
   ========================================================= */

/* ---------- مشترک ---------- */
.breadcrumb { min-height: 32px; }
.breadcrumb a { padding-block: var(--sp-1); }
.hotel-section h2, .tour-section h2 { font-weight: 900; }
.hotel-section h2 .icon, .tour-section h2 .icon { color: var(--brand-text); }
.hotel-section--tinted {
	background: var(--surface-2); border-radius: var(--r-xl);
	padding: clamp(var(--sp-5), 4vw, var(--sp-7)); margin-inline: 0;
}
.hotel-section--tinted .faq-item, .hotel-section--tinted .faq-item[open] { background: var(--surface); border: 0; }
.collapsible > summary { color: var(--brand-text); min-height: var(--tap); margin-top: var(--sp-2); }
.collapsible > summary:hover { color: var(--text-1); }
.page-numbers a, .page-numbers span { border: 0; background: var(--surface-2); border-radius: var(--r-pill); min-width: var(--tap); height: var(--tap); }
.page-numbers a:hover { background: var(--brand-soft); color: var(--brand-text); }
.page-numbers span.current { background: var(--brand); color: var(--brand-ink); }

/* ---------- هتل: سربرگ ---------- */
.hotel-header h1 { font-weight: 900; }
.hotel-header .city-link { color: var(--brand-text); }
.hotel-header__address {
	background: var(--surface-2); border: 0; border-radius: var(--r-lg);
	padding: var(--sp-4) var(--sp-5); align-items: center;
}
.hotel-header__address > .icon { color: var(--brand-text); margin-top: 0; }
.hotel-header__times span { background: var(--surface-2); border-radius: var(--r-pill); padding: 6px var(--sp-4); }

/* ---------- هتل: گالری ---------- */
.hotel-gallery { gap: var(--sp-2); }
.hotel-gallery__item { border-radius: var(--r-md); }
.hotel-gallery__item--main { border-radius: var(--r-xl); }
.hotel-gallery__more { background: rgba(6, 39, 32, .62); border-radius: inherit; }
@media (hover: hover) { .hotel-gallery__item:hover img { transform: scale(1.03); } }

/* ---------- هتل: نکته، امکانات، اتاق‌ها، فاصله‌ها، نظرات ---------- */
.hotel-note-box { background: var(--brand-soft); border: 0; border-radius: var(--r-lg); }
.hotel-note-box strong { color: var(--brand-text); }
.amenity-item { background: var(--surface-2); border-radius: var(--r-md); padding: var(--sp-3) var(--sp-4); min-height: var(--tap); }
.amenity-item .icon, .amenity-group h3 { color: var(--brand-text); }
.amenity-group li > .icon { color: var(--brand-text); }

/* لیست گروه‌بندی‌شده (Inset Grouped) */
.room-list, .distances-list {
	background: var(--surface-2); border: 0; border-radius: var(--r-lg);
	overflow: hidden; gap: 0; max-width: none; margin-block: var(--sp-4) 0;
}
.room-list__item, .distances-list li { padding: var(--sp-3) var(--sp-5); min-height: var(--tap); border-bottom: 1px solid var(--border); }
.room-list__item:last-child, .distances-list li:last-child { border-bottom: 0; }
.distances-list li > .icon, .distances-list .icon { color: var(--brand-text); }
.hotel-section--tinted .room-list, .hotel-section--tinted .distances-list { background: var(--surface); }

.review-card { background: var(--surface-2); border: 0; box-shadow: none; border-radius: var(--r-lg); padding: var(--sp-5); }

/* نظرات بازدیدکنندگان / فرم */
.comments-area .comment-body { background: var(--surface); border: 0; border-radius: var(--r-lg); }
.comments-area .reply a { color: var(--brand-text); }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	border: 0; background: var(--surface); border-radius: var(--r-md); min-height: var(--tap);
}
.comment-form input:focus, .comment-form textarea:focus { box-shadow: 0 0 0 2px var(--brand); }
.comment-form .submit { background: var(--brand); color: var(--brand-ink); border-radius: var(--r-pill); min-height: var(--tap); transition: background var(--t-fast) var(--ease), transform var(--t-med) var(--ease-spring); }
.comment-form .submit:hover { background: var(--brand-hover); color: var(--brand-ink); }
.comment-form .submit:active { transform: scale(.97); }

/* ---------- تور: سربرگ و تصویر ---------- */
.tour-chips .chip { min-height: 32px; display: inline-flex; align-items: center; }
.tour-meta-row span { background: var(--surface-2); border-radius: var(--r-pill); padding: 6px var(--sp-4); }
.tour-featured-image { border-radius: var(--r-xl); box-shadow: var(--sh-2); }

/* ---------- تور: باکس رزرو ---------- */
.tour-sidebar { top: calc(var(--header-h) + var(--sp-4)); }
.booking-box__price, .price-row__value { color: var(--text-1); }
.price-row__value--currency { color: var(--brand-text); }
.price-row__badge { background: var(--brand-soft); color: var(--brand-text); }
.price-row { border-bottom-color: var(--border); }
.booking-box__installment { background: var(--brand-soft); color: var(--brand-text); border: 0; border-radius: var(--r-md); }
a.booking-box__installment:hover { background: var(--brand-soft-bd); }
.booking-box__phone { color: var(--brand-text); min-height: var(--tap); display: flex; align-items: center; justify-content: center; }
.btn-whatsapp { color: #fff; }

/* نوار رزرو موبایل: شیشه */
.mobile-booking-bar { background: var(--glass-solid); border: 1px solid var(--glass-border); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.mobile-booking-bar { background: var(--glass-bg); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
}
@media (prefers-reduced-transparency: reduce) {
	.mobile-booking-bar { background: var(--glass-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ---------- تور: برنامه سفر، جدول، خدمات، اقساط ---------- */
.itinerary-timeline { border-inline-start-color: var(--brand-soft-bd); }
.itinerary-item::before { background: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.itinerary-item .hotel-link { color: var(--brand-text); }

.dates-table { border-collapse: separate; border-spacing: 0; background: var(--surface-2); border-radius: var(--r-lg); overflow: hidden; }
.dates-table th { background: var(--brand-soft); color: var(--brand-text); border-bottom: 0; }
.dates-table td, .dates-table tbody tr:nth-child(even) td { background: transparent; border-bottom-color: var(--border); }
.table-scroll { border: 0; border-radius: var(--r-lg); }

.services-grid .service-item { background: var(--surface-2); border-radius: var(--r-md); padding: var(--sp-3) var(--sp-4); min-height: var(--tap); }
.services-grid .service-item .icon { color: var(--brand-text); }

.installment-box { background: var(--brand-soft); border: 0; border-radius: var(--r-xl); padding: var(--sp-6); }
.installment-box strong { color: var(--brand-text); }
.documents-box { background: var(--surface-2); border-radius: var(--r-lg); padding: var(--sp-5); }