/* ---- Shared header/footer classes ---- */
.icon-gold       { color: #F2B203; }
.flag-img        { height: 18px; object-fit: cover; cursor: pointer; }
.flag-img-drawer { height: 20px; object-fit: cover; cursor: pointer; }
.logo-img-lg     { height: 80px; object-fit: contain; }
.logo-img-sm     { height: 40px; object-fit: contain; }
.logo-img-drawer { height: 36px; object-fit: contain; }
.partner-img     { height: 20px; }
.partner-img-sm  { height: 18px; }
.partner-img-bg  { background: #fff; padding: 2px 4px; border-radius: 4px; }
.header-main-inner { display: flex; justify-content: space-between; align-items: center; }
.mobile-logo     { display: none; }
.main-nav.header-nav-row { flex: 1; border-top: none; padding: 15px 0; }
.mobile-drawer-extra { display: none; }
.drawer-divider  { margin: 24px 20px 12px; border-top: 1px solid rgba(0,0,0,0.1); }
.drawer-flags    { display: flex; gap: 12px; padding: 0 20px; margin-bottom: 16px; }
.drawer-partners { display: flex; flex-wrap: wrap; gap: 10px; padding: 12px 20px; background: #f8fafc; margin: 0 10px; border-radius: 8px; align-items: center; }
.fb-page-container { background: white; border-radius: 4px; overflow: hidden; margin-bottom: 15px; }
.fb-iframe { border: none; overflow: hidden; max-width: 340px; }
.partner-footer    { height: 25px; border-radius: 4px; }
.partner-footer-bg { background: white; padding: 3px 6px; border-radius: 4px; box-sizing: border-box; height: 25px; }
.partner-footer-lg { height: 35px; border-radius: 4px; }

/* Responsive styles specific to uu-dai.html */

@media(max-width: 768px){
            .section-hero-offers { height: 360px; }
            .offers-hero-title { font-size: clamp(26px, 7vw, 36px); }
            .section-offers-list { padding: 60px 0 80px; }
            .offers-section-header { margin-bottom: 48px; }
            .offer-card { 
                flex-direction: column; 
            }
            .offer-image { 
                width: 100%;
                max-width: 100%;
                height: 240px;
                margin: 0;
            }
            .offer-content { 
                padding: 30px; 
                min-height: auto;
                width: 100%;
            }
            .offer-title { font-size: 17px; margin-bottom: 15px; }
            .offer-features { margin-bottom: 20px; }
            .offers-grid { gap: 40px; }
            .offer-status-inline { margin-left: 0; }
        }



        @media(max-width: 480px){
            .section-hero-offers { height: 320px; }
            .offers-hero-label { font-size: 10px; letter-spacing: 2.5px; }
            .offers-hero-title { letter-spacing: 1px; }
            .offers-hero-sub { font-size: 14px; }
            .section-offers-list { padding: 50px 0 70px; }
            .offer-image {
                height: 200px;
            }
            .offer-footer { 
                flex-direction: row; 
                gap: 15px;
            }
            .offer-content { padding: 20px; }
        }



    
        
        
        
        /* Global Section Title */
        .global-section-title {
            text-align: center !important;
            position: relative;
            margin-bottom: 50px;
            padding-bottom: 15px;
            font-size: clamp(24px, 4vw, 36px);
            font-weight: 800;
            color: #0b1d3a;
            text-transform: uppercase;
            border-left: none !important;
            padding-left: 0 !important;
        }



        
        /* Make sure titles on dark backgrounds are white */
        .section-hero .global-section-title,
        .section-hero-blog .global-section-title,
        .section-hero-about .global-section-title,
        .section-hero-contact .global-section-title,
        .section-hero-rooms .global-section-title,
        .section-hero-offers .global-section-title,
        .section-customers .global-section-title,
        .section-social .global-section-title,
        .hero-wrapper .global-section-title,
        .page-hero .global-section-title {
            color: #ffffff !important;
        }




        .global-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #d4af37, #f2c85b);
            border-radius: 2px;
        }




        
        /* Make sure titles on dark backgrounds are white */
        .section-social .global-section-title,
        .hero-wrapper .global-section-title,
        .page-hero .global-section-title,
        .section-hero .global-section-title {
            color: #ffffff !important;
        }




        .global-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #d4af37, #f2c85b);
            border-radius: 2px;
        }