/* Zabanisa Dark Mode — Deep Polish Phase 5
   Scope: residual high-traffic components discovered after real-device review.
   Visual only: inline dictionary actions/context, practice footer controls,
   reels/instructor course sections and catalog micro-controls. */

html[data-zabanisa-theme="dark"] {
    --dm5-surface:#111b2e;
    --dm5-surface-2:#152238;
    --dm5-surface-3:#1a2940;
    --dm5-border:#2b3d55;
    --dm5-border-strong:#3b506b;
    --dm5-text:#f1f6fd;
    --dm5-text-2:#cbd8e8;
    --dm5-muted:#9cadc2;
    --dm5-teal:#55ddc8;
    --dm5-teal-soft:#123b38;
    --dm5-gold:#f3c87c;
}

/* -------------------------------------------------------------------------- */
/* Floating dictionary sheet — actions and lesson-context results             */
/* -------------------------------------------------------------------------- */
html[data-zabanisa-theme="dark"] .dict-sheet-actions .btn-primary {
    background:linear-gradient(135deg,#1bbda7,#0e8f7a)!important;
    border-color:#2bc9b3!important;
    color:#fff!important;
    box-shadow:0 9px 20px rgba(15,143,116,.20)!important;
}
html[data-zabanisa-theme="dark"] .dict-sheet-actions .btn-primary:hover,
html[data-zabanisa-theme="dark"] .dict-sheet-actions .btn-primary:focus-visible {
    background:linear-gradient(135deg,#20cbb4,#109b85)!important;
    color:#fff!important;
}
html[data-zabanisa-theme="dark"] .dict-sheet-actions .btn-secondary,
html[data-zabanisa-theme="dark"] .dict-sheet-actions .dictionary-context-btn,
html[data-zabanisa-theme="dark"] .dict-sheet-inline-actions .btn {
    background:#18283e!important;
    border-color:#3a526e!important;
    color:#d9e6f6!important;
    box-shadow:none!important;
}
html[data-zabanisa-theme="dark"] .dict-sheet-actions .btn-secondary:hover,
html[data-zabanisa-theme="dark"] .dict-sheet-actions .dictionary-context-btn:hover,
html[data-zabanisa-theme="dark"] .dict-sheet-inline-actions .btn:hover {
    background:#20334d!important;
    border-color:#4a6888!important;
    color:#fff!important;
}
html[data-zabanisa-theme="dark"] .dictionary-context-results {
    background:#0f1b2d!important;
    border-color:#2d4059!important;
    box-shadow:none!important;
}
html[data-zabanisa-theme="dark"] .dictionary-context-title { color:#7fe4d3!important; }
html[data-zabanisa-theme="dark"] .dictionary-context-card {
    background:#17263b!important;
    border-color:#33465f!important;
}
html[data-zabanisa-theme="dark"] .dictionary-context-card .en-text { color:#edf4ff!important; }
html[data-zabanisa-theme="dark"] .dictionary-context-card .fa-text { color:#aebed1!important; }
html[data-zabanisa-theme="dark"] .dictionary-context-status {
    background:#152238!important;
    border-color:#3a4e67!important;
    color:#aebed1!important;
}
html[data-zabanisa-theme="dark"] .dictionary-auth-prompt .btn {
    background:#20324b!important;
    border-color:#405976!important;
    color:#e5eef9!important;
}

/* -------------------------------------------------------------------------- */
/* Practice sticky footer — all four controls must be visually distinct       */
/* -------------------------------------------------------------------------- */
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-nav-btn {
    background:#1b2c43!important;
    border-color:#405a78!important;
    color:#e0ebf8!important;
    box-shadow:none!important;
}
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-nav-btn:hover:not([disabled]),
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-nav-btn:focus-visible:not([disabled]) {
    background:#233852!important;
    border-color:#557493!important;
    color:#fff!important;
}
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-finish-btn {
    background:#3a2d1d!important;
    border-color:#6b522e!important;
    color:#f3c980!important;
    box-shadow:none!important;
}
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-finish-btn:hover:not([disabled]),
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-finish-btn:focus-visible:not([disabled]) {
    background:#473720!important;
    border-color:#80633a!important;
    color:#ffe0a4!important;
}
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-submit-btn {
    background:linear-gradient(180deg,#20c7b2,#0d9186)!important;
    border-color:#2bcbb7!important;
    color:#fff!important;
    box-shadow:0 9px 18px rgba(13,145,134,.22)!important;
}
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-submit-btn:hover:not([disabled]),
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-submit-btn:focus-visible:not([disabled]) {
    background:linear-gradient(180deg,#29d3bd,#10a094)!important;
    color:#fff!important;
}
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-nav-btn[disabled],
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-finish-btn:disabled,
html[data-zabanisa-theme="dark"] .practice-footer-grid .practice-submit-btn:disabled {
    opacity:1!important;
    background:#131f31!important;
    border-color:#2a3a4f!important;
    color:#72849a!important;
    box-shadow:none!important;
}

/* -------------------------------------------------------------------------- */
/* Reels-style instructor course detail — topic/category sections             */
/* -------------------------------------------------------------------------- */
html[data-zabanisa-theme="dark"] .reels-course-sections { color:var(--dm5-text); }
html[data-zabanisa-theme="dark"] .reels-sections-title { color:var(--dm5-text)!important; }
html[data-zabanisa-theme="dark"] .reels-sections-subtitle { color:var(--dm5-muted)!important; }
html[data-zabanisa-theme="dark"] .reels-sections-total {
    background:#123b38!important;
    border-color:#2e625a!important;
    color:#87eadb!important;
}
html[data-zabanisa-theme="dark"] .reels-section {
    --section-accent:75,214,190;
    background:linear-gradient(145deg,rgba(var(--section-accent),.12),#132036 44%,#101b2d 100%)!important;
    border-color:rgba(var(--section-accent),.28)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-zabanisa-theme="dark"] .reels-section:nth-child(3n+2) { --section-accent:112,157,230; }
html[data-zabanisa-theme="dark"] .reels-section:nth-child(3n) { --section-accent:177,133,214; }
html[data-zabanisa-theme="dark"] .reels-section[open] {
    border-color:rgba(var(--section-accent),.46)!important;
    box-shadow:0 15px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-zabanisa-theme="dark"] .reels-section-index {
    background:rgba(var(--section-accent),.12)!important;
    border-color:rgba(var(--section-accent),.30)!important;
    color:rgb(var(--section-accent))!important;
    box-shadow:none!important;
}
html[data-zabanisa-theme="dark"] .reels-section[open] .reels-section-index {
    background:linear-gradient(145deg,rgba(var(--section-accent),.98),rgba(var(--section-accent),.68))!important;
    border-color:rgba(var(--section-accent),.55)!important;
    color:#07131f!important;
    box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
}
html[data-zabanisa-theme="dark"] .reels-section-name { color:#f1f6fd!important; }
html[data-zabanisa-theme="dark"] .reels-section-meta { color:#a8b8cc!important; }
html[data-zabanisa-theme="dark"] .reels-section-progress-text { color:#71ddb9!important; }
html[data-zabanisa-theme="dark"] .reels-section-count,
html[data-zabanisa-theme="dark"] .reels-section-chevron {
    background:#17263b!important;
    border-color:rgba(var(--section-accent),.32)!important;
    color:rgb(var(--section-accent))!important;
}
html[data-zabanisa-theme="dark"] .reels-section[open] .reels-section-chevron {
    background:rgba(var(--section-accent),.16)!important;
}
html[data-zabanisa-theme="dark"] .reels-section-progress { background:#26384d!important; }
html[data-zabanisa-theme="dark"] .reels-section-body {
    background:linear-gradient(180deg,#0f1a2b 0%,#0d1829 100%)!important;
    border-top-color:rgba(var(--section-accent),.22)!important;
}

/* -------------------------------------------------------------------------- */
/* Instructor marketplace cards — residual bright cards/chips                 */
/* -------------------------------------------------------------------------- */
html[data-zabanisa-theme="dark"] .catalog-instructor-marketplace {
    background:linear-gradient(145deg,#111f30 0%,#0f1b2d 62%,#101d30 100%)!important;
    border-color:#2b4d4b!important;
    box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
html[data-zabanisa-theme="dark"] .instructor-market-all {
    background:#17263b!important;
    border-color:#31514f!important;
    color:#7de6d7!important;
}
html[data-zabanisa-theme="dark"] .instructor-course-card {
    background:#111b2e!important;
    border-color:#2b3d55!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
}
html[data-zabanisa-theme="dark"] .instructor-course-title { color:#edf4ff!important; }
html[data-zabanisa-theme="dark"] .instructor-course-info-chip {
    background:#17263b!important;
    border-color:#31455f!important;
    color:#aebed1!important;
}
html[data-zabanisa-theme="dark"] .instructor-course-info-chip b { color:#d9e6f6!important; }
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-free,
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-access {
    background:#12382f!important;
    border-color:#2e6258!important;
}
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-free b,
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-access b { color:#7fe4d3!important; }
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-one-time {
    background:#3a2d1d!important;
    border-color:#654c2b!important;
}
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-one-time b { color:#f2c77c!important; }
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-subscription {
    background:#172b48!important;
    border-color:#304b70!important;
}
html[data-zabanisa-theme="dark"] .instructor-course-info-chip.is-subscription b { color:#a9caff!important; }
html[data-zabanisa-theme="dark"] .instructor-course-price { color:#6fe0ce!important; }
/* Course/instructor covers are real media designed for light backgrounds. Keep the media island neutral. */
html[data-zabanisa-theme="dark"] .instructor-course-cover,
html[data-zabanisa-theme="dark"] .instructor-course-cover img { background:#eef4f3!important; }

/* -------------------------------------------------------------------------- */
/* Catalog micro-controls that could remain bright                             */
/* -------------------------------------------------------------------------- */
html[data-zabanisa-theme="dark"] .catalog-view-all-icon,
html[data-zabanisa-theme="dark"] .catalog-view-all-pill {
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.15)!important;
    color:#fff!important;
}
