/* صفحة الفندق — CSS المكونات الثابت مجمعاً بترتيب ظهوره الأصلي؛ كان ~80KB مضمنة في كل صفحة فندق (2026-09-04) */

/* ═══ index @push(css) (كان مضمناً في index.blade.php L43-113) ═══ */
            .fd-alert {
                position: relative;
                background: #2d1e4b;
                border-radius: 14px;
                padding: 22px 28px;
                margin-bottom: 24px;
                animation: fdSlide 0.35s ease-out;
                overflow: hidden;
            }
            .fd-alert::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, rgba(115,79,150,0.15) 0%, transparent 60%);
                pointer-events: none;
            }
            .fd-alert-close {
                position: absolute; top: 14px;
                background: rgba(255,255,255,0.1);
                border: none; color: rgba(255,255,255,0.5);
                width: 28px; height: 28px; border-radius: 50%;
                display: flex; align-items: center; justify-content: center;
                cursor: pointer; transition: all 0.2s; font-size: 12px;
                z-index: 1;
            }
            html[dir="rtl"] .fd-alert-close { left: 16px; }
            html[dir="ltr"] .fd-alert-close { right: 16px; }
            .fd-alert-close:hover { background: rgba(255,255,255,0.2); color: #fff; }
            .fd-alert-inner {
                display: flex; align-items: flex-start; gap: 18px;
                position: relative; z-index: 1;
            }
            .fd-alert-left {
                width: 44px; height: 44px; border-radius: 12px;
                background: rgba(255,255,255,0.1);
                border: 1px solid rgba(255,255,255,0.1);
                display: flex; align-items: center; justify-content: center;
                flex-shrink: 0;
                margin-top: 2px;
            }
            .fd-alert-left i { color: #c2985a; font-size: 19px; }
            .fd-alert-right { flex: 1; }
            .fd-alert-text {
                color: rgba(255,255,255,0.9);
                font-size: 14.5px; font-weight: 500;
                margin: 0 0 14px; line-height: 1.6;
            }
            .fd-alert-text:last-child { margin-bottom: 0; }
            .fd-alert-cta-wrap {
                padding-top: 20px;
            }
            .fd-alert-cta {
                display: inline-flex;
                align-items: center; gap: 8px;
                background: linear-gradient(135deg, #c2985a, #a57d3e);
                color: #fff !important; padding: 10px 24px;
                border-radius: 10px; font-size: 13.5px; font-weight: 600;
                text-decoration: none !important; transition: all 0.2s;
            }
            .fd-alert-cta:hover {
                filter: brightness(1.1);
                box-shadow: 0 4px 14px rgba(194,152,90,0.35);
                transform: translateY(-1px);
            }
            html[dir="ltr"] .fd-alert-cta i { transform: rotate(180deg); }
            @keyframes fdSlide {
                from { opacity: 0; transform: translateY(-10px); }
                to { opacity: 1; transform: translateY(0); }
            }

/* ═══ title @push(css) (كان مضمناً في title.blade.php L18-84) ═══ */
/* نجوم ذهبية متدرجة (كل المقاسات) */
.starContent .fd-goldstar { width:17px; height:17px; display:inline-block; vertical-align:middle; }
.starContent { display:inline-flex; align-items:center; gap:2px; }
/* كتلة العنوان — أنماط الجوال (عرض فقط، بلا مساس بالحجز) */
@media (max-width:768px){
    .titleProducts .h2 { font-size:24px !important; font-weight:900 !important; color:#735096 !important; letter-spacing:-.4px; line-height:1.24; margin-bottom:8px; }
    .titleProducts .div { color:#8A7C93 !important; font-size:13px; font-weight:600; }
    .titleProducts .div i, .titleProducts .div span { color:#8A7C93 !important; }

    /* المعرض (Hero) — شبكة مقسمة: صورة كبيرة + مصغرتان (بلا لمس lightgallery) */
    .gal_details.gal_page { position:relative; margin:0 !important; }
    #lightgallery.gal_page { display:grid !important; grid-template-columns:2fr 1fr; grid-template-rows:148px 148px !important; gap:4px !important; height:300px !important; border-radius:0 !important; overflow:hidden; align-items:stretch !important; }
    #lightgallery.gal_page > a { position:relative; overflow:hidden; margin:0 !important; border-radius:0 !important; width:auto !important; height:100% !important; min-height:0 !important; align-self:stretch !important; }
    #lightgallery.gal_page > a.full { grid-column:1; grid-row:1 / 3; height:100% !important; }
    #lightgallery.gal_page > a.half { grid-column:2; }
    #lightgallery.gal_page > a.half:nth-of-type(n+4) { display:none !important; }
    #lightgallery.gal_page > a img { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
    .more-images-overlay { display:none !important; }
    /* زر «عرض الصور» الزجاجي أسفل يسار الصورة */
    .gal_details .showAllPic {
        position:absolute; left:12px; bottom:34px; z-index:3;
        display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
        padding:9px 15px; border-radius:100px; cursor:pointer;
        border:1px solid rgba(255,255,255,.45); background:rgba(20,10,25,.42);
        -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
        color:#fff; font-size:12px; font-weight:800; box-shadow:0 8px 20px -10px rgba(0,0,0,.5);
    }
    .gal_details .showAllPic i, .gal_details .showAllPic span { color:#fff !important; }
    /* الوسوم كسطر نقطي ذهبي (بدل صف الأيقونة) */
    .titleProducts .fd-suitable-row { display:none !important; }
    .fd-tags-line{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 9px; margin-top:11px; }
    .fd-tags-line .fd-tag{ font-size:12.5px; font-weight:800; color:#6E6178; }
    .fd-tags-line .fd-tags-dot{ width:3px; height:3px; border-radius:50%; background:#C89B3F; flex:none; }

    /* رفع المعرض ليلتصق بالهيدر — إزالة حشوة py-5 العلوية (جوال فقط) */
    .container.singlePage { padding-top:0 !important; }
    /* ترتيب البطل: المعرض فوق ثم بطاقة الاسم (جوال فقط) */
    .fd-hero-wrap { display:flex; flex-direction:column; margin-top:0; }
    .gal_details.gal_page { order:1; }
    .titleProducts { order:2; }
    /* بطاقة الاسم البيضاء مرتفعة فوق المعرض */
    .titleProducts {
        position:relative; z-index:6; margin-top:-22px;
        background:#fff; border-radius:22px 22px 0 0;
        padding:20px 16px 6px !important;
        box-shadow:0 -12px 26px -18px rgba(45,20,60,.28);
    }
    /* إخفاء أزرار الديسكتوب (تُستبدَل بأزرار زجاجية على الصورة) */
    .titleProducts .left { display:none !important; }

    /* أزرار القلب/المشاركة الزجاجية داخل الصورة (أعلى يسار) */
    .fd-hero-actions { position:absolute; top:14px; left:12px; z-index:4; display:flex !important; flex-direction:row !important; direction:ltr; gap:10px; margin:0 !important; }
    .fd-hero-btn {
        width:40px !important; height:40px !important; min-width:40px !important; border-radius:50% !important; padding:0 !important; cursor:pointer; margin:0 !important;
        display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:none !important;
        background:rgba(255,255,255,.85) !important; border:1px solid rgba(255,255,255,.7) !important;
        -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%);
        box-shadow:0 6px 16px -8px rgba(0,0,0,.4) !important; color:#3A2748 !important; position:relative !important; inset:auto !important;
    }
    .fd-hero-btn i, .fd-hero-btn svg { color:#3A2748 !important; }
    .fd-hero-btn i { font-size:16px !important; }
    .fd-hero-btn .fa-heart.fa-solid { color:#735096 !important; }
    .fd-hero-actions .checkboxFav { display:none !important; }
}
@media (min-width:769px){ .fd-tags-line{ display:none; } .fd-hero-actions{ display:none; } }

/* ═══ facilities @push(css) (كان مضمناً في facilities.blade.php L390-724) ═══ */
/* ══ Facilities · gold #AC8147 · purple #735096 · Pro Glass Edition ══ */
.fac-wrap { padding: 4px 0 32px; }

/* أيقونات SVG الموحدة (كل المنصة) */
.fac-card-icon { color: #AC8147; }
.fac-card-icon svg, .fac-item-icon svg { display: block; }
.fac-popular-chip svg { color: #AC8147; flex-shrink: 0; transition: color .2s; }
.fac-popular-chip:hover svg { color: #fff; }

/* ── Search Bar (Apple Glass) ── */
.fac-search-bar {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.55);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 4px 24px rgba(115,80,150,.06), inset 0 1px 0 rgba(255,255,255,0.8);
    border-radius: 16px;
    padding: 0 16px;
    margin-bottom: 20px;
    transition: border-color .2s, box-shadow .2s;
}
.fac-search-bar:focus-within {
    border-color: rgba(115,80,150,.4);
    box-shadow: 0 0 0 3px rgba(115,80,150,.10), 0 4px 24px rgba(115,80,150,.08);
}
.fac-search-icon { color: #BDA1B2; font-size: .85rem; flex-shrink: 0; }
.fac-search-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 13px 12px;
    font-size: .88rem;
    color: #1a1428;
    background: transparent;
    direction: rtl;
}
.fac-search-input::placeholder { color: #cbb9d6; }
.fac-search-count {
    font-size: .75rem;
    color: #735096;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Popular Section (Soft Premium Glass — White/Light Glassmorphism) ── */
.fac-popular-section {
    position: relative;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 4px 0 12px;
    margin-bottom: 14px;
}
.fac-popular-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
    font-weight: 700;
    color: #5a3a7a;
    margin-bottom: 14px;
}
.fac-popular-title i { color: #AC8147; font-size: .8rem; }
.fac-popular-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.fac-popular-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid #eadff2;
    border-radius: 24px;
    padding: 7px 14px;
    font-size: .78rem;
    font-weight: 600;
    color: #735096;
    transition: background .2s, color .2s, border-color .2s;
}
.fac-popular-chip:hover {
    background: #735096;
    border-color: #735096;
    color: #fff;
}
.fac-popular-chip i { color: #AC8147; font-size: .75rem; transition: color .2s; }
.fac-popular-chip:hover i { color: #fff; }

/* ── Grid (Glass cards) ── */
.fac-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: stretch;
}

.fac-card {
    background: #fff;
    border: 1px solid #eee7f2;
    box-shadow: 0 2px 12px rgba(115,80,150,.05);
    border-radius: 18px;
    overflow: hidden;
    transition: box-shadow .2s, border-color .2s;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.fac-card:hover {
    border-color: rgba(115,80,150,.2);
    box-shadow: 0 6px 20px rgba(115,80,150,.08);
}

/* المؤشر: نصوص المرافق لا تُظهر مؤشر التحديد (I-beam) */
.fac-card, .fac-card-title, .fac-list, .fac-item, .fac-name, .fac-num,
.fac-popular-section, .fac-popular-title, .fac-popular-chip { cursor: default; }
.fac-toggle-btn { cursor: pointer; }
.fac-search-input { cursor: text; }

.fac-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(115,80,150,0.08);
    direction: rtl;
}
.fac-card-title {
    font-size: .92rem;
    font-weight: 700;
    color: #735096;
}
.fac-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    border: none;
}
.fac-card-icon i { font-size: 1.15rem; color: #AC8147; }

.fac-list { list-style: none; padding: 8px 0 4px; margin: 0; }
.fac-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    direction: rtl;
    transition: background .15s, opacity .15s;
}
.fac-item:hover { background: rgba(115,80,150,0.04); }
.fac-item.fac-hidden { display: none; }

.fac-item-icon {
    font-size: .82rem;
    color: #AC8147;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(172,129,71,0.08);
    border: 1px solid rgba(172,129,71,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .2s, border-color .2s, color .2s;
}
.fac-item:hover > .fac-item-icon {
    background: #735096;
    border-color: #735096;
    color: #fff;
}
.fac-name { font-size: .84rem; color: #735096; flex: 1; line-height: 1.4; }
.fac-paid-inline {
    font-size: .74rem;
    font-weight: 600;
    color: #92400e;
    margin-inline-start: 4px;
}
.fac-num {
    font-size: .7rem;
    font-weight: 700;
    color: #735096;
    flex-shrink: 0;
}
.fac-paid {
    font-size: .68rem;
    font-weight: 700;
    color: #92400e;
    background: rgba(252,211,77,0.25);
    border: 1px solid rgba(252,211,77,0.6);
    border-radius: 20px;
    padding: 1px 7px;
    flex-shrink: 0;
    white-space: nowrap;
}

.fac-hidden-group { display: contents; }
.fac-toggle-row { padding: 4px 16px 10px; }
.fac-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    background: rgba(255,255,255,0.4);
    backdrop-filter: blur(14px) saturate(170%);
    -webkit-backdrop-filter: blur(14px) saturate(170%);
    border: 1px solid rgba(115,80,150,0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 2px 10px rgba(115,80,150,.06);
    border-radius: 12px;
    padding: 9px 12px;
    font-size: .78rem;
    font-weight: 600;
    color: #735096;
    cursor: pointer;
    transition: background .25s, border-color .25s, box-shadow .25s;
}
.fac-toggle-btn:hover {
    background: rgba(115,80,150,0.10);
    border-color: rgba(115,80,150,0.35);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 4px 14px rgba(115,80,150,.12);
}
.fac-toggle-btn i { font-size: .7rem; transition: transform .25s; }
.fac-toggle-btn.fac-toggle-open i { transform: rotate(180deg); }

.fac-empty {
    text-align: center; padding: 52px 20px;
    display: flex; flex-direction: column;
    align-items: center; gap: 10px;
    font-size: 32px; color: #ddd;
}
.fac-empty p { font-size: .85rem; color: #bbb; margin: 0; }

.fac-no-results {
    text-align: center; padding: 48px 20px;
    display: flex; flex-direction: column;
    align-items: center; gap: 10px;
    font-size: 30px; color: #ddd;
}
.fac-no-results p { font-size: .85rem; color: #bbb; margin: 0; }

/* ── Responsive: Tablet ── */
@media (max-width: 900px) {
    .fac-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Responsive: Mobile ── */
@media (max-width: 540px) {
    .fac-wrap { padding: 4px 0 24px; }

    .fac-search-bar { padding: 0 12px; border-radius: 14px; margin-bottom: 16px; }
    .fac-search-input { padding: 11px 8px; font-size: 16px; }
    .fac-search-count { font-size: .68rem; }

    .fac-popular-section { padding: 14px 14px; border-radius: 16px; margin-bottom: 16px; }
    .fac-popular-title { font-size: .82rem; margin-bottom: 10px; }
    .fac-popular-grid { gap: 6px; }
    .fac-popular-chip { font-size: .72rem; padding: 6px 11px; gap: 5px; }

    .fac-grid { grid-template-columns: 1fr; gap: 10px; }
    .fac-card { border-radius: 16px; }
    .fac-card-header { padding: 12px 14px; }
    .fac-card-title { font-size: .85rem; }
    .fac-card-icon { width: 34px; height: 34px; }
    .fac-card-icon i { font-size: .8rem; }

    .fac-item { padding: 8px 14px; gap: 8px; }
    .fac-item-icon { width: 20px; height: 20px; font-size: .74rem; }
    .fac-name { font-size: .78rem; }
    .fac-num { font-size: .66rem; }
    .fac-paid { font-size: .64rem; padding: 1px 6px; }

    .fac-toggle-row { padding: 4px 14px 8px; }
    .fac-toggle-btn { font-size: .72rem; padding: 7px 10px; gap: 5px; }
    .fac-toggle-btn i { font-size: .64rem; }
}

/* ══════════ الجوال: «المرافق والخدمات» ══════════ */
.fam-mobile{ display:none; }
/* البوتوم-شيت مخفي افتراضيًا على كل المقاسات (يظهر فقط بـ .open على الجوال) —
   وإلا ظهرت قائمته كاملة ومكسورة على الديسكتوب لأن الـJS ينقلها إلى body */
.fam-sheet-wrap{ display:none; }
@media (max-width:768px){
    /* إخفاء تصميم الديسكتوب على الجوال */
    #facilities .fac-search-bar, #facilities .fac-popular-section, #facilities .fac-grid, #facilities .fac-no-results{ display:none !important; }
    #facilities .fac-wrap{ padding:0 !important; }

    .fam-mobile{ display:block; padding:26px 20px 4px; background:#fff; direction:rtl; }
    .fam-head{ display:flex; align-items:baseline; gap:8px; margin-bottom:14px; }
    .fam-title{ font-size:16.5px !important; font-weight:900 !important; color:#2A1436 !important; margin:0 !important; padding:0 !important; }
    .fam-count{ font-size:12.5px; font-weight:700; color:#9A8AA6; }

    /* شرائح أفقية */
    .fam-chips{ display:flex; gap:8px; overflow-x:auto; margin:0 -20px 18px; padding:0 20px; scrollbar-width:none; }
    .fam-chips::-webkit-scrollbar{ display:none; }
    .fam-chip{ flex:none; display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:100px; background:#fff; border:1px solid rgba(110,44,143,.12); font-size:12.5px; font-weight:800; color:#735096; white-space:nowrap; }
    .fam-chip svg{ width:16px; height:16px; flex:none; color:#735096; }

    /* قائمة مختصرة */
    .fam-list{ display:flex; flex-direction:column; }
    .fam-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 0; border-bottom:1px solid rgba(110,44,143,.07); }
    .fam-row-r{ display:flex; align-items:center; gap:14px; min-width:0; }
    .fam-row-r svg{ flex:none; color:#735096; }
    .fam-row-name{ font-size:14px; font-weight:600; color:#2A1436; }
    .fam-paid{ flex:none; font-size:11px; font-weight:800; color:#B0862F; background:rgba(176,134,47,.12); padding:3px 9px; border-radius:100px; white-space:nowrap; }
    /* شارة وقت الوصول/المغادرة بجانب المرفق (الدليل التنفيذي خ9) */
    .fam-row-meta{ display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
    .fam-time{ direction:rtl; unicode-bidi:isolate; white-space:nowrap; font-size:12px; font-weight:700; color:#735096; }
    .fac-time{ white-space:nowrap; }

    /* زر عرض الكل */
    .fam-all-btn{ margin-top:18px; width:100%; padding:15px; border-radius:100px; border:none; cursor:pointer; background:linear-gradient(135deg,#7B4E9E,#522069); color:#fff; font-size:14.5px; font-weight:800; box-shadow:0 12px 24px -12px rgba(82,32,105,.75); }

    /* الشاشة الكاملة */
    .fam-sheet-wrap{ position:fixed; inset:0; z-index:100000; display:none; }
    .fam-sheet-wrap.open{ display:block; }
    .fam-sheet-overlay{ position:absolute; inset:0; background:rgba(20,10,25,.4); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
    .fam-sheet{ position:absolute; left:0; right:0; bottom:0; background:#fff; border-radius:28px 28px 0 0; max-height:92%; display:flex; flex-direction:column; box-shadow:0 -16px 40px -20px rgba(45,20,70,.4); transform:translateY(100%); transition:transform .34s cubic-bezier(.22,1,.36,1); }
    .fam-sheet-wrap.open .fam-sheet{ transform:none; }
    .fam-sheet-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px 14px; border-bottom:1px solid rgba(110,44,143,.09); flex:none; }
    .fam-sheet-title{ flex:1; text-align:center; font-size:17px; font-weight:900; color:#2A1436; }
    .fam-sheet-close{ flex:none; width:34px; height:34px; border-radius:50%; border:none; cursor:pointer; background:rgba(110,44,143,.08); color:#735096; font-size:20px; line-height:1; }
    .fam-sheet-body{ flex:1; overflow-y:auto; padding:4px 20px calc(26px + env(safe-area-inset-bottom,0px)); -webkit-overflow-scrolling:touch; }
    .fam-cat{ padding:20px 0 2px; font-size:15px; font-weight:900; color:#2A1436; margin-bottom:4px; }
    .fam-srow{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 0; border-bottom:1px solid rgba(110,44,143,.07); }
    .fam-srow .fam-row-r svg{ width:20px; height:20px; }
}

/* ═══ title share-modal (body) (كان مضمناً في title.blade.php L171-183) ═══ */
                                      .share-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px 20px;margin:6px 0}
                                      .share-grid a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;width:72px}
                                      .share-grid a .ic{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .18s ease,box-shadow .18s ease}
                                      .share-grid a .ic svg{width:26px;height:26px}
                                      .share-grid a:hover .ic{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.22)}
                                      .share-grid a p{margin:0;font-size:12.5px;line-height:1.35;min-height:2.7em;color:#4a4a4a;font-weight:600;text-align:center}
                                      .modal-body .copy{display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:0;box-shadow:none}
                                      .modal-body .input_copy{flex:1;min-width:0;border:none;background:transparent;padding:0;box-shadow:none}
                                      .modal-body .input_copy input{width:100%;height:50px;border-radius:999px;padding:0 20px;border:1px solid #e6e6e6;background:#fff;font-size:13px;color:#444;outline:none}
                                      .modal-body .button_copy{width:50px;height:50px;min-width:50px;flex:0 0 50px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform .18s ease,filter .18s ease}
                                      .modal-body .button_copy:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* ═══ search-summary (body) (كان مضمناً في search-summary.blade.php L111-353) ═══ */
/* ══ مشترك ══ */
.tp-wrap { width:100%; margin-bottom:22px; position:relative; }
.tp-mobile-summary { display:none; }
.sp-backdrop { display:none;position:fixed;inset:0;background:rgba(20,10,30,.25);z-index:30;backdrop-filter:blur(1px); }
.sp-backdrop.open { display:block; }
@keyframes tpIn { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }

/* Flatpickr — ثيم فنديكوم البنفسجي (مطابق لشريط البحث) */
.flatpickr-calendar { font-family:'Tajawal',sans-serif!important; }
.flatpickr-current-month, .flatpickr-current-month .cur-month, .flatpickr-current-month input.cur-year { font-weight:900!important;color:#3A1450!important; }
.flatpickr-weekday { color:#A99BB5!important;font-weight:800!important; }
.flatpickr-prev-month svg, .flatpickr-next-month svg { fill:#735096!important; }
.flatpickr-day { color:#2A1436!important;font-weight:700!important;border:none!important;border-radius:100px!important; }
.flatpickr-day:hover { background:#F3ECFA!important; }
.flatpickr-day.flatpickr-disabled,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay { color:#d8d2de!important; }
.flatpickr-day.inRange { background:#F1E7FB!important;border-color:#F1E7FB!important;color:#5B3A7C!important;border-radius:0!important;box-shadow:-2px 0 0 #F1E7FB,2px 0 0 #F1E7FB!important; }
/* طرفا المدى: قرص دائري ثابت الأبعاد (39px) خلف الرقم مهما اتسعت الخلية —
   جُرب حياً 2026-08-04؛ نصف شريط فاتح يصل القرص بالمدى، ولا يظهر قبل اكتمال الاختيار */
.flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected { position:relative; z-index:1; }
.flatpickr-day.startRange, .flatpickr-day.endRange,
.flatpickr-day.selected:not(.startRange):not(.endRange) {
  background:transparent!important; border-color:transparent!important; color:#fff!important; box-shadow:none!important; border-radius:100px!important;
}
.flatpickr-day.startRange::before, .flatpickr-day.endRange::before,
.flatpickr-day.selected:not(.startRange):not(.endRange)::before {
  content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:39px; height:39px; border-radius:50%; background:linear-gradient(145deg,#7E58A6,#5E3E86); z-index:-1;
}
.flatpickr-calendar:has(.endRange) .flatpickr-day.startRange:not(.endRange)::after,
.flatpickr-calendar:has(.startRange) .flatpickr-day.endRange:not(.startRange)::after {
  content:''; position:absolute; top:50%; transform:translateY(-50%); height:39px; background:#F1E7FB; z-index:-2;
}
html[dir="rtl"] .flatpickr-day.startRange:not(.endRange)::after { left:0; right:50%; }
html[dir="rtl"] .flatpickr-day.endRange:not(.startRange)::after { right:0; left:50%; }
html[dir="ltr"] .flatpickr-day.startRange:not(.endRange)::after { right:0; left:50%; }
html[dir="ltr"] .flatpickr-day.endRange:not(.startRange)::after { left:0; right:50%; }
.flatpickr-day.today { border:none!important;color:#735096!important;background:transparent!important;font-weight:900!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#C9A24A; }
.flatpickr-day.today:hover { background:#F3ECFA!important;color:#735096!important; }
.flatpickr-day.today.inRange { background:#F1E7FB!important;color:#5B3A7C!important;border-color:#F1E7FB!important; }
/* «اليوم» كطرف مدى: يرث القرص الدائري نفسه — الخلفية تبقى شفافة والقرص من ::before */
.flatpickr-day.today.startRange,.flatpickr-day.today.endRange { background:transparent!important;color:#fff!important;border-color:transparent!important;text-decoration:none; }
/* نقطة النهاية في single.css مرسومة بـ::before ذهبي (var --goooldd) — نجعلها بنفسجية */
.flatpickr-calendar { --goooldd:linear-gradient(145deg,#7E58A6,#5E3E86); }
.flatpickr-day.startRange::before,
.flatpickr-day.endRange::before,
.flatpickr-day.selected::before { background:linear-gradient(145deg,#7E58A6,#5E3E86)!important; }
/* سهم الرجوع: يُظهَر قسريًا ويكون قابلًا للنقر إلا عند أول شهر (لا تاريخ سابق) فيختفي */
.flatpickr-months .flatpickr-prev-month:not(.flatpickr-disabled) { display:flex!important; visibility:visible!important; opacity:1!important; z-index:20!important; pointer-events:auto!important; cursor:pointer!important; }
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display:none!important; visibility:hidden!important; }

/* حقلا الشهر (أغسطس) والسنة (2026): بلا خلفية وغير قابلين للنقر — مجرد عنوان */
.flatpickr-calendar.inline .flatpickr-current-month .cur-month,
.flatpickr-calendar.inline .flatpickr-current-month .numInputWrapper,
.flatpickr-calendar.inline .flatpickr-current-month .numInput,
.flatpickr-calendar.inline .flatpickr-current-month input.cur-year {
    background:transparent!important; box-shadow:none!important; border:none!important; pointer-events:none!important;
}
.flatpickr-calendar.inline .flatpickr-current-month .numInputWrapper span { display:none!important; }
/* منع تباعد أيام الصف الأخير (29-30-31): كل يوم = 1/7 والتوزيع من البداية */
.flatpickr-calendar.inline .dayContainer { justify-content:flex-start!important; }
.flatpickr-calendar.inline .flatpickr-day { flex:0 0 14.2857%!important; max-width:14.2857%!important; margin-block:4px!important; }
/* فاصل رأسي رمادي في منتصف التقويمين */
.flatpickr-calendar.inline .flatpickr-days,.flatpickr-calendar.inline .flatpickr-weekdays { position:relative!important;overflow:visible!important; }
.flatpickr-calendar.inline .flatpickr-days::after { content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1px;background:#d9d9df;pointer-events:none;z-index:3; }
.flatpickr-calendar.inline .flatpickr-weekdays::after { content:"";position:absolute;top:0;bottom:-6px;left:50%;transform:translateX(-50%);width:1px;background:#d9d9df;pointer-events:none;z-index:3; }

/* صف التواريخ desktop */
.tp-date-header { display:flex;align-items:stretch;background:#fff;border:1.5px solid #ede4f5;border-radius:16px;margin:12px 18px 4px;overflow:hidden;padding:0; }
.tp-date-box { flex:1;display:flex;flex-direction:column;padding:12px 16px;cursor:pointer;transition:background .2s,box-shadow .2s;gap:4px;border:none;background:#fff; }
.tp-date-box + .tp-date-box { border-inline-start:1px solid rgba(115,80,150,.15); }
.tp-date-box.active-box { background:#fff;box-shadow:inset 0 0 0 2px #AC8147;border-radius:14px; }
.tp-date-box-label { font-size:11px;font-weight:700;color:#735096;margin-bottom:2px; }
.tp-date-box.active-box .tp-date-box-label { color:#AC8147; }
.tp-date-box-val { font-size:14px;font-weight:600;color:#2d1e4b; }
.tp-date-box-val.tp-ph { color:#bbb;font-weight:400;font-size:13px; }

/* ══ DESKTOP ══ */
@media (min-width:769px) {
    /* تثبيت الشريط أثناء التمرير في قسم الغرف.
       z-index معتدل: فوق المحتوى والتعتيم (30)، لكن تحت النوافذ المنبثقة (Bootstrap ≈1055) */
    .tp-wrap { position:sticky; top:84px; z-index:40; }
    .tp-bar { display:flex;align-items:center;background:#fff;border:1px solid #ece4f6;border-radius:60px;padding:9px;box-shadow:0 8px 28px rgba(45,30,75,.10),0 2px 8px rgba(45,30,75,.05);min-height:70px;transition:box-shadow .3s; }
    .tp-bar:hover { box-shadow:0 12px 34px rgba(45,30,75,.14),0 3px 10px rgba(45,30,75,.06); }
    .tp-field { flex:1;display:flex;align-items:center;gap:14px;padding:12px 22px;border-radius:46px;cursor:pointer;transition:background .22s;min-width:0; }
    .tp-field:hover,.tp-field.tp-active { background:rgba(115,80,150,.07); }
    .tp-field--dates { flex:2; }
    .tp-field-icon { font-size:20px;color:#AC8147;flex-shrink:0; }
    .tp-field-body { display:flex;flex-direction:column;min-width:0;flex:1; }
    .tp-field-label { font-size:12px;font-weight:700;color:#735096;margin-bottom:3px;white-space:nowrap; }
    .tp-field.tp-active .tp-field-label { color:#AC8147; }
    .tp-field-val { font-size:15px;font-weight:700;color:#2d1e4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .tp-arrow { color:#AC8147;font-weight:400;margin:0 6px;font-size:13px; }
    .tp-sep { width:1px;height:36px;background:rgba(115,80,150,.18);flex-shrink:0;margin:0 4px; }
    /* زر البحث بنفسجي (735096) — الذهبي محجوز لأزرار الحجز والدفع (قرار 2026-07-31) */
    .tp-search-btn { display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#8465A8 0%,#5F4084 100%);color:#fff;border:none;border-radius:46px;padding:15px 30px;font-size:15px;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 16px rgba(115,80,150,.35); }
    .tp-search-btn:hover { transform:scale(1.04); }
    #dateDropdown,#guestsDropdown { position:absolute!important;top:calc(100% + 8px)!important;z-index:9999;background:#fff;border-radius:20px;box-shadow:0 14px 44px rgba(60,30,90,.18),0 2px 8px rgba(60,30,90,.08);border:1.5px solid #ede4f5;overflow:hidden;min-width:320px;display:none; }
    #dateDropdown.is-open,#guestsDropdown.is-open { display:block;animation:tpIn .18s ease; }
    html[dir="rtl"] #dateDropdown,html[lang="ar"] #dateDropdown { right:0;left:auto;width:min(700px,96vw); }
    html[dir="ltr"] #dateDropdown { left:0;right:auto;width:min(700px,96vw); }
    #guestsDropdown { width:min(400px,96vw); }
    #dateDropdown .dp-dropdown-header { display:none!important; }
    #dateDropdown .date-picker-body { padding:0; }
    #flatpickrContainer { padding:0 18px 4px;display:flex;justify-content:center; }
    #flatpickrContainer .flatpickr-calendar.inline { box-shadow:none!important;border:none!important;background:transparent!important; }
    #guestsDropdown .grm-header { display:none!important; }
    #guestsDropdown .grm-close-btn { display:none!important; }
    #guestsDropdown .guests-rooms-body { padding:16px 18px 0;max-height:380px;overflow-y:auto; }
    /* الفوتر + الإضافة + العداد + إعادة التعيين + تطبيق: كلها معرفة في search.blade.php (مرجع وحيد, بلا تعارض) */
    #mobileSearchModal { display:none!important; }

    /* ═══ نافذة نزلاء صفحة الفندق — بنية مطابقة للصفحة الرئيسية (.ro-*) ═══ */
    #guestsDropdown { width:min(420px,96vw)!important; }
    #guestsDropdown .guests-rooms-body { padding:16px 18px 4px!important;max-height:60vh!important;overflow-y:auto!important;scrollbar-width:none!important; }
    #guestsDropdown .room-section { background:#fff!important;border:1.5px solid #ede4f5!important;border-radius:14px!important;padding:14px 16px!important;margin-bottom:12px!important;box-shadow:none!important; }
    #guestsDropdown .room-card-header { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0!important;border-bottom:none!important;margin-bottom:10px!important;background:transparent!important; }
    #guestsDropdown .room-badge { display:none!important; }
    #guestsDropdown .room-badge-label { font-weight:700!important;color:#735096!important;font-size:.92rem!important; }
    #guestsDropdown .remove-room-btn { color:#c0392b!important;font-size:.9rem!important;text-decoration:none!important;padding:2px 6px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;line-height:1!important; }
    #guestsDropdown .remove-room-btn:hover { color:#a02820!important; }
    #guestsDropdown .counter-group-container { display:block!important; }
    #guestsDropdown .counter-group { display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 0!important;border-bottom:1px solid #f5f0fb!important;background:transparent!important; }
    #guestsDropdown .counter-group:last-child { border-bottom:none!important; }
    #guestsDropdown .counter-label-wrap { display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;text-align:start!important;flex:1 1 auto!important; }
    #guestsDropdown .counter-type-icon { display:none!important; }
    #guestsDropdown .counter-label-main { font-size:.88rem!important;font-weight:700!important;color:#735096!important;display:block!important; }
    #guestsDropdown .counter-label-sub { font-size:.75rem!important;color:#735096!important;font-weight:500!important;display:block!important; }
    #guestsDropdown .counter { display:flex!important;align-items:center!important;gap:16px!important; }
    #guestsDropdown .counter-btn { width:36px!important;height:36px!important;border-radius:50%!important;border:1.5px solid #ede4f5!important;background:#fff!important;color:#735096!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;transition:background .15s,border-color .15s!important; }
    #guestsDropdown .counter-btn:hover { background:#f5f0fb!important;border-color:#735096!important; }
    #guestsDropdown .counter-btn i { color:#735096!important;font-size:.85rem!important; }
    #guestsDropdown .counter-val { min-width:22px!important;text-align:center!important;font-weight:700!important;font-size:1rem!important;color:#2d1e4b!important; }
    #guestsDropdown .age-of-children { border-top:none!important;margin-top:8px!important;padding:0!important; }
    #guestsDropdown .age-of-children h6 { display:none!important; }
    /* قواعد الفوتر/الإضافة/العداد/إعادة التعيين/تطبيق: كلها في search.blade.php (مرجع وحيد) */
}

/* ══ MOBILE ══ */
@media (max-width:768px) {
    .tp-bar { display:flex;flex-direction:column;background:#fff;border:1px solid #e8e2f0;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 2px 16px rgba(45,30,75,.10); }
    .tp-field,.tp-sep,.tp-search-btn { display:none!important; }
    .tp-mobile-summary { display:flex;flex-direction:column;width:100%; }
    .tp-ms-row { display:flex;align-items:center;gap:12px;padding:11px 18px;cursor:pointer;background:#fff;transition:background .15s;min-height:50px; }
    .tp-ms-row:active { background:#f8f5fb; }
    .tp-ms-divider { height:1px;background:#f0eaf8;margin:0 18px; }
    .tp-ms-icon { width:38px;height:38px;border-radius:50%;background:#f5f0fb;display:flex;align-items:center;justify-content:center;font-size:16px;color:#735096;flex-shrink:0; }
    .tp-ms-text { flex:1;display:flex;flex-direction:column;gap:2px;min-width:0; }
    .tp-ms-label { font-size:11.5px;font-weight:700;color:#735096;letter-spacing:0;line-height:1.35;margin-bottom:2px; }
    .tp-ms-val { font-size:14.5px;font-weight:800;color:#2d1e4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .tp-ms-chevron { font-size:11px;color:#c0b8ca;flex-shrink:0; }
    .tp-ms-search { margin:10px 14px 14px;border-radius:14px;padding:15px;background:linear-gradient(135deg,#c2985a 0%,#7f5e31 100%);color:#fff;border:none;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 18px rgba(172,129,71,.4); }
    #dateDropdown,#guestsDropdown { display:none!important; }
}

/* ══ Modal ══ */
.msm-overlay { display:none;position:fixed;inset:0;height:100vh;height:100dvh;background:rgba(10,5,20,.5);z-index:10100;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px); }
.msm-overlay.msm-open { display:flex;align-items:flex-end; }
.msm-sheet { width:100%;max-height:90vh;max-height:90dvh;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:msmUp .3s cubic-bezier(.32,1,.55,1); }
@keyframes msmUp { from{transform:translateY(100%);opacity:0} to{transform:translateY(0);opacity:1} }

.msm-header { display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f0eaf8;flex-shrink:0; }
.msm-title { font-size:17px;font-weight:700;color:#2d1e4b; }
.msm-close { width:34px;height:34px;border-radius:50%;border:1.5px solid #ede4f5;background:#f8f5fb;color:#735096;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px; }

.msm-tabs { display:flex;padding:12px 16px 0;border-bottom:1px solid #f0eaf8;flex-shrink:0; }
.msm-tab { flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px 14px;font-size:14px;font-weight:600;color:#9a90aa;background:transparent;border:none;cursor:pointer;position:relative;transition:color .2s; }
.msm-tab::after { content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;border-radius:2px;background:transparent;transition:background .2s; }
.msm-tab--active { color:#735096; }
.msm-tab--active::after { background:#735096; }
.msm-tab i { color:#c2985a; }

.msm-panel { display:none;flex:1;min-height:0;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none; }
.msm-panel::-webkit-scrollbar { display:none; }
.msm-panel--active { display:flex; }

.msm-date-row { display:flex;align-items:stretch;margin:14px 16px 0;background:#fff;border:1.5px solid #735096;border-radius:14px;overflow:hidden;flex-shrink:0; }
.msm-date-box { flex:1;display:flex;flex-direction:column;padding:12px 14px;cursor:pointer;transition:background .2s;gap:3px; }
.msm-date-box--active { background:#f3eef9;border-radius:12px; }
.msm-date-arrow { display:flex;align-items:center;justify-content:center;padding:0 8px;color:#735096;font-size:13px;flex-shrink:0; }
.msm-date-label { font-size:10px;font-weight:700;color:#735096;text-transform:uppercase;letter-spacing:.3px; }
.msm-date-box--active .msm-date-label { color:#735096; }
.msm-date-val { font-size:15px;font-weight:700;color:#2d1e4b; }
.msm-date-val.msm-ph { color:#bbb;font-weight:400;font-size:13px; }

.msm-calendar-wrap { padding:8px 14px 12px;flex:1; }
.msm-calendar-wrap .flatpickr-calendar.inline { width:100%!important;box-shadow:none!important;border:none!important;background:transparent!important; }
.msm-calendar-wrap .flatpickr-months,.msm-calendar-wrap .flatpickr-innerContainer,
.msm-calendar-wrap .flatpickr-rContainer,.msm-calendar-wrap .flatpickr-days,
.msm-calendar-wrap .dayContainer { width:100%!important;min-width:0!important;max-width:100%!important; }
.msm-calendar-wrap .flatpickr-day { max-width:none!important;flex-basis:14.2857%!important;height:44px!important;line-height:44px!important;font-size:15px!important;font-weight:500!important;border-radius:50%!important;margin:1px auto!important; }
.msm-calendar-wrap .flatpickr-current-month { font-size:16px!important;font-weight:700!important;color:#2d1e4b!important;padding:0!important; }
.msm-calendar-wrap .flatpickr-month { height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important; }
.msm-calendar-wrap .flatpickr-months { padding:8px 0 4px; }
.msm-calendar-wrap .flatpickr-weekday { font-size:11px!important;font-weight:700!important;color:#735096!important;height:30px!important;line-height:30px!important; }
.msm-calendar-wrap .flatpickr-prev-month svg,.msm-calendar-wrap .flatpickr-next-month svg { width:15px!important;height:15px!important;fill:#735096!important; }

/* لوحة الغرف لا تتمرر ككل — التمرير داخل جسم الغرف فقط ليبقى زر الإضافة ثابتاً فوق زر البحث */
#msmPanelGuests { overflow:hidden!important; }
.msm-guests-body { padding:14px 16px 0;overflow-y:auto;flex:1;min-height:0;scrollbar-width:none; }
.msm-guests-body::-webkit-scrollbar { display:none; }

.msm-room-card { background:#fff;border:1px solid #ede4f5;border-radius:16px;padding:14px 16px;margin-bottom:12px; }
.msm-room-header { display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #f0eaf8;margin-bottom:4px; }
.msm-room-badge { width:28px;height:28px;border-radius:50%;background:#735096;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.msm-room-badge span { color:#fff;font-size:13px;font-weight:700; }
.msm-room-label { font-weight:700;color:#2d1e4b;font-size:.95rem;flex:1;margin-inline-start:10px; }
.msm-room-remove { display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:#c62828;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 0; }

.msm-counter-row { display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f5f0fb; }
.msm-counter-row:last-child { border-bottom:none; }
.msm-counter-info { display:flex;flex-direction:column;gap:2px; }
.msm-counter-title { font-size:.95rem;font-weight:700;color:#2d1e4b; }
.msm-counter-sub { font-size:.75rem;color:#999; }
.msm-counter { display:flex;align-items:center;gap:18px; }
.msm-counter-btn { width:42px;height:42px;border-radius:50%;border:1.5px solid #ccc5d8;background:#fff;color:#2d1e4b;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s; }
.msm-counter-btn i { color:#2d1e4b; }
.msm-counter-btn:active { background:#ede4f5;border-color:#735096;transform:scale(.9); }
.msm-counter-val { font-size:1.1rem;font-weight:700;min-width:26px;text-align:center;color:#2d1e4b; }

.msm-ages { display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 0 2px;border-top:1px solid #f5f0fb;margin-top:4px; }
.msm-age-item { display:flex;flex-direction:column;gap:5px;min-width:0; }
.msm-age-label { font-size:.8rem;font-weight:600;color:#2d1e4b; }
.msm-age-select { width:100%;padding:10px 12px;border:1.5px solid #ddd2ea;border-radius:12px;background:#fff;color:#2d1e4b;font-size:.9rem;font-weight:600;cursor:pointer;outline:none;font-family:inherit; }
.msm-age-select:focus { border-color:#735096; }

.msm-add-room { display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:4px 16px 16px;padding:14px;background:transparent;border:1.5px dashed #AC8147;border-radius:999px;color:#AC8147;font-size:.88rem;font-weight:600;cursor:pointer;flex-shrink:0; }
.msm-add-room:active { background:#fdf6ec; }

.msm-footer { padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #f0eaf8;flex-shrink:0;background:#fff; }
.msm-cta { width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;background:linear-gradient(135deg,#c2985a 0%,#7f5e31 100%);color:#fff;border:none;border-radius:999px;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(172,129,71,.4); }
.msm-cta:active { transform:scale(.98); }

/* ══ سطح المكتب: أعمار الأطفال كشبكة صناديق مطابقة للصفحة الرئيسية (يُحمل بعد search.blade.php فيتغلب عليه) ══ */
#guestsDropdown .age-dropdowns { display:grid!important; grid-template-columns:repeat(auto-fill,92px)!important; justify-content:flex-start!important; gap:8px!important; margin-top:8px!important; direction:rtl!important; }
#guestsDropdown .age-dropdown { position:relative!important; direction:rtl!important; display:block!important; background:transparent!important; border:none!important; border-radius:0!important; padding:0!important; }
#guestsDropdown .age-dropdown:hover { border:none!important; box-shadow:none!important; }
#guestsDropdown .age-child-label { display:none!important; }
#guestsDropdown .age-dropdown::after { content:none!important; }
#guestsDropdown .age-select { width:100%!important; direction:rtl!important; text-align:center!important; border:1.5px solid #ede4f5!important; border-radius:50px!important; padding:9px 16px!important; font-size:.82rem!important; font-weight:600!important; color:#2d1e4b!important; background:#fff!important; cursor:pointer!important; appearance:auto!important; -webkit-appearance:auto!important; }
#guestsDropdown .age-select:hover { border-color:#735096!important; }
#guestsDropdown .age-select:focus { outline:none!important; border-color:#735096!important; }

/* ═══ room_detail_screen (body, via rooms L5) (كان مضمناً في room_detail_screen.blade.php L7-145) ═══ */
:root{
  --rd-primary:#735096; --rd-ink:#2A1436; --rd-body:#4A335A; --rd-body2:#5B4E69;
  --rd-muted:#8A7C93; --rd-muted2:#9A8AA6; --rd-green:#2F6B4C;
  --rd-bg:#FDFDFB; --rd-card:#fff; --rd-border:rgba(110,44,143,.09); --rd-border-strong:rgba(110,44,143,.16);
  --rd-ring:rgba(115,80,150,.35); --rd-gallery-bg:#241030;
  --rd-grad-gold:linear-gradient(135deg,#C89B3F,#6E4A1C); --rd-shadow-gold:0 14px 28px -12px rgba(154,117,38,.85);
  --rd-pill:100px; --rd-card-r:16px; --rd-panel-r:18px; --rd-gallery-h:320px; --rd-padx:18px;
}
.rd-screen{
  position:fixed; inset:0; z-index:100000; display:none; flex-direction:column;
  background:var(--rd-bg); color:var(--rd-ink); overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}
.rd-screen.is-open{ display:flex; }
@keyframes rdSlideUp{ from{ transform:translateY(100%);} to{ transform:translateY(0);} }
.rd-screen.is-open{ animation:rdSlideUp .42s cubic-bezier(.32,.72,0,1) both; }
.rd-screen *{ box-sizing:border-box; }
.rd-scroll{ flex:1; overflow-y:auto; position:relative; scrollbar-width:none; }
.rd-scroll::-webkit-scrollbar{ display:none; }

/* المعرض */
.rd-gallery{ position:relative; height:var(--rd-gallery-h); background:var(--rd-gallery-bg); overflow:hidden; }
.rd-track{ position:absolute; inset:0 auto 0 0; direction:ltr; display:flex; width:max-content; height:var(--rd-gallery-h); touch-action:pan-y; cursor:grab; transition:transform .38s cubic-bezier(.4,0,.2,1); }
.rd-track.is-dragging{ transition:none; cursor:grabbing; }
.rd-slide{ flex:none; width:100vw; max-width:520px; height:var(--rd-gallery-h); position:relative; cursor:zoom-in; }
.rd-slide img{ width:100%; height:100%; object-fit:cover; display:block; -webkit-user-drag:none; user-select:none; }
.rd-scrim-top{ position:absolute; top:0; left:0; right:0; height:90px; pointer-events:none; z-index:2; background:linear-gradient(180deg,rgba(15,6,22,.5),transparent); }
.rd-scrim-bottom{ position:absolute; bottom:0; left:0; right:0; height:70px; pointer-events:none; z-index:2; background:linear-gradient(0deg,rgba(15,6,22,.42),transparent); }
.rd-topbar{ position:absolute; top:14px; left:14px; right:14px; display:flex; align-items:center; z-index:4; }
.rd-iconbtn{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.35); background:rgba(20,10,25,.4); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.rd-nav{ position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; border:none; background:rgba(20,10,25,.28); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; z-index:4; }
.rd-nav:active{ transform:translateY(-50%) scale(.92); }
.rd-nav--prev{ right:12px; } .rd-nav--next{ left:12px; }
.rd-counter{ position:absolute; right:14px; bottom:14px; z-index:4; display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:var(--rd-pill); background:rgba(20,10,25,.5); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; font-size:12px; font-weight:800; direction:ltr; }
.rd-expand{ position:absolute; left:14px; bottom:14px; z-index:4; display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:var(--rd-pill); border:1px solid rgba(255,255,255,.4); background:rgba(20,10,25,.42); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; font-size:11.5px; font-weight:800; cursor:pointer; }

/* المحتوى */
.rd-content{ position:relative; margin-top:-20px; z-index:3; background:var(--rd-bg); border-radius:26px 26px 0 0; }
.rd-section{ padding:24px var(--rd-padx) 0; }
.rd-title-block{ padding:22px var(--rd-padx) 0; }
.rd-h1{ margin:0; font-size:22px; font-weight:900; color:var(--rd-primary); letter-spacing:-.4px; line-height:1.26; }
.rd-subtitle{ margin-top:5px; font-size:12.5px; font-weight:700; color:var(--rd-muted); direction:ltr; }
.rd-h2{ font-size:16px; font-weight:900; color:var(--rd-primary); margin:0 0 12px; }
.rd-section-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.rd-count{ font-size:12px; font-weight:800; color:var(--rd-muted); }
.rd-specs{ display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:16px var(--rd-padx) 0; }
.rd-spec{ display:flex; align-items:center; gap:11px; background:var(--rd-card); border:1px solid var(--rd-border); border-radius:var(--rd-pill); padding:10px 15px; }
.rd-ring{ width:38px; height:38px; border-radius:50%; border:1.5px solid var(--rd-ring); color:var(--rd-primary); display:flex; align-items:center; justify-content:center; flex:none; }
.rd-ring--sm{ width:32px; height:32px; }
.rd-spec-label{ font-size:10.5px; font-weight:700; color:var(--rd-muted2); }
.rd-spec-value{ font-size:14px; font-weight:900; color:var(--rd-ink); margin-top:1px; }
.rd-panel{ background:var(--rd-card); border:1px solid var(--rd-border); border-radius:var(--rd-panel-r); overflow:hidden; }
.rd-panel--mt{ margin:16px var(--rd-padx) 0; }
.rd-row{ display:flex; align-items:center; gap:12px; padding:13px 15px; }
.rd-row + .rd-row{ border-top:1px solid rgba(110,44,143,.07); }
.rd-row-title{ flex:1; font-size:13px; font-weight:800; color:var(--rd-ink); }
.rd-row-value{ font-size:12px; font-weight:700; color:var(--rd-body2); }
.rd-row-value--ok{ color:var(--rd-green); font-weight:800; }
.rd-highlight-title{ font-size:13.5px; font-weight:900; color:var(--rd-ink); }
.rd-highlight-sub{ font-size:12px; font-weight:600; color:var(--rd-muted); margin-top:2px; }
.rd-search{ position:relative; margin-bottom:14px; }
.rd-search svg{ position:absolute; right:15px; top:50%; transform:translateY(-50%); color:#B0A2BC; pointer-events:none; }
.rd-search input{ width:100%; border:1px solid rgba(110,44,143,.14); border-radius:var(--rd-pill); background:var(--rd-card); padding:12px 44px 12px 16px; font-size:16px; font-weight:700; color:var(--rd-ink); outline:none; }
.rd-amenities{ display:grid; grid-template-columns:1fr 1fr; gap:12px 10px; }
.rd-amenity{ display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; color:var(--rd-body); line-height:1.35; }
.rd-empty{ text-align:center; padding:14px 0; font-size:13px; font-weight:700; color:var(--rd-muted2); }
.rd-btn-ghost{ margin-top:16px; width:100%; padding:13px; border-radius:var(--rd-pill); border:none; background:#735096; color:#fff; font-size:13.5px; font-weight:800; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 10px 20px -12px rgba(115,80,150,.7); }
.rd-duo{ display:flex; gap:12px; }
.rd-tile{ flex:1; background:var(--rd-card); border:1px solid var(--rd-border); border-radius:var(--rd-card-r); padding:15px 14px; }
.rd-tile svg{ color:var(--rd-primary); }
.rd-tile-title{ font-size:13px; font-weight:900; color:var(--rd-ink); margin-top:9px; }
.rd-tile-sub{ font-size:12px; font-weight:600; color:var(--rd-muted); margin-top:2px; }
.rd-spacer{ height:24px; }

/* شريط الحجز */
.rd-bookbar{ flex:none; position:relative; z-index:8; background:#fff; border-top:1px solid var(--rd-border); box-shadow:0 -16px 36px -22px rgba(58,20,80,.4); padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px)); display:flex; align-items:center; gap:14px; }
.rd-price-old{ font-size:11px; font-weight:700; color:#B79ACB; text-decoration:line-through; }
.rd-price-save{ font-size:10px; font-weight:900; color:var(--rd-green); background:rgba(58,122,90,.12); padding:2px 7px; border-radius:var(--rd-pill); }
.rd-price-per{ font-size:11px; font-weight:700; color:var(--rd-muted2); }
.rd-price-row{ display:flex; align-items:baseline; gap:4px; margin-top:1px; direction:ltr; }
.rd-price-num{ font-size:22px; font-weight:900; color:var(--rd-primary); letter-spacing:-.4px; }
.rd-price-cur{ font-size:13px; font-weight:800; color:var(--rd-primary); }
.rd-price-cur img{ height:15px; width:auto; vertical-align:middle; }
.rd-cta{ flex:1; padding:15px; border-radius:var(--rd-pill); border:none; cursor:pointer; background:var(--rd-grad-gold); color:#fff; font-weight:900; font-size:15px; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:none; outline:none; -webkit-tap-highlight-color:transparent; }
.rd-cta:focus, .rd-cta:active{ outline:none; box-shadow:none; }

/* العرض الكامل */
.rd-lightbox{ position:fixed; inset:0; z-index:100010; background:#0b0510; display:none; }
.rd-lightbox.is-open{ display:block; }
.rd-lb-topbar{ position:absolute; top:0; left:0; right:0; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:16px 16px 30px; background:linear-gradient(180deg,rgba(0,0,0,.55),transparent); }
.rd-lb-count{ color:#fff; font-size:14px; font-weight:800; direction:ltr; }
.rd-lb-stage{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.rd-lb-img{ max-width:100%; max-height:100%; object-fit:contain; transform:translate(0,0) scale(1); transform-origin:center; transition:transform .28s cubic-bezier(.4,0,.2,1); cursor:zoom-in; touch-action:none; user-select:none; -webkit-user-drag:none; }
.rd-lb-img.is-zoomed{ cursor:grab; }
.rd-lb-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:34px; height:34px; border-radius:50%; border:none; background:rgba(255,255,255,.12); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.rd-lb-nav--prev{ right:16px; } .rd-lb-nav--next{ left:16px; }

/* منتقي خيار الإقامة (عند تعدد الأسعار) */
.rd-choose{ position:absolute; inset:0; z-index:20; display:none; }
.rd-choose.open{ display:block; }
.rd-choose-backdrop{ position:absolute; inset:0; background:rgba(20,10,30,.5); }
.rd-choose-sheet{ position:absolute; left:0; right:0; bottom:0; background:#fff; border-radius:22px 22px 0 0; padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px)); max-height:82%; overflow-y:auto; transform:translateY(100%); transition:transform .34s cubic-bezier(.22,1,.36,1); }
.rd-choose.open .rd-choose-sheet{ transform:none; }
.rd-choose-handle{ width:42px; height:5px; border-radius:100px; background:#E3DAEC; margin:2px auto 12px; display:block; }
.rd-choose-head{ font-size:16px; font-weight:900; color:var(--rd-primary); margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #F0EBF5; }
.rd-choose-item{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border:1px solid var(--rd-border); border-radius:14px; padding:13px 14px; margin-bottom:10px; cursor:pointer; text-align:start; font:inherit; }
.rd-choose-item:active{ background:#faf8fc; }
.rd-choose-info{ flex:1; min-width:0; }
.rd-choose-board{ font-size:14px; font-weight:800; color:var(--rd-primary); }
.rd-choose-cancel{ margin-top:4px; font-size:11.5px; font-weight:700; }
.rd-choose-cancel.ok{ color:var(--rd-green); }
.rd-choose-cancel.no{ color:#c0562c; }
.rd-choose-price{ flex:none; text-align:end; }
.rd-choose-per{ font-size:10.5px; color:var(--rd-muted2); font-weight:700; }
.rd-choose-amt{ display:inline-flex; align-items:baseline; gap:3px; direction:ltr; font-size:18px; font-weight:900; color:var(--rd-ink); }
.rd-choose-amt .c{ font-size:12px; font-weight:800; }
.rd-choose-amt .c img{ height:13px; width:auto; vertical-align:middle; }

/* نافذة «جميع المرافق» المنبثقة (جوال) */
.rd-facwin{ position:absolute; inset:0; z-index:30; display:none; }
.rd-facwin.open{ display:block; }
.rd-facwin-backdrop{ position:absolute; inset:0; background:rgba(20,10,30,.5); }
.rd-facwin-sheet{ position:absolute; left:0; right:0; bottom:0; display:flex; flex-direction:column; background:var(--rd-bg); border-radius:22px 22px 0 0; max-height:86%; transform:translateY(100%); transition:transform .34s cubic-bezier(.22,1,.36,1); }
.rd-facwin.open .rd-facwin-sheet{ transform:none; }
.rd-facwin-handle{ width:42px; height:5px; border-radius:100px; background:#E3DAEC; margin:8px auto 6px; flex:none; }
.rd-facwin-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:2px 18px 12px; flex:none; }
.rd-facwin-head h3{ margin:0; font-size:17px; font-weight:900; color:var(--rd-primary); }
.rd-facwin-close{ width:34px; height:34px; border-radius:50%; border:1px solid var(--rd-border-strong); background:#fff; color:var(--rd-primary); display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; flex:none; }
.rd-facwin-search{ padding:0 18px 12px; flex:none; }
.rd-facwin-search .rd-search{ margin:0; }
.rd-facwin-body{ flex:1; overflow-y:auto; padding:6px 18px calc(20px + env(safe-area-inset-bottom,0px)); scrollbar-width:none; }
.rd-facwin-body::-webkit-scrollbar{ display:none; }
.rd-facwin-body .rd-amenity{ padding:9px 0; border-bottom:1px solid var(--rd-border); }
.rd-facwin-body .rd-amenities{ gap:0 14px; }

/* لا تظهر الشاشة على الديسكتوب إطلاقًا */
@media (min-width:769px){ .rd-screen, .rd-lightbox{ display:none !important; } }

/* ═══ rooms (body) (كان مضمناً في rooms.blade.php L71-400) ═══ */
:root {
    --pr:       #735096;
    --pr-dark:  #5a3a7a;
    --pr-light: #f5f0fb;
    --gold:     #AC8147;
    --gold-lt:  #fdf8f0;
    --gold-mid: #e8d5b0;
    --txt:      #1a1428;
    --txt2:     #BDA1B2;
    --border:   #ede4f5;
    --radius-app: 18px;
}

/* ── Banner ── */
/* نص فقط بلا خلفية ولا حدود (قرار 2026-07-31) */
.room-variety-banner {
    display:flex; align-items:center; gap:10px;
    background:transparent; border:none;
    padding:4px 2px;
    margin-bottom:14px; font-size:.85rem; color:#735096;
}
.room-variety-banner i { color:#AC8147; font-size:1rem; flex-shrink:0; }
.room-variety-banner strong { color:#AC8147; font-weight:800; }

/* ── Header ── */
.rt-header {
    display:grid; grid-template-columns:2fr 2fr 1.2fr;
    background:var(--pr); border-radius:14px 14px 0 0; overflow:hidden;
}
.rt-col { padding:13px 20px; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.9); }
.rt-col--price { text-align:center; }

/* ── Currency icon ── */
.currency-icon { height:18px!important; width:auto!important; display:inline-block!important; vertical-align:middle!important; margin-inline-end:4px!important; max-width:none!important; }

/* ── Desktop Table ── */
.room-table { width:100%; border-collapse:collapse; background:#fff; border:1.5px solid var(--border); border-top:none; border-radius:0 0 14px 14px; overflow:hidden; box-shadow:0 4px 24px rgba(115,80,150,.07); }
.room-table thead.sr-only { display:none; }
.room-table tbody tr { transition:background .18s; }
.room-table td { padding:14px 16px; vertical-align:middle; font-size:.82rem; color:var(--txt2); border-right:1px solid var(--border); border-bottom:1px solid rgba(115,80,150,.08); }
.room-table tr.room-divider td { padding:0!important; height:2px!important; background:var(--border)!important; border:none!important; }
.room-table td[rowspan] { vertical-align:top; border-bottom:none; }
.room-table td:last-child { border-right:none; }
.room-table tbody tr:last-child td { border-bottom:none!important; }
/* إصلاح: بعد حذف غرفة، الـ room-divider يفصل بوضوح */
.room-table tr.room-divider { height:8px!important; }
.room-table tr.room-divider td { height:8px!important; background:var(--border)!important; padding:0!important; border:none!important; }
/* منع الـ rowspan من التداخل مع الهيدر */
.room-table tbody { position:relative; }

/* ── Thumb ── */
.rt-thumb-wrap { display:block; position:relative; width:100%; height:110px; border-radius:8px; overflow:hidden; margin-bottom:10px; cursor:pointer; }
.rt-thumb { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.rt-thumb-wrap:hover .rt-thumb { transform:scale(1.04); }
.rt-thumb-overlay { position:absolute; inset:0; background:rgba(115,80,150,.35); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .2s; }
.rt-thumb-overlay i { color:#fff; font-size:1.4rem; }
.rt-thumb-wrap:hover .rt-thumb-overlay { opacity:1; }

/* ── Room cell ── */
.room-table .room-name { font-size:.92rem; font-weight:700; color:var(--pr); margin-bottom:6px; line-height:1.3; }
.occupancy { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.6); -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%); border:1px solid rgba(115,80,150,.28); color:var(--pr); font-size:.75rem; font-weight:600; padding:5px 12px; border-radius:20px; margin-bottom:10px; flex-wrap:wrap; box-shadow:0 2px 10px rgba(115,80,150,.10); }
.occupancy span { display:flex; align-items:center; gap:4px; }
.occupancy i { font-size:.7rem; color:var(--gold); }

.more-info { display:block; text-decoration:none; margin-top:8px; cursor:pointer; }
.more-info-inner { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 12px; background:#fff; border:1px solid var(--border); border-radius:8px; transition:background .2s,border-color .2s; }
.more-info:hover .more-info-inner { background:var(--pr); border-color:var(--pr); }
.more-info-tags { display:flex; flex-wrap:wrap; gap:6px; }
.more-info-tags span { display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:600; color:var(--pr); background:#fff; border:1px solid var(--border); border-radius:20px; padding:2px 8px; transition:color .2s,background .2s; }
.more-info-tags span i { font-size:.65rem; color:var(--gold); }
.more-info:hover .more-info-tags span { background:rgba(255,255,255,.15); color:#fff; border-color:rgba(255,255,255,.3); }
.more-info:hover .more-info-tags span i { color:var(--gold-mid); }
.more-info-cta { font-size:.72rem; font-weight:700; color:var(--gold); white-space:nowrap; flex-shrink:0; transition:color .2s; }
.more-info:hover .more-info-cta { color:#fff; }

/* ── Options cell ── */
.room-table td.td-options { vertical-align:middle; padding:14px 16px; }
.option-item { padding:0; display:flex; flex-direction:column; }
.option-item ul { list-style:none; padding:0; margin:0; width:100%; }
.option-item ul li:first-child { display:flex; align-items:center; gap:6px; font-size:.88rem; font-weight:700; color:var(--pr); padding:0 0 6px 0; margin:0 0 6px 0; }
.option-item ul li { display:flex; align-items:flex-start; gap:7px; font-size:.8rem; color:var(--txt2); padding:3px 0; text-align:start; }
.option-item ul li i { color:var(--gold); font-size:.72rem; margin-top:3px; flex-shrink:0; }

.rt-badge { display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:20px; }
.rt-badge--green { background:#e8f5e9; color:#2e7d32; }
.rt-badge--red   { background:#fdecea; color:#c62828; }
.rate-comments { margin-top:10px; padding:8px 12px; background:#fffbf0; border-radius:8px; border-inline-start:3px solid var(--gold); font-size:.75rem; color:#5d4037; max-height:72px; overflow-y:auto; }

/* ── Price cell ── */
.room-table td:last-child { text-align:center; vertical-align:middle; }
.total-price,.discounted-price { font-size:1.2rem; font-weight:800; color:var(--pr); line-height:1; }
.discounted-price { color:#c62828; }
.original-price { color:var(--txt2); font-size:.9rem; }
.price-container { display:inline-flex; align-items:center; direction:ltr; justify-content:center; font-weight:700; }
.rt-multi-box { padding:12px 14px; background:rgba(255,255,255,.62); -webkit-backdrop-filter:blur(12px) saturate(150%); backdrop-filter:blur(12px) saturate(150%); border:1px solid rgba(115,80,150,.18); border-radius:14px; text-align:center; margin-bottom:10px; box-shadow:0 4px 16px rgba(115,80,150,.10), inset 0 1px 0 rgba(255,255,255,.85); }
.rt-multi-box-label { font-size:.72rem; color:var(--gold); font-weight:600; margin-bottom:4px; }
.rt-multi-box-price { justify-content:center; font-size:1.35rem; font-weight:800; color:var(--pr); }
.rt-price-wrapper { display:flex; align-items:baseline; justify-content:center; gap:4px; direction:ltr; }
.rt-price-subtext { font-size:.78rem; color:var(--txt2); text-align:center; margin-bottom:8px; margin-top:4px; }
.rt-price-subtext-container { font-weight:600; direction:ltr; }
.rt-strike-container { text-decoration:line-through; opacity:.6; }
.rt-discount-container { font-size:1.4rem; font-weight:800; color:#c62828; }
.rt-nights-label { font-size:.72rem; color:var(--txt2); margin:6px 0; }
.rt-text-muted-small { font-size:.72rem; color:var(--txt2); margin-inline-start:4px; }

/* ── Book Btn Desktop ── */
.book-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:5px;
    width:100%; padding:9px 16px;
    background:linear-gradient(to left,#C4A161,#7a5a1e);
    color:#fff; border:1.5px solid #AC8147; border-radius:100px;   /* ✅ دائري */
    font-size:.8rem; font-weight:700; cursor:pointer;
    transition:background .3s,color .3s,box-shadow .25s,transform .2s;
    box-shadow:0 3px 10px rgba(172,129,71,.3);
    margin-top:10px; white-space:nowrap;
}
.book-btn::before { display:none; }   /* إلغاء أنميشن الدائرة القديم */
/* ✅ hover: يتحول أبيض نظيف + الكلام والأيقونة ذهبي */
.book-btn:hover { background:#fff; color:#AC8147; box-shadow:0 6px 20px rgba(172,129,71,.28); transform:translateY(-1px); }
.book-btn i,.book-btn span { transition:color .3s; }
.book-btn:hover i,.book-btn:hover span { color:#AC8147; }
.discount-badge { display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:700; background:#fff3e0; color:#e65100; border-radius:20px; padding:3px 10px; margin-top:4px; }
.room-table td[colspan="3"] { text-align:center; padding:64px 20px; color:var(--txt2); font-size:.9rem; }

/* ══════════════════════════════════════════════
   MOBILE — Airbnb Style
══════════════════════════════════════════════ */
.mobile-rooms { display:none; }

/* ── بطاقة الغرفة ── */
.mob-room-card {
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 4px 20px rgba(115,80,150,.12), 0 1px 4px rgba(45,30,75,.06);
    border:1px solid rgba(115,80,150,.08);
}

/* ── صورة كاملة العرض ── */
.mob-room-img-wrap {
    position:relative; width:100%;
    height:68vw; /* نسبة من العرض — مثل Airbnb (أكبر شوي لإحساس أفخم) */
    min-height:260px; max-height:345px;
    overflow:hidden;
}
.mob-room-img { width:100%; height:100%; object-fit:cover; display:block; }
.mob-room-img-overlay {
    position:absolute; inset:0;
    background:linear-gradient(to top, rgba(15,8,30,.7) 0%, transparent 50%);
}
/* اسم الغرفة فوق الصورة */
.mob-room-img-name {
    position:absolute; bottom:0; left:0; right:0;
    padding:20px 16px 14px;
    font-size:1.05rem; font-weight:700; color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.5);
    line-height:1.3;
}
/* badge النزلاء */
.mob-room-img-badge {
    position:absolute; top:12px; right:12px;
    background:rgba(255,255,255,.95);
    color:var(--pr); font-size:.72rem; font-weight:700;
    padding:5px 12px; border-radius:20px;
    display:flex; align-items:center; gap:5px;
    backdrop-filter:blur(8px);
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}

/* ── Meta row ── */
.mob-room-meta {
    padding:10px 14px 6px;
    display:flex; align-items:center;
    justify-content:flex-start; /* الزر يبدأ من بداية الاتجاه */
    direction:inherit; /* يرث الاتجاه من الصفحة */
}
.mob-more-info-btn {
    display:inline-flex; align-items:center; gap:6px;
    font-size:.76rem; font-weight:600; color:var(--pr);
    background:rgba(255,255,255,.55);
    -webkit-backdrop-filter:blur(8px) saturate(140%); backdrop-filter:blur(8px) saturate(140%);
    border:1px solid rgba(115,80,150,.25);
    border-radius:100px; padding:7px 16px; cursor:pointer;
    text-decoration:none; transition:background .2s, border-color .2s;
    box-shadow:0 2px 8px rgba(115,80,150,.08);
    margin-inline-start:auto; /* يدفع الزر لآخر السطر في direction الحالي */
}
.mob-more-info-btn i { font-size:.72rem; }
.mob-more-info-btn:hover { background:rgba(255,255,255,.8); border-color:var(--pr); }

/* ── قائمة الأسعار ── */
.mob-rate-list {
    border-top:1px solid var(--border);
    margin-top:10px;
}

.mob-rate-item {
    padding:14px 14px;
    border-bottom:1px solid rgba(115,80,150,.08);
    transition:background .15s;
}
.mob-rate-item:last-child { border-bottom:none; }

/* اسم الوجبة */
.mob-rate-top { margin-bottom:8px; }
.mob-rate-board {
    font-size:.9rem; font-weight:700; color:var(--pr);
    display:flex; align-items:center; gap:6px;
}
.mob-rate-board i { color:var(--gold); font-size:.82rem; flex-shrink:0; }

/* badges */
.mob-rate-badges { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }

/* ملاحظات السعر */
.mob-rate-comments {
    background:#fffbf0; border-inline-start:3px solid var(--gold);
    border-radius:8px; padding:7px 12px;
    font-size:.73rem; color:#5d4037; margin-bottom:8px;
}

/* ── السعر + زر الحجز ── */
.mob-rate-bottom {
    display:flex; align-items:center;
    justify-content:space-between; gap:10px;
    margin-top:8px;
}
.mob-price-block { display:flex; flex-direction:column; gap:1px; }
.mob-price-main {
    display:flex; align-items:baseline; gap:3px; direction:ltr;
    font-size:1.35rem; font-weight:900; color:#735096; line-height:1;
}
.mob-price-main .currency-icon { height:16px!important; }
.mob-price-sub { font-size:.71rem; color:var(--txt2); margin-top:2px; line-height:1.3; }
.mob-price-crossed {
    font-size:.85rem; color:var(--txt2); text-decoration:line-through;
    direction:ltr; display:inline-flex; align-items:center; gap:2px;
}
.mob-price-discounted {
    font-size:1.35rem; font-weight:800; color:#c62828;
    direction:ltr; display:flex; align-items:baseline; gap:3px; line-height:1;
}

/* ── زر احجز الآن — Airbnb style ── */
.mob-book-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    padding:12px 22px; flex-shrink:0;
    background:linear-gradient(135deg, #C89B3F 0%, #6E4A1C 100%);
    color:#fff; border:none; border-radius:100px; /* ✅ دائري */
    font-size:.86rem; font-weight:800; cursor:pointer;
    box-shadow:0 12px 26px -12px rgba(154,117,38,.85);
    transition:transform .15s, box-shadow .2s;
    white-space:nowrap;
}
.mob-book-btn:active { transform:scale(.96); box-shadow:0 2px 8px rgba(172,129,71,.3); }
.mob-book-btn i,.mob-book-btn span { color:#fff; }

/* multi-room box */
.mob-multi-box {
    background:var(--pr-light); border-radius:10px;
    padding:8px 12px; margin-top:8px;
    display:flex; align-items:center; justify-content:space-between;
    font-size:.78rem;
}
.mob-multi-label { color:var(--pr); font-weight:600; }
.mob-multi-price { font-weight:800; color:var(--pr); direction:ltr; display:flex; align-items:center; gap:3px; }

/* ══════════════════════════════════════════════
   MOBILE v2 — بطاقة Fundicum (مطابقة للتصميم) — تتجاوز ما فوقها
══════════════════════════════════════════════ */
.mob-room-card { border-radius:22px; margin-bottom:18px; box-shadow:0 10px 30px -14px rgba(45,20,60,.26), 0 1px 3px rgba(45,30,75,.05); }
.mob-room-img-wrap { height:210px !important; min-height:0 !important; max-height:none !important; background:linear-gradient(135deg,#efe7f5,#e3d5ef); }

/* رقائق زجاجية داكنة فوق الصورة */
.mob-img-chip {
    position:absolute; z-index:2; display:inline-flex; align-items:center; gap:6px;
    padding:7px 12px; border-radius:100px; font-size:12px; font-weight:800; color:#fff;
    background:rgba(20,12,30,.42); border:1px solid rgba(255,255,255,.28);
    -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%);
    text-decoration:none; box-shadow:0 6px 16px -8px rgba(0,0,0,.5); white-space:nowrap;
}
.mob-img-chip, .mob-img-chip span, .mob-img-chip svg { color:#fff !important; }
.mob-img-chip svg { flex:none; }
.mob-chip-cap     { top:12px; inset-inline-start:12px; }
.mob-chip-photos  { bottom:12px; inset-inline-start:12px; cursor:pointer; }
.mob-chip-details { bottom:12px; inset-inline-end:12px; cursor:pointer; }

/* جسم البطاقة */
.mob-room-body { padding:15px 16px 16px; }
.mob-room-name { font-size:16px; font-weight:900; color:#735096; line-height:1.35; }
.mob-room-specs { margin-top:5px; font-size:12.5px; font-weight:600; color:#9184A0; line-height:1.5; }
.mob-rate-section-label { margin:14px 0 2px; font-size:12.5px; font-weight:800; color:#AC8147; }

/* قائمة الأسعار */
.mob-rate-list { border-top:none; margin-top:0; }
.mob-rate-item { padding:13px 0 !important; border-top:1px solid rgba(115,80,150,.10) !important; border-bottom:none !important; }
.mob-rate-item:first-child { border-top:none !important; }
.mob-rate-row2 { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.mob-rate-info { flex:1; min-width:0; }
.mob-rate-board { font-size:13.5px; font-weight:800; color:#735096 !important; line-height:1.4; display:block; }
.mob-rate-cancel { margin-top:6px; font-size:12px; font-weight:700; display:flex; align-items:center; gap:5px; }
.mob-rate-cancel.ok { color:#2e7d32; }
.mob-rate-cancel.no { color:#c62828; }
.mob-rate-cancel svg { flex:none; }
.mob-rate-action { flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:7px; text-align:end; }
.mob-rate-action .mob-price-main { font-size:19px; }
.mob-rate-action .mob-book-btn { padding:10px 20px; font-size:13.5px; }
.mob-price-crossed { justify-content:flex-end; }
.mob-price-discounted { font-size:19px; }
/* صف السعر: السعر يمين + الزر يسار */
.mob-rate-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; }
.mob-price-block{ display:flex; flex-direction:column; text-align:end; }
.mob-price-block .mob-price-sub{ margin-bottom:2px; }
.mob-price-block .mob-price-main{ font-size:19px; justify-content:flex-end; }
.mob-rate-foot .mob-book-btn{ padding:10px 20px; font-size:13.5px; flex:none; }

/* عرض كل الخيارات */
.mob-rate-hidden { display:none !important; }
.mob-show-all { display:block; width:100%; text-align:center; margin-top:10px; padding-top:12px; border-top:1px solid rgba(115,80,150,.10); background:none; border:none; cursor:pointer; font-size:13px; font-weight:800; color:#735096; }

/* ── Responsive ── */
@media (max-width:768px) {
    .rt-header  { display:none; }
    .desktop-view { display:none; }
    .mobile-rooms { display:block; padding-top:8px; }
    .room-variety-banner { font-size:.8rem; padding:4px 2px; }
}

/* ═══ book_now_modal (body) (كان مضمناً في book_now_modal.blade.php L161-670) ═══ */
/* ===== Modal Base ===== */
.bnm-content {
    border-radius: 20px;
    border: none;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(45,30,75,0.18);
    max-height: 90vh;
}

/* ===== Header ===== */
.bnm-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #f0ecf5;
    gap: 12px;
}
.bnm-header h5 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #735096;
    margin: 0 0 9px;
}
.bnm-header p {
    font-size: 12px;
    color: #9b8fb0;
    margin: 0;
    line-height: 1.6;
}
.bnm-close {
    background: #f5f1fa;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b7a9e;
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.2s;
}
.bnm-close:hover { background: #ebe5f3; color: #2d1e4b; }

/* ===== Body ===== */
.bnm-body {
    padding: 16px 24px 8px;
    overflow-y: auto;
    max-height: 55vh;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.bnm-body::-webkit-scrollbar { display: none; }

/* ===== Summary Card ===== */
.bnm-summary {
    background: linear-gradient(135deg, #f8f5fc 0%, #f2eef8 100%);
    border: 1px solid #e8e0f0;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 20px;
}
.bnm-summary-row {
    display: flex;
    align-items: center;
    padding: 6px 0;
    font-size: 13px;
    gap: 8px;
}
.bnm-summary-row + .bnm-summary-row { border-top: 1px solid #ede8f3; }
.bnm-summary-icon {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(115,80,150,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.bnm-summary-icon i { color: #735096; font-size: 11px; }
.bnm-summary-label { color: #8a7e9b; font-weight: 500; flex: 1; }
.bnm-summary-val { color: #2d1e4b; font-weight: 600; text-align: end; }
.bnm-summary-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 2px solid #e0d6ed;
}
.bnm-summary-total-label { font-size: 13px; color: #5a4a6b; font-weight: 600; }
.bnm-summary-total-val { font-size: 17px; color: #735096; font-weight: 700; }

/* ===== Rate Comments ===== */
.bnm-rate-comments {
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 16px;
}
.bnm-rate-comments-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #e65100;
    margin-bottom: 8px;
}
.bnm-rate-comments-header i { font-size: 14px; }
.bnm-rate-comments-body {
    font-size: 12px;
    color: #5d4037;
    line-height: 1.6;
    max-height: 100px;
    overflow-y: auto;
}

/* ===== Section ===== */
.bnm-section { margin-bottom: 16px; }
.bnm-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #735096;
    margin-bottom: 12px;
}
.bnm-section-title i { color: #c2985a !important; font-size: 18px; background: none; }

/* ===== Name Row (2 columns) ===== */
.bnm-name-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.bnm-name-field label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #735096;
    margin-bottom: 4px;
}
.bnm-input {
    width: 100%;
    border: 1.5px solid #ddd2ea;
    background: #ffffff !important;
    font-size: 14px;
    border-radius: 10px;
    padding: 11px 13px;
    color: #2d1e4b;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}
.bnm-input:focus {
    border-color: #735096;
    box-shadow: 0 0 0 3px rgba(115,80,150,0.1);
}
.bnm-input.is-invalid { border-color: #dc3545; }
.bnm-input::placeholder { color: #c4b8d2; }
.bnm-error {
    font-size: 12px;
    color: #dc3545;
    margin-top: 4px;
    display: none;
}
.bnm-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #b0a3c2;
    margin-top: 8px;
}
.bnm-hint i { font-size: 10px; }

/* ===== Toggle Bar ===== */
.bnm-toggle-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #ece7f3;
    border-radius: 999px;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.2s;
}
.bnm-toggle-bar:hover { background: #faf8fc; border-color: #ddd2ea; }
.bnm-toggle-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #735096;
}
.bnm-toggle-info i { color: #c2985a !important; font-size: 16px; }

/* Toggle Switch */
.bnm-switch {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}
.bnm-switch input { opacity: 0; width: 0; height: 0; }
.bnm-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #d5cce3;
    border-radius: 24px;
    transition: 0.3s;
}
.bnm-slider::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    bottom: 3px;
    inset-inline-start: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.bnm-switch input:checked + .bnm-slider { background: #735096; }
.bnm-switch input:checked + .bnm-slider::before { inset-inline-start: 23px; }

/* ===== Per-Room Forms ===== */
.bnm-room-card {
    background: #ffffff;
    border: 1px solid #ece7f3;
    border-radius: 10px;
    padding: 14px;
    margin-top: 12px;
}
.bnm-room-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #735096;
    margin-bottom: 10px;
}
.bnm-room-card-title .bnm-room-num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #735096;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}
.bnm-room-card .bnm-name-row { gap: 8px; }
.bnm-room-card .bnm-input {
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #ffffff !important;
}

/* ===== Footer ===== */
.bnm-footer {
    padding: 16px 24px 20px;
    border-top: 1px solid #f0ecf5;
}

/* Terms Checkbox */
.bnm-terms {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 12px;
}
.bnm-terms input { display: none; }
.bnm-checkbox {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #c4b8d2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    margin-top: 1px;
}
.bnm-checkbox i { color: white; font-size: 10px; display: none; }
.bnm-terms input:checked + .bnm-checkbox {
    background: #735096;
    border-color: #735096;
}
.bnm-terms input:checked + .bnm-checkbox i { display: block; }
.bnm-terms-text {
    font-size: 12px;
    color: #6b5b7b;
    line-height: 1.6;
}
.bnm-terms-text a {
    color: #735096 !important;
    font-weight: 600;
    text-decoration: none;
}
.bnm-terms-text a:hover { text-decoration: underline; }

/* Action Buttons */
.bnm-actions {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}
.bnm-btn-secondary {
    flex: 0 0 auto;
    padding: 13px 26px;
    background: #f5f1fa;
    color: #5a4a6b;
    border: 1px solid #e0d4ed;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}
.bnm-btn-secondary:hover { background: #ebe5f3; color: #2d1e4b; }
.bnm-btn-primary {
    flex: 1;
    padding: 13px 26px;
    background: linear-gradient(135deg, #735096, #5e3d80);
    color: #fff;
    border: none;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.bnm-btn-primary:hover {
    background: linear-gradient(135deg, #5e3d80, #4a2f68);
    box-shadow: 0 4px 16px rgba(115,80,150,0.35);
    color: #fff;
}
.bnm-btn-primary i { font-size: 13px; }

/* ===== Guest State (not logged in) ===== */
.bnm-guest {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 32px 32px;
    position: relative;
}
.bnm-guest-close {
    position: absolute;
    top: 14px;
    background: #f5f1fa;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b7a9e;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
html[dir="rtl"] .bnm-guest-close { left: 16px; right: auto; }
html[dir="ltr"] .bnm-guest-close { right: 16px; left: auto; }
.bnm-guest-close:hover { background: #ebe5f3; color: #2d1e4b; }
.bnm-guest-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(115,80,150,0.10);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    backdrop-filter: blur(10px) saturate(150%);
    border: 1.5px solid rgba(115,80,150,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    box-shadow: 0 8px 22px rgba(115,80,150,.15), inset 0 1px 0 rgba(255,255,255,.7);
}
.bnm-guest-icon i { color: #735096; font-size: 27px; }
.bnm-guest h4 {
    font-size: 19px;
    font-weight: 800;
    color: #735096;
    margin-bottom: 12px;
}
.bnm-guest p {
    font-size: 13px;
    color: #8a7e9b;
    line-height: 1.6;
    margin-bottom: 36px;
    max-width: 280px;
}
/* متنفس إضافي فوق الأزرار — مضمون حتى لو تعارضت قواعد p */
.bnm-guest-actions { margin-top: 4px; }
.bnm-guest-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bnm-guest-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 24px;
    background: var(--btn);
    color: #fff !important;
    border: 1.5px solid transparent;
    border-radius: 100px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
    transition: background .3s, color .3s, border-color .3s, box-shadow .3s, transform .2s;
}
/* ✅ أنميشن: ذهبي → أبيض + نص وأيقونة بنفسجية + حد بنفسجي */
.bnm-guest-login-btn:hover {
    background: #fff;
    color: #735096 !important;
    border-color: #735096;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(115,80,150,0.22);
}
.bnm-guest-login-btn:hover i { color: #735096; }
.bnm-guest-login-btn i { font-size: 14px; }
.bnm-guest-register-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 13px 24px;
    background: #fff;
    color: #735096 !important;
    border: 1.5px solid #e0d4ed;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.3s;
}
.bnm-guest-register-btn:hover {
    background: #f8f5fc;
    border-color: #735096;
    color: #5e3d80 !important;
}
.bnm-guest-register-btn i { font-size: 13px; }

/* ===== Responsive ===== */
@media (max-width: 576px) {
    .bnm-content { border-radius: 16px; }
    .bnm-header { padding: 16px 18px 12px; }
    .bnm-header h5 { font-size: 1.05rem; margin-bottom: 11px; }
    .bnm-body { padding: 14px 18px 6px; max-height: 50vh; }
    .bnm-summary { padding: 12px 14px; }
    /* الاسم الأول + الأخير جنب بعض في الجوال أيضاً */
    .bnm-name-row { grid-template-columns: 1fr 1fr; gap: 9px; }
    .bnm-name-field label { font-size: 11.5px; }
    .bnm-input { padding: 10px 11px; font-size: 16px; } /* 16px يمنع تقريب iOS */
    .bnm-footer { padding: 14px 18px 18px; }
    .bnm-actions { flex-direction: column-reverse; }
    .bnm-btn-secondary, .bnm-btn-primary { width: 100%; justify-content: center; }
    .bnm-toggle-bar { padding: 10px 12px; }
    .bnm-toggle-info { font-size: 12px; gap: 8px; }
    .bnm-room-card .bnm-name-row { grid-template-columns: 1fr 1fr; gap: 9px; }
    .bnm-room-card .bnm-input { font-size: 16px; } /* يمنع تقريب iOS */
}
@media (max-width: 380px) {
    .bnm-header h5 { font-size: 0.95rem; }
    .bnm-header p { font-size: 11px; }
    .bnm-summary-row { font-size: 12px; }
}

/* ===== RTL Overrides ===== */
html[dir="rtl"] .bnm-header { text-align: right; }
html[dir="rtl"] .bnm-name-field label { text-align: right; }
html[dir="rtl"] .bnm-footer { text-align: right; }
html[dir="rtl"] .bnm-actions { flex-direction: row; }
html[dir="rtl"] .bnm-close { margin-left: 0; }
html[dir="ltr"] .bnm-close { margin-right: 0; }
@media (max-width: 576px) {
    html[dir="rtl"] .bnm-actions { flex-direction: column-reverse; }
}