/* استایل مکمل ویجت‌های المنتور «کلبه لفور» — فاز ۹ موج ۳ (W2-E)
 * ══════════════════════════════════════════════════════════════════
 * اکثر کلاس‌های خروجی ویجت‌ها از قالب‌های PHP قالب لفور پورت شده‌اند و
 * site.css قالب فعال آنها را دارد (کلاس‌های Tailwind اسکن‌شده). این فایل
 * فقط «قطعات جاافتاده» را می‌سازد (R8 ممیزی): کلاس‌هایی که فقط در خروجی
 * PHP ویجت‌های افزونه هستند و در @source قالب اسکن نمی‌شوند، به‌علاوهٔ
 * چند قاعدهٔ دفاعی برای نبود قالب.
 *
 * معادل‌های Tailwind دست‌سازند و مقادیرشان با پالت source.css قالب هم‌خوان
 * (honey-300=#ecd4a8، honey-700=#a06d31، honey-400=#e3bc82).
 *
 * پیشنهاد rebuild متمرکز: افزودن مسیر src/Integrations/Elementor/Widgets
 * به @source قالب → این فایل فقط fallback می‌ماند. */

/* ─── بج «تیم رسمی» کارت میزبان (HostCardWidget) ─── */
.bg-honey-100 { background-color: #f7ead0; }
.text-honey-800 { color: #8a5f28; }

/* ─── تخمین‌گر CTA میزبانی (HostCtaWidget — ورودی‌ها) ─── */
.border-white\/20 { border-color: rgb(255 255 255 / 0.2); }
.text-white\/60 { color: rgb(255 255 255 / 0.6); }
.focus\:ring-honey-400\/60:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-color: rgb(227 188 130 / 0.6);
        box-shadow: 0 0 0 calc(2px + var(--tw-ring-offset-width, 0px)) var(--tw-ring-color, rgb(227 188 130 / 0.6));
}

/* ─── کارت مقصد حالت هیرو (DestinationCardWidget) ─── */
@media (min-width: 40rem) {
        .sm\:aspect-\[16\/9\] { aspect-ratio: 16 / 9; }
}

/* ─── قاب کارت آفر (offer card) — honey-200/60 در پالت قالب نیست ─── */
.border-honey-200\/60 { border-color: rgb(236 212 168 / 0.6); }

/* ─── دفاعی: نبود قالب — فونت/جهت پایه + mount ویجت‌ها ─── */
.lafour-widget { direction: rtl; }
.lafour-widget:empty { min-height: 4.5rem; }
.lafour-widget--booking:empty { min-height: 26rem; }
.lafour-widget--calendar:empty { min-height: 22rem; }
.lafour-widget--chat:empty { min-height: 0; }

/* ─── پاریتی فاصله‌گذاری سکشن‌های دموی خانه (رفع R5) ───
 * ویجت‌های PHP لفور هرکدام سکشن کامل خودشان (پدینگ/عرض/کانتینر
 * mx-auto max-w-*) را رندر می‌کنند؛ مارجین پیش‌فرض ۲۰px المنتور بین
 * ویجت‌ها حذف می‌شود تا فاصلهٔ سکشن‌ها عین قالب/مرجع بماند. فقط
 * ویجت‌های لفور — ویجت‌های heading/text-editor دست‌نخورده می‌مانند
 * (صفحات دموی دیگر به همان فاصله پیش‌فرض نیاز دارند). */
[class*="elementor-widget-lafour-"] { margin-bottom: 0 !important; }

/* سکشن‌های تمام‌عرض دموی خانه (layout=full_width + gap=no) — مطمئن
 * شدن از خنثی بودن پدینگ ستونِ wrapper المنتور (فقط سکشن‌های تک‌ویجتی
 * دموی لفور؛ کلاس elementor-column-gap-no خود المنتور برای gap=no
 * می‌نشیند). */
.elementor-section.elementor-column-gap-no > .elementor-column > .elementor-widget-wrap {
        padding: 0;
}

/* ═══ وندور-patch v1.3.1 — توکن گرادیان غایب از بیلد قالب (TextSectionWidget) ═══
   to-forest-950 ساده (بدون شفافیت) در site.css فقط با واریانت‌های /10 و /95
   کامپایل شده بود؛ مقدار از همان oklab رامپ مرجع forest-950. */
.to-forest-950{--tw-gradient-to:oklab(21.7788% -.0326223 .00706323);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

/* ═══ فیکس ریشه‌ای v1.4.3 — ارتفاع تصاویر ویجت‌های لفور در صفحه‌های المنتور ═══
   المنتور در frontend.css قانون «لایه‌نشده» دارد: `.elementor img{height:auto}`.
   CSS لایه‌نشده بر همهٔ @layerهای تیل‌ویند v4 (ازجمله utilities → h-full)
   غلبه می‌کند → تصویر داخل کادر aspect ثابت، ارتفاع طبیعی می‌گیرد →
   حفرهٔ خالی زیر عکس کارت‌ها / اسلایدر «شکسته» (پروب زنده: ۵۱px حفره).
   راه‌حل: قواعد لایه‌نشده با اختصاصیت بالاتر از `.elementor img` (0,1,1)
   فقط برای تصاویرِ ویجت‌های لفور (انتخابگر wrapper widget لفور = 0,2,1+)
   — ارتفاع قصدشدهٔ utility را بازمی‌گردانند؛ بقیهٔ تصاویر سایت دست‌نخورده. */
.elementor [class*="elementor-widget-lafour-"] img.h-full,
.elementor .lafour-widget img.h-full {
        height: 100%;
}
.elementor [class*="elementor-widget-lafour-"] img.size-24,
.elementor .lafour-widget img.size-24 {
        height: 6rem;
}
.elementor [class*="elementor-widget-lafour-"] img.h-7,
.elementor .lafour-widget img.h-7 {
        height: 1.75rem;
}
/* object-fit هم در همین بردار (پیش‌خواهی): پوشش کامل کادر */
.elementor [class*="elementor-widget-lafour-"] img.object-cover,
.elementor .lafour-widget img.object-cover {
        object-fit: cover;
}