/* =====================================================================
   site.css — shared styles for pgindelhi.in
   =====================================================================
   Extracted from the inline <style> blocks that were duplicated across
   every page. Serving this as one cached file instead of repeating it in
   each HTML document reduces page weight and improves the text-to-HTML
   ratio flagged in the site audit.

   Page-specific rules (each page's own .hero-bg background image) stay
   inline on their page, because they differ per page.

   Cached for one month by .htaccess. If you edit this file and do not see
   the change, hard-refresh with Ctrl+F5.
   ===================================================================== */

/* ---------- site chrome (was in include/header.php) ---------- */
.amenity-icon {
            transition: all 0.3s ease;
        }
        
        .amenity-card:hover .amenity-icon {
            transform: scale(1.1);
            color: #3b82f6;
        }
        
        .room-card {
            transition: all 0.3s ease;
        }
        
        .room-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .testimonial-card {
            transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .hero-bg-form {
            backdrop-filter: blur(5px);
            background-color: rgba(255, 255, 255, 0.9);
        }

        .captcha-container {
            background-color: #f8f9fa;
            padding: 12px;
            border-radius: 8px;
            margin-bottom: 16px;
        }

/* ---------- room / content page components ---------- */
/* Fix white line at bottom */
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
    }
    
    section {
        width: 100%;
    }
    
    .button_booking {
        background-color: white;
        color: #3B82F6;
        padding: 12px 24px;
        border-radius: 9999px;
        border: none;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 300ms;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        
        /* Glowing effect */
        animation: blue-glow 1500ms infinite;
        box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
    }
    
    .button_booking:hover {
        background-color: #F3F4F6;
    }
    
    @keyframes blue-glow {
        0% {
            box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
        }
        50% {
            box-shadow: 0 0 20px rgba(59, 130, 246, 0.8), 0 0 30px rgba(59, 130, 246, 0.6);
        }
        100% {
            box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
        }
    }
    
    .room-feature {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        cursor: pointer;
        transition: transform 0.2s;
    }
    
    .room-feature:hover {
        transform: translateX(5px);
    }
    
    .room-feature i {
        width: 24px;
        margin-right: 10px;
        color: #3B82F6;
    }
    
    .room-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
        margin-top: 20px;
    }
    
    .room-gallery img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 8px;
        transition: transform 0.3s ease;
        cursor: pointer;
    }
    
    .room-gallery img:hover {
        transform: scale(1.03);
    }
    
    .sticky-booking {
        position: sticky;
        top: 20px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }
    
    .clickable-card {
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .clickable-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }
    
    .testimonial-card {
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .testimonial-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }
    
    .faq-question {
        cursor: pointer;
        transition: background-color 0.3s;
    }
    
    .faq-question:hover {
        background-color: #f8fafc;
    }
    
    .blurred-rate {
        filter: blur(4px);
        transition: filter 0.3s ease;
        display: inline-block;
        background-color: #f3f4f6;
        padding: 2px 6px;
        border-radius: 4px;
    }
    
    .blurred-rate:hover {
        filter: blur(0);
    }
    
    /* Header clickable styles */
    .clickable-header {
        cursor: pointer;
        transition: color 0.3s ease;
    }
    
    .clickable-header:hover {
        color: #2563EB;
    }
    
    /* WhatsApp button now green */
    .whatsapp-button {
        background-color: #25D366;
        color: white;
    }
    
    .whatsapp-button:hover {
        background-color: #128C7E;
    }
    
    /* Call button now blue */
    .call-button {
        background-color: #3B82F6;
        color: white;
    }
    
    .call-button:hover {
        background-color: #2563EB;
    }
/* Premium badge */
    .premium-badge {
        background: linear-gradient(45deg, #FFD700, #FFA500);
        color: #000;
        padding: 4px 12px;
        border-radius: 20px;
        font-weight: bold;
        font-size: 0.8rem;
        display: inline-block;
        margin-left: 10px;
    }

/* ---------- FAQ accordion (was in include/faq-section.php) ---------- */
/* Hide the default disclosure triangle so the chevron icon is the only marker */
    #faq details > summary::-webkit-details-marker { display: none; }
    #faq details > summary::marker { content: ""; }

/* ---------- about page (was in about.php) ---------- */
.fact-row:nth-child(odd) { background-color: #F9FAFB; }

/* ---------------------------------------------------------------------
   NOTE: the contact bar and the mobile header call button used to live
   here. Their CSS is now inlined directly in include/footer.php and
   include/header.php, next to their markup.

   Reason: those buttons are how this business receives enquiries. If this
   stylesheet is ever missing, stale, or served from an old browser cache,
   the buttons must still render. Inlining removes that dependency.

   Do not re-add them here — you would end up maintaining two copies.
   --------------------------------------------------------------------- */