/**
 * Final overrides - BRIGHT, readable study UI + compact flexible course nav.
 */

.ama-theme-toggle {
 display: none !important;
}

.ama-topbar-history {
 display: none !important;
}

#mobile-bottom-nav {
 display: none !important;
}

body.view-hub .quick-nav-controls,
body.view-hub .ama-quick-nav {
 display: none !important;
}

body:not(.view-hub) .quick-nav-controls,
body:not(.view-hub) .ama-quick-nav {
 display: flex !important;
 flex-direction: row !important;
 left: max(10px, env(safe-area-inset-left, 0px)) !important;
 right: auto !important;
 bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
 gap: 6px !important;
}

/* ---------- Bright shell (always clear, not dark navy) ---------- */
html[data-ama-theme="day"],
html[data-ama-theme="night"] {
 color-scheme: light;
}

body {
 background: #f2f6fc !important;
 color: #0f2044 !important;
}

.bg-mesh {
 opacity: 0.4 !important;
}

.site-header,
.topbar,
.topbar--pro {
 background: #ffffff !important;
 color: #0b1f4d !important;
 border-bottom: 1px solid #c5d4e8 !important;
 box-shadow: 0 1px 8px rgba(11, 31, 77, 0.06) !important;
}

.brand-program,
.brand-teacher {
 color: #0b1f4d !important;
}

.ama-util-btn {
 background: #f0f4fb !important;
 color: #0b1f4d !important;
 border: 1px solid #c5d4e8 !important;
}

.ama-menus-toggle[aria-pressed="false"] {
 background: #fff7e0 !important;
 color: #5a4a1a !important;
 border-color: #e8c04a !important;
}

#app-main {
 background: transparent !important;
}

body.view-hub .wrap,
.wrap {
 background: #f8fafc !important;
 color: #1a2d4a !important;
}

/* ---------- Compact flexible course nav (not big tiles) ---------- */
.top-main-nav-wrap {
 background: linear-gradient(180deg, #06102a 0%, #0a1638 100%) !important;
 border-bottom: 1px solid rgba(247, 215, 122, 0.2) !important;
 padding: 4px 8px 5px !important;
}

body.view-hub .top-main-nav-wrap {
 background: linear-gradient(180deg, #0b1733 0%, #132a52 100%) !important;
 border-bottom: 2px solid rgba(214, 179, 106, 0.45) !important;
 padding-bottom: 5px !important;
}

.ama-course-nav {
 display: flex !important;
 flex-wrap: nowrap !important;
 align-items: center !important;
 justify-content: flex-start !important;
 gap: 6px !important;
 max-width: 100% !important;
 margin: 0 !important;
 overflow-x: auto !important;
 -webkit-overflow-scrolling: touch;
 scrollbar-width: none;
}

.ama-course-nav::-webkit-scrollbar {
 display: none;
}

.ama-course-nav .ama-nav-pill {
 flex: 0 0 auto !important;
 min-width: 0 !important;
 max-width: none !important;
 min-height: 0 !important;
 width: auto !important;
 padding: 5px 11px !important;
 gap: 5px !important;
 flex-direction: row !important;
 border-radius: 999px !important;
 border: 1px solid rgba(247, 215, 122, 0.45) !important;
 background: linear-gradient(165deg, rgba(0, 35, 102, 0.95), rgba(13, 31, 74, 0.98)) !important;
 color: #f7f0d4 !important;
 font-size: 0.68rem !important;
 font-weight: 700 !important;
 letter-spacing: 0.02em !important;
 text-transform: none !important;
 box-shadow: 0 1px 2px rgba(11, 31, 77, 0.06) !important;
}

.ama-course-nav .ama-nav-pill i {
 font-size: 0.78rem !important;
 color: #f7d77a !important;
 filter: none !important;
}

.ama-course-nav .ama-nav-pill span {
 font-family: var(--display, "Playfair Display", Georgia, serif) !important;
 font-size: 0.68rem !important;
 font-weight: 700 !important;
 white-space: nowrap;
}

.ama-course-nav .ama-nav-pill:hover {
 transform: translateY(-1px) !important;
 border-color: rgba(247, 215, 122, 0.75) !important;
}

.ama-course-nav .ama-nav-pill.active {
 background: linear-gradient(145deg, #f7d77a 0%, #e8c04a 45%, #c9952a 100%) !important;
 color: #241800 !important;
 border-color: rgba(255, 255, 255, 0.35) !important;
 box-shadow: 0 0 0 1px rgba(247, 215, 122, 0.35) !important;
}

.ama-course-nav .ama-nav-pill.active i {
 color: #3d2800 !important;
}

.ama-course-nav .ama-nav-course--ielts {
 border-color: rgba(196, 30, 58, 0.55) !important;
}

.ama-course-nav .ama-nav-pill--hw .nav-hw-dot {
 top: 2px;
 right: 4px;
 width: 7px;
 height: 7px;
 border-color: #fff;
}

@media (max-width: 959px) {
 :root {
 --ama-mobile-header: calc(42px + env(safe-area-inset-top, 0px)) !important;
 --ama-mobile-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
 }

 .ama-topbar__inner {
 padding: 4px 8px 3px !important;
 }

 .topbar--pro .brand-logo {
 height: 30px !important;
 max-width: 80px !important;
 }

 .brand-teacher {
 display: none !important;
 }

 .ama-topbar-actions .ama-util-btn {
 min-height: 34px !important;
 min-width: 34px !important;
 padding: 0 7px !important;
 font-size: 0.58rem !important;
 }

 .ama-topbar-signin {
 min-height: 34px !important;
 padding: 0 10px !important;
 font-size: 0.62rem !important;
 }
}

/* ---------- IELTS study - light panels, dark text ---------- */
.view--ielts {
 background: transparent !important;
 color: #1a2d4a !important;
}

.view--ielts .ielts-hero {
 display: none !important;
}

.view--ielts .ielts-tabs {
 background: transparent !important;
 padding: 4px 0 6px !important;
}

.view--ielts .ielts-tab {
 min-height: 28px !important;
 padding: 4px 10px !important;
 font-size: 0.72rem !important;
 background: #fff !important;
 color: #33445f !important;
 border: 1px solid #c5d4e8 !important;
}

.view--ielts .ielts-tab.is-active {
 background: #002366 !important;
 color: #fff !important;
 border-color: #002366 !important;
}

.view--ielts .ielts-section,
.view--ielts .ielts-tile,
.view--ielts .ielts-cue-tile,
.view--ielts .ielts-q,
.view--ielts .ielts-tabgroup,
.view--ielts .ielts-filter__btn:not(.is-active),
.view--ielts .ielts-lens:not(.is-active),
.view--ielts .ielts-btn--ghost {
 background: #ffffff !important;
 border-color: #c5d4e8 !important;
 color: #1a2d4a !important;
 box-shadow: 0 1px 4px rgba(11, 31, 77, 0.05) !important;
}

.view--ielts .ielts-filter__btn.is-active,
.view--ielts .ielts-lens.is-active {
 background: #eef3ff !important;
 color: #0b1f4d !important;
 border-color: #1f4fa8 !important;
}

.view--ielts h2,
.view--ielts h3,
.view--ielts h4,
.view--ielts .ielts-tile strong {
 color: #0b1f4d !important;
}

.view--ielts .ielts-placement-cta h3,
.view--ielts .ielts-placement-cta p,
.view--ielts .ielts-placement-cta__eyebrow,
.view--ielts .ielts-home__welcome h3,
.view--ielts .ielts-home__welcome p,
.view--ielts .ielts-home__greet {
 color: #ffffff !important;
}

.view--ielts .ielts-home__greet {
 color: #f4d78a !important;
}

.view--ielts .ielts-placement-cta__eyebrow {
 color: #ffe8a8 !important;
}

.view--ielts .ielts-muted,
.view--ielts .ielts-tile small {
 color: #5a6b82 !important;
}

.view--ielts .ielts-wrap,
.view--ielts .ielts-body {
 background: transparent !important;
 color: #1a2d4a !important;
}

.view--ielts .sbook-root,
.view--ielts .sbook-topic-card,
.view--ielts .sbook-topic-panel,
.view--ielts .sbook-drill,
.view--ielts .ex,
.view--ielts .ex-step,
.view--ielts .ex-get {
 background: #ffffff !important;
 color: #1a2d4a !important;
 border-color: #c5d4e8 !important;
}

.view--ielts .sbook-textarea,
.view--ielts textarea,
.view--ielts input[type="text"] {
 background: #ffffff !important;
 color: #0f2044 !important;
 border: 1px solid #b8c8e0 !important;
}

/* Grammar - light cards, dark type */
.view--ielts .gr-card,
.view--ielts .gr-rescue,
.view--ielts .gr-examples li,
.view--ielts .gr-build,
.view--ielts .gr-fix,
.view--ielts .gr-why,
.view--ielts .gr-step:not(.is-active) {
 background: #ffffff !important;
 border-color: #c5d4e8 !important;
 color: #1a2d4a !important;
}

.view--ielts .gr-card strong,
.view--ielts .gr-head h3,
.view--ielts .gr-sub,
.view--ielts .gr-lead,
.view--ielts .gr-examples p,
.view--ielts .gr-build__task {
 color: #0b1f4d !important;
}

.view--ielts .gr-sub small,
.view--ielts .gr-card small {
 color: #5a6b82 !important;
}

.view--ielts .gr mark,
.view--ielts .gr-found__text mark {
 background: rgba(245, 200, 66, 0.55) !important;
 color: #1a1200 !important;
}

.view--ielts .gr-build__line,
.view--ielts .gr-tile {
 background: #f6f8fc !important;
 color: #0f2044 !important;
}

/* Exam report - never inherit pale IELTS heading colors */
.view--ielts .rp,
.view--ielts .rp p,
.view--ielts .rp li,
.view--ielts .rp h2,
.view--ielts .rp h3,
.view--ielts .rp h4 {
 color: #0b1f4d !important;
}

.view--ielts .rp-heard h4,
.view--ielts .rp-improve h4,
.view--ielts .rp-two h4 {
 color: #33445f !important;
 font-weight: 800 !important;
 letter-spacing: 0.06em !important;
}

.view--ielts .rp-heard p,
.view--ielts .rp-improve li {
 color: #1a2d4a !important;
}

.view--ielts .rp-title h2 {
 color: #fff !important;
}

body.ama-pre-surface #app-main {
 background: transparent !important;
}