/*
Theme Name: Galaxy Final V6 - Mobile Dropdown Fixed
Theme URI: https://galaxycoachingclasses.in
Author: Galaxy Coaching Classes - Chetan Patel
Description: Mobile dropdown fixed - tap to open, accordion for classes and chapters. Desktop hover, mobile click. Logo fixed. Attractive homepage same as preview. V6 Final Mobile Fixed.
Version: 6.0.0
*/
* {margin:0; padding:0; box-sizing:border-box}
body {font-family:'Poppins',system-ui,sans-serif; background:#fff; color:#111; line-height:1.6}
a {text-decoration:none}
.container {max-width:1200px; margin:0 auto; padding:0 20px}
.site-header {background:#fff; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:1000; box-shadow:0 2px 20px rgba(0,0,0,0.06)}
.header-inner {display:flex; justify-content:space-between; align-items:center; height:72px}
.logo {display:flex; align-items:center; gap:12px}
.logo-img {width:56px; height:56px; border-radius:50%; object-fit:cover; border:3px solid #ffcc00; box-shadow:0 4px 12px rgba(0,0,0,0.15); background:#fff}
.logo-text h1 {font-size:14px; color:#1e4a8a; font-weight:800; line-height:1.1}
.logo-text p {font-size:9px; color:#6b7280; font-weight:600}
.main-nav {display:flex; gap:0; align-items:center; height:100%}
.nav-item {position:relative; height:100%; display:flex; align-items:center}
.nav-item > a {padding:0 18px; font-size:13px; font-weight:600; color:#374151; height:100%; display:flex; align-items:center; gap:6px; cursor:pointer; user-select:none}
.nav-item:hover > a {color:#1e4a8a; background:#f8fafc}
.dropdown {position:absolute; top:100%; left:0; background:#fff; min-width:240px; border:1px solid #e5e7eb; border-radius:0 0 14px 14px; box-shadow:0 20px 50px rgba(0,0,0,0.15); display:none; z-index:1000; overflow:hidden}
.nav-item:hover .dropdown, .nav-item.active .dropdown {display:block}
.dropdown a {display:flex; justify-content:space-between; align-items:center; padding:12px 16px; font-size:13px; font-weight:500; color:#374151; border-bottom:1px solid #f3f4f6; cursor:pointer}
.dropdown a:hover {background:#eff6ff; color:#1e4a8a}
.has-sub::after {content:'›'; font-size:18px; color:#9ca3af; margin-left:8px}
.sub-dropdown {position:absolute; left:100%; top:0; background:#fff; min-width:260px; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.15); display:none; max-height:420px; overflow-y:auto}
.dropdown-item:hover .sub-dropdown, .dropdown-item.active .sub-dropdown {display:block}
.badge-live {background:#dcfce7; color:#16a34a; font-size:9px; padding:3px 8px; border-radius:999px; font-weight:700}
.badge-soon {background:#f3f4f6; color:#9ca3af; font-size:9px; padding:3px 8px; border-radius:999px}
.live-dot {width:6px; height:6px; background:#22c55e; border-radius:50%; display:inline-block; margin-right:6px}
.btn-mcq {background:#1e4a8a; color:#fff !important; padding:11px 22px; border-radius:999px; font-weight:700; font-size:13px; margin-left:14px; box-shadow:0 4px 14px rgba(30,74,138,0.3)}
.mobile-toggle {display:none; font-size:28px; cursor:pointer; padding:8px; color:#1e4a8a; user-select:none; width:44px; height:44px; align-items:center; justify-content:center; border-radius:8px}
.mobile-toggle:hover {background:#f3f4f6}
.mobile-menu {display:none; position:fixed; top:72px; left:0; right:0; bottom:0; background:#fff; z-index:9999; overflow-y:auto; padding:0; box-shadow:0 20px 40px rgba(0,0,0,0.15)}
.mobile-menu.active {display:block}
.mobile-menu-item {border-bottom:1px solid #f3f4f6}
.mobile-menu-item > a {display:flex; justify-content:space-between; align-items:center; padding:16px 20px; font-weight:700; font-size:14px; color:#111; cursor:pointer}
.mobile-menu-item > a .arrow {transition:0.2s; font-size:12px}
.mobile-menu-item.active > a .arrow {transform:rotate(90deg)}
.mobile-sub {display:none; background:#f8fafc; padding:0}
.mobile-sub.active {display:block}
.mobile-sub a {display:flex; justify-content:space-between; align-items:center; padding:12px 20px 12px 40px; font-size:13px; font-weight:500; color:#374151; border-bottom:1px solid #e5e7eb; background:#fff}
.mobile-sub a:hover {background:#eff6ff}
.mobile-sub-2 {display:none; background:#fff; padding:0; border-left:3px solid #1e4a8a; margin-left:40px}
.mobile-sub-2.active {display:block}
.mobile-sub-2 a {padding-left:20px; font-size:12px}
@media(max-width:900px) {.main-nav {display:none} .mobile-toggle {display:flex}}