/* ── Daterangepicker arrows ─────────────────────────────── */
        .daterangepicker .calendar-table th.prev,
        .daterangepicker .calendar-table th.next {
            background: #f0f4f8 !important;
            border-radius: 8px !important;
            cursor: pointer !important;
            width: 36px !important;
            height: 36px !important;
            text-align: center !important;
            vertical-align: middle !important;
            font-size: 18px !important;
            color: #1a2b48 !important;
            position: relative !important;
            display: table-cell !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        .daterangepicker .calendar-table th.prev:hover,
        .daterangepicker .calendar-table th.next:hover {
            background: #c9a84c !important;
            color: #fff !important;
        }
        /* Flèche gauche désactivée (mois courant) : visible mais grisée */
        .daterangepicker .calendar-table th.prev.off,
        .daterangepicker .calendar-table th.prev.disabled {
            display: table-cell !important;
            visibility: visible !important;
            opacity: 0.35 !important;
            cursor: default !important;
        }
        /* Cacher le span vide et afficher une vraie flèche via ::after */
        .daterangepicker .calendar-table th.prev span,
        .daterangepicker .calendar-table th.next span {
            display: none !important;
        }
        .daterangepicker .calendar-table th.prev::after {
            content: '‹' !important;
            font-size: 22px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            color: inherit !important;
        }
        .daterangepicker .calendar-table th.next::after {
            content: '›' !important;
            font-size: 22px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            color: inherit !important;
        }

        /* Gold color for stars */
        .fa-star, .list-star ul li i, .booking-item-rating-stars li i {
            color: #ffd700 !important;
        }
        /* Color for price - Black and Bold */
        .price .text-price, .item-loop .info .g-price .price .text-price {
            color: #000 !important;
            font-weight: 800 !important;
        }
        /* Search bar positioning on home page */
        .bc-form-search-all .g-form-control {
            transform: translateY(80px) !important;
            position: relative !important;
            z-index: 1000 !important;
        }
        /* Les blocs suivants doivent être sous le formulaire */
        .bc-form-search-all ~ * {
            position: relative;
            z-index: 1;
        }

        /* ── Bannière de la page d'accueil : 1200 * 400 px sur PC & Tablette ── */
        @media (min-width: 768px) {
            .bc-form-search-all {
                max-width: 1200px !important;
                height: 400px !important;
                margin: 0 auto !important;
                position: relative !important;
                padding: 40px 0 0 0 !important;
                border-radius: 16px !important;
                overflow: visible !important;
                box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
            }
            .bc-form-search-all .effect,
            .bc-form-search-all .effect .owl-carousel,
            .bc-form-search-all .effect .owl-stage-outer,
            .bc-form-search-all .effect .owl-stage,
            .bc-form-search-all .effect .owl-item,
            .bc-form-search-all .effect .item,
            .bc-form-search-all .background-video-container {
                border-radius: 16px !important;
                overflow: hidden !important;
                height: 100% !important;
            }
            .bc-form-search-all .container {
                position: relative !important;
                z-index: 2 !important;
            }
            .bc-form-search-all .text-heading {
                font-size: 42px !important;
                margin-bottom: 8px !important;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
            }
            .bc-form-search-all .sub-heading {
                font-size: 16px !important;
                margin-bottom: 20px !important;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
            }
        }
        /* ── Mobile : annuler le translateY et corriger le layout ── */
        @media (max-width: 767px) {

            /* ── Hero section ───────────────────────────────────── */
            .bc-form-search-all {
                padding-bottom: 16px !important;
                min-height: auto !important;
                overflow: visible !important;
            }
            .bc-form-search-all .container,
            .bc-form-search-all .row,
            .bc-form-search-all .col-lg-12 {
                overflow: visible !important;
            }
            .bc-form-search-all .text-heading {
                font-size: 24px !important;
                margin-bottom: 4px !important;
            }
            .bc-form-search-all .sub-heading {
                font-size: 13px !important;
                margin-bottom: 10px !important;
            }

            /* ── Formulaire : annuler translateY ────────────────── */
            .bc-form-search-all .g-form-control {
                transform: none !important;
                margin-top: 10px !important;
                background: #fff !important;
                border-radius: 14px !important;
                box-shadow: 0 8px 28px rgba(0,0,0,.16) !important;
                overflow: visible !important;
                padding: 0 !important;
                width: 100% !important;
            }

            /* ── Tabs : scroll horizontal, fond navy ────────────── */
            .bc-form-search-all .g-form-control .nav-tabs {
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                overflow-y: visible !important;
                -webkit-overflow-scrolling: touch !important;
                scrollbar-width: none !important;
                background: #1a2b48 !important;
                border-radius: 14px 14px 0 0 !important;
                border-bottom: none !important;
                padding: 6px 8px 0 !important;
                margin: 0 !important;
                gap: 2px !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs::-webkit-scrollbar { display: none !important; }
            .bc-form-search-all .g-form-control .nav-tabs > li {
                flex-shrink: 0 !important;
                list-style: none !important;
                margin: 0 !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs > li > a {
                display: flex !important;
                align-items: center !important;
                gap: 5px !important;
                padding: 8px 12px !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                color: rgba(255,255,255,.65) !important;
                border: none !important;
                border-radius: 8px 8px 0 0 !important;
                white-space: nowrap !important;
                background: transparent !important;
                text-decoration: none !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs > li > a.active,
            .bc-form-search-all .g-form-control .nav-tabs > li.active > a {
                background: #fff !important;
                color: #1a2b48 !important;
                font-weight: 700 !important;
            }

            /* ── Tab content ────────────────────────────────────── */
            .bc-form-search-all .g-form-control .tab-content,
            .bc-form-search-all .g-form-control .tab-pane {
                overflow: visible !important;
            }

            /* ── Champs : colonne verticale ─────────────────────── */
            .bc-form-search-all .g-field-search,
            .bc-form-search-all .bc_form {
                overflow: visible !important;
            }
            .bc-form-search-all .g-field-search .row {
                display: block !important;
                margin: 0 !important;
                overflow: visible !important;
            }
            .bc-form-search-all .g-field-search .row > [class*="col-"],
            .bc-form-search-all .g-field-search .row > div {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                flex: none !important;
                padding: 0 !important;
                border-right: none !important;
                border-bottom: 1px solid #f0f0f0 !important;
                overflow: visible !important;
                min-height: 60px !important;
            }
            .bc-form-search-all .g-field-search .row > div:last-child {
                border-bottom: none !important;
            }

            /* ── Form group interne ─────────────────────────────── */
            .bc-form-search-all .form-group {
                padding: 12px 16px 12px 48px !important;
                margin-bottom: 0 !important;
                min-height: 60px !important;
                overflow: visible !important;
                position: relative !important;
                display: block !important;
            }
            .bc-form-search-all .form-label,
            .bc-form-search-all label.form-label {
                font-size: 11px !important;
                color: #888 !important;
                margin-bottom: 2px !important;
                display: block !important;
                font-weight: 500 !important;
            }
            .bc-form-search-all .render {
                font-size: 14px !important;
                color: #1a2b48 !important;
                font-weight: 500 !important;
                display: block !important;
            }
            .bc-form-search-all .field-icon {
                position: absolute !important;
                left: 14px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                font-size: 20px !important;
                z-index: 1 !important;
            }
            .bc-form-search-all .form-content {
                padding-left: 0 !important;
            }
            /* Champ texte date caché (absolu) */
            .bc-form-search-all .check-in-out {
                position: absolute !important;
                opacity: 0 !important;
                pointer-events: none !important;
                height: 1px !important;
                width: 1px !important;
            }

            /* ── Champ date : une seule ligne ──────────────────── */
            .bc-form-search-all .check-in-wrapper { display: block !important; }
            .bc-form-search-all .check-in-wrapper .render,
            .bc-form-search-all .check-in-render,
            .bc-form-search-all .check-out-render {
                display: inline !important;
                font-size: 14px !important;
                font-weight: 500 !important;
                color: #1a2b48 !important;
                white-space: nowrap !important;
            }
            .bc-form-search-all .check-in-wrapper span {
                display: inline !important;
                margin: 0 4px !important;
                color: #888 !important;
            }

            /* ── Bouton recherche : pleine largeur ──────────────── */
            .bc-form-search-all .g-button-submit {
                width: 100% !important;
                padding: 10px 12px 14px !important;
                display: block !important;
                overflow: visible !important;
            }
            .bc-form-search-all .g-button-submit .btn-search,
            .bc-form-search-all .g-button-submit button {
                width: 100% !important;
                border-radius: 10px !important;
                padding: 14px 20px !important;
                font-size: 15px !important;
                font-weight: 700 !important;
                position: relative !important;
                z-index: 5 !important;
                margin: 0 !important;
                display: block !important;
            }

            /* ── Contenu suivant ────────────────────────────────── */
            .bc-form-search-all ~ *,
            .bc-form-search-all + * {
                position: relative !important;
                z-index: 1 !important;
            }
        }
        /* Uniform tab-pane dimensions for all services */
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_space,
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_tour {
            max-width: none;
        }
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_space .g-field-search,
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_tour .g-field-search,
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_hotel .g-field-search {
            display: flex;
            align-items: stretch;
            min-height: 80px;
        }
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_space .g-field-search .row,
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_tour .g-field-search .row,
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_hotel .g-field-search .row {
            width: 100%;
            margin: 0;
        }
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_space .form-group,
        .bc_wrap .page-template-content .bc-form-search-all .g-form-control .tab-content #bc_tour .form-group {
            height: 100%;
            margin-bottom: 0;
        }

        /* ═══════════════════════════════════════════════════
           ── Premium Filter Bar Redesign (Desktop & Tablet) ──
           ═══════════════════════════════════════════════════ */
        @media (min-width: 768px) {
            /* 1. Tabs Pills with Blur & Spacing */
            .bc-form-search-all .g-form-control .nav-tabs {
                border-bottom: none !important;
                margin-top: 15px !important;
                margin-bottom: 12px !important;
                display: flex !important;
                gap: 8px !important;
                padding-left: 4px !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs li {
                margin: 0 !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs li a {
                background: rgba(26, 43, 71, 0.85) !important;
                color: rgba(255, 255, 255, 0.85) !important;
                border: 1px solid rgba(255, 255, 255, 0.1) !important;
                padding: 10px 24px !important;
                border-radius: 30px !important;
                font-size: 14px !important;
                font-weight: 600 !important;
                letter-spacing: 0.3px !important;
                text-shadow: none !important;
                backdrop-filter: blur(8px) !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
                display: flex !important;
                align-items: center !important;
                gap: 6px !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs li a i {
                font-size: 16px !important;
                margin-right: 0 !important;
                transition: transform 0.3s ease !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs li a:hover {
                background: rgba(26, 43, 71, 0.95) !important;
                color: #fff !important;
                transform: translateY(-2px) !important;
                box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
                border-color: rgba(255, 255, 255, 0.2) !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs li a:hover i {
                transform: scale(1.15) !important;
            }
            .bc-form-search-all .g-form-control .nav-tabs li a.active {
                background: linear-gradient(135deg, #00a896 0%, #028090 100%) !important;
                color: #fff !important;
                border-color: rgba(0, 168, 150, 0.2) !important;
                box-shadow: 0 8px 20px rgba(0, 168, 150, 0.35) !important;
                transform: translateY(-3px) !important;
            }

            /* Disable obsolete white corner background */
            .bc-form-search-all .g-form-control .tab-content::before {
                display: none !important;
            }

            /* 2. Main Search Card Container */
            .bc-form-search-all .bc_form {
                background: #ffffff !important;
                border-radius: 24px !important;
                box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12), 0 8px 20px rgba(0, 0, 0, 0.04) !important;
                border: 1px solid rgba(238, 242, 246, 0.9) !important;
                padding: 10px 14px !important;
                display: flex !important;
                align-items: center !important;
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }
            .bc-form-search-all .g-field-search {
                flex: 1 1 auto !important;
                max-width: 86% !important;
                padding: 0 !important;
            }
            .bc-form-search-all .g-field-search .row {
                display: flex !important;
                align-items: center !important;
                width: 100% !important;
                margin: 0 !important;
            }

            /* 3. Form Group Fields & Clean Dividers */
            .bc-form-search-all .bc_form .form-group {
                position: relative !important;
                transition: all 0.3s ease !important;
                border-radius: 16px !important;
                margin: 0 !important;
                cursor: pointer !important;
            }
            .bc-form-search-all .bc_form .form-group:hover {
                background-color: #f8fafc !important;
            }
            .bc-form-search-all .bc_form .border-right {
                border-right: 1px solid #f1f5f9 !important;
            }
            .bc-form-search-all .bc_form .form-content {
                padding: 12px 16px 12px 56px !important;
                transition: all 0.3s ease !important;
            }
            
            /* Align and style icons elegantly */
            .bc-form-search-all .bc_form .field-icon {
                position: absolute !important;
                left: 20px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                margin-top: 0 !important;
                font-size: 22px !important;
                color: #028090 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                transition: all 0.3s ease !important;
                pointer-events: none !important;
            }
            .bc-form-search-all .bc_form .form-group:hover .field-icon {
                transform: translateY(-50%) scale(1.1) !important;
                color: #00a896 !important;
            }

            /* Elegant typography */
            .bc-form-search-all .bc_form .form-content label {
                font-size: 11px !important;
                text-transform: uppercase !important;
                letter-spacing: 0.8px !important;
                font-weight: 700 !important;
                color: #8892a0 !important;
                margin-bottom: 3px !important;
                display: block !important;
            }
            .bc-form-search-all .bc_form .form-content input.form-control,
            .bc-form-search-all .bc_form .form-content .render {
                font-size: 15px !important;
                font-weight: 600 !important;
                color: #1a2b48 !important;
                background: transparent !important;
                border: none !important;
                box-shadow: none !important;
                padding: 0 !important;
                height: 22px !important;
                line-height: 22px !important;
            }
            .bc-form-search-all .bc_form .form-content input::placeholder {
                color: #a0aec0 !important;
                font-weight: 500 !important;
            }
            .bc-form-search-all .bc_form .form-content .date-wrapper .check-in-wrapper span {
                top: 0 !important;
                font-weight: 600 !important;
                color: #718096 !important;
            }

            /* 4. Elegant Floating Search Button */
            .bc-form-search-all .bc_form .g-button-submit {
                flex: 0 0 14% !important;
                max-width: 14% !important;
                padding: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
            }
            .bc-form-search-all .bc_form .g-button-submit button {
                width: 100% !important;
                height: 52px !important;
                border-radius: 16px !important;
                background: linear-gradient(135deg, #00a896 0%, #028090 100%) !important;
                color: #ffffff !important;
                font-weight: 700 !important;
                font-size: 15px !important;
                letter-spacing: 0.5px !important;
                text-transform: uppercase !important;
                box-shadow: 0 6px 16px rgba(0, 168, 150, 0.25) !important;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
                border: none !important;
                cursor: pointer !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 6px !important;
            }
            .bc-form-search-all .bc_form .g-button-submit button:hover {
                transform: translateY(-2px) !important;
                box-shadow: 0 10px 24px rgba(0, 168, 150, 0.4) !important;
                background: linear-gradient(135deg, #028090 0%, #00a896 100%) !important;
            }
            .bc-form-search-all .bc_form .g-button-submit button:active {
                transform: translateY(0) !important;
                box-shadow: 0 4px 12px rgba(0, 168, 150, 0.2) !important;
            }

            /* 5. Datepicker Calendar Dropdown Position & Alignment Correction */
            .bc-form-search-all .form-date-search-hotel,
            .bc-form-search-all .form-date-search {
                position: relative !important;
                width: 100% !important;
                display: block !important;
            }
            .bc-form-search-all .bc_form .form-content .form-date-search-hotel .check-in-out,
            .bc-form-search-all .bc_form .form-content .form-date-search .check-in-out,
            .bc-form-search-all .check-in-out {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                opacity: 0 !important;
                z-index: 10 !important;
                cursor: pointer !important;
                pointer-events: auto !important;
                margin: 0 !important;
                padding: 0 !important;
            }
        }

        /* ═══════════════════════════════════════════════════
           ── Premium Call to Action (CTA) Block Redesign  ──
           ═══════════════════════════════════════════════════ */
        .bc-call-to-action {
            margin: 60px 0 80px !important;
        }
        .bc-call-to-action .context {
            background: linear-gradient(135deg, #f6b756 0%, #f39c12 50%, #e67e22 100%) !important;
            border-radius: 24px !important;
            box-shadow: 0 24px 64px rgba(246, 183, 86, 0.22), 0 8px 24px rgba(0, 0, 0, 0.05) !important;
            padding: 50px 60px !important;
            border: 1px solid rgba(255, 255, 255, 0.15) !important;
            position: relative !important;
            overflow: hidden !important;
        }
        /* Add a sleek diagonal glow background accent */
        .bc-call-to-action .context::before {
            content: "" !important;
            position: absolute !important;
            top: -50% !important;
            left: -30% !important;
            width: 100% !important;
            height: 200% !important;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%) !important;
            transform: rotate(25deg) !important;
            pointer-events: none !important;
        }
        .bc-call-to-action .context .row {
            display: flex !important;
            align-items: center !important;
            flex-wrap: wrap !important;
        }
        .bc-call-to-action .context .title {
            color: #1a2b48 !important;
            font-size: 38px !important;
            font-weight: 800 !important;
            letter-spacing: -0.5px !important;
            line-height: 1.25 !important;
            margin-bottom: 12px !important;
            text-shadow: none !important;
        }
        .bc-call-to-action .context .sub_title {
            color: rgba(26, 43, 71, 0.85) !important;
            font-size: 16px !important;
            line-height: 1.6 !important;
            font-weight: 500 !important;
            margin-bottom: 0 !important;
        }
        .bc-call-to-action .context .btn-more {
            margin-top: 0 !important;
            float: right !important;
            background: #1a2b48 !important;
            color: #ffffff !important;
            padding: 16px 36px !important;
            font-weight: 700 !important;
            font-size: 15px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            border-radius: 14px !important;
            box-shadow: 0 8px 24px rgba(26, 43, 71, 0.3) !important;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border: 1px solid rgba(26, 43, 71, 0.1) !important;
            text-decoration: none !important;
        }
        .bc-call-to-action .context .btn-more:hover {
            background: #00a896 !important;
            color: #ffffff !important;
            transform: translateY(-3px) scale(1.03) !important;
            box-shadow: 0 12px 32px rgba(0, 168, 150, 0.45) !important;
            border-color: rgba(0, 168, 150, 0.1) !important;
        }
        .bc-call-to-action .context .btn-more:active {
            transform: translateY(-1px) scale(1) !important;
            box-shadow: 0 6px 16px rgba(0, 168, 150, 0.3) !important;
        }

        /* Responsive adaptations */
        @media(max-width: 991px) {
            .bc-call-to-action .context .btn-more {
                padding: 14px 28px !important;
            }
        }
        @media(max-width: 767px) {
            .bc-call-to-action .context {
                padding: 30px 24px !important;
                border-radius: 18px !important;
                text-align: center !important;
            }
            .bc-call-to-action .context .row {
                display: block !important;
            }
            .bc-call-to-action .context .title {
                font-size: 26px !important;
                margin-bottom: 10px !important;
            }
            .bc-call-to-action .context .sub_title {
                font-size: 14px !important;
                margin-bottom: 20px !important;
            }
            .bc-call-to-action .context .btn-more {
                float: none !important;
                width: 100% !important;
                margin-top: 10px !important;
            }
        }

        /* ── Mobile menu & backdrop z-index fix ── */
        .bc-menu-mobile {
            z-index: 999999 !important;
        }
        .bc-effect-bg, .bc-effect-user-bg {
            z-index: 999998 !important;
        }
        .bc_user_profile > .container-fluid > .row > .col-md-3 {
            z-index: 999999 !important;
        }
    </style>