/* * Plugin: Wings Mega Pro 
 * Project: Phuket Island Rehab 
 * Note: Static CSS - No Tailwind Build Required
 */

/* 1. RESET & BASICS */
.wings-navigation-outer * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 2. VISIBILITY LOGIC (Desktop vs Mobile) */
.tw\:\!hidden { display: none !important; }

/* Desktop View (Screens > 1280px) */
@media (min-width: 1280px) {
    .tw\:xl\:\!flex { display: flex !important; }
    .tw\:xl\:\!hidden { display: none !important; }
    
    /* Desktop Dropdown Visibility */
    .tw\:group:hover .tw\:xl\:\!block,
    .tw\:group:hover .tw\:xl\:\!absolute {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) scale(1) !important;
    }
}

/* Mobile View (Screens < 1280px) */
@media (max-width: 1279px) {
    .tw\:xl\:\!flex { display: none !important; }
    .tw\:xl\:\!hidden { display: flex !important; }
}

/* 3. DESKTOP NAVIGATION STYLES */
.tw\:\!items-center { align-items: center !important; }
.tw\:\!space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem !important; }
.tw\:\!text-\[11px\] { font-size: 11px !important; }
.tw\:\!font-extrabold { font-weight: 800 !important; }
.tw\:\!text-slate-400 { color: #94a3b8 !important; }
.tw\:\!uppercase { text-transform: uppercase !important; }
.tw\:\!tracking-\[0\.2em\] { letter-spacing: 0.2em !important; }

/* 4. DROPDOWN & MEGA MENU STRUCTURE */
.tw\:\!absolute { position: absolute !important; }
.tw\:\!relative { position: relative !important; }
.tw\:\!top-full { top: 100% !important; }
.tw\:\!left-0 { left: 0 !important; }
.tw\:\!left-1\/2 { left: 50% !important; }
.tw\:\!-translate-x-1\/2 { transform: translateX(-50%) !important; }

/* Dropdown Container */
.tw\:xl\:\!w-\[320px\] { width: 320px !important; }
.tw\:xl\:\!w-\[1000px\] { width: 1000px !important; }
.tw\:\!bg-white { background-color: #ffffff !important; }
.tw\:\!rounded-b-\[2\.5rem\] { border-bottom-right-radius: 2.5rem !important; border-bottom-left-radius: 2.5rem !important; }
.tw\:\!shadow-\[0_40px_80px_-20px_rgba\(0\,0\,0\,0\.15\)\] { box-shadow: 0 40px 80px -20px rgba(0,0,0,0.15) !important; }
.tw\:\!border-x { border-left-width: 1px !important; border-right-width: 1px !important; }
.tw\:\!border-b { border-bottom-width: 1px !important; }
.tw\:\!border-slate-50 { border-color: #f8fafc !important; }

/* Animations */
.tw\:\!transition-all { transition: all 0.3s ease !important; }
.tw\:\!origin-top { transform-origin: top !important; }
.tw\:\!opacity-0 { opacity: 0 !important; visibility: hidden !important; }
.tw\:\!-translate-y-4 { transform: translateY(-1rem) scale(0.95) !important; }

/* 5. MEGA MENU GRID */
.tw\:xl\:\!grid-cols-4 { 
    display: grid !important; 
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; 
}
.tw\:\!gap-8 { gap: 2rem !important; }
.tw\:\!p-12 { padding: 3rem !important; }

/* 6. MOBILE DRAWER STYLES */
.tw\:\!fixed { position: fixed !important; }
.tw\:\!inset-0 { top: 0; right: 0; bottom: 0; left: 0 !important; }
.tw\:\!z-\[9999\] { z-index: 9999 !important; }
.tw\:\!translate-x-full { transform: translateX(100%) !important; }
.wings-drawer-open { transform: translateX(0) !important; }

/* 7. COLORS & THEME (PHUKET GREEN) */
.tw\:\!text-\[\#00e29f\] { color: #00e29f !important; }
.tw\:text-\[\#00e29f\]\/40 { color: rgba(0, 226, 159, 0.4) !important; }
.tw\:\!bg-slate-50 { background-color: #f8fafc !important; }
.tw\:hover\:text-\[\#00e29f\]:hover { color: #00e29f !important; }
.tw\:hover\:text-slate-900:hover { color: #0f172a !important; }

/* Accordion Logic for Mobile */
.tw\:\!hidden.active { display: block !important; }