/* ==========================================================================
   VASTU - Global stylesheet for shared UI components
   ========================================================================== */

:root {
    --deep-blue: #00668a;
    --sky-blue: #78bfd8;
    --white: #FFFFFF;
    --light-gray: #d2e1e6;
    --glass: rgba(255, 255, 255, 0.8);
}

/* --- Dropdown Menu --- */
.dropdown { position: relative; display: inline-block; }
.dropdown-menu {
    position: absolute; top: 150%; left: 50%; transform: translateX(-50%);
    background: var(--white); min-width: 220px; border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); padding: 15px 0;
    opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000;
}
.dropdown:hover .dropdown-menu { top: 120%; opacity: 1; visibility: visible; }
.dropdown-menu a {
    display: block !important; margin: 0 !important; padding: 12px 30px !important;
    font-family: 'Orbitron', sans-serif !important; /* Unified Orbitron font style as requested */
    color: #333 !important; font-weight: 600 !important; font-size: 0.8rem !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: 0.3s;
}
.dropdown-menu a:hover { color: var(--deep-blue) !important; background: var(--light-gray); padding-left: 35px !important; }

/* --- Dynamic Image Parallax & Shift Effects --- */
html {
    scroll-behavior: smooth;
}

.parallax-image-wrapper {
    overflow: hidden !important;
    position: relative !important;
}

.parallax-image-content {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform-origin: center !important;
    display: block !important;
}

/* --- WhatsApp Floating Button --- */
.whatsapp-float {
    position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px;
    background-color: #25D366; border-radius: 50px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    z-index: 1000; display: flex; justify-content: center; align-items: center;
    transition: transform 0.3s ease;
}
.whatsapp-float:hover { transform: scale(1.1); }
.whatsapp-float svg { width: 35px; height: 35px; }