/* ============================================================
   DESERT ADVENTURE THEME — data-app-theme="desert"
   Modern cinematic desert: warm sandstone, terracotta, burnt sienna, amber horizon
   ============================================================ */

[data-app-theme="desert"] {
    /* Brand Design Tokens */
    --Primary: #C2410C;           /* Burnt sienna */
    --Primary_rgba: 194, 65, 12;
    --Primary_Dark: #7C2D12;
    --Primary_Dark_rgba: 124, 45, 18;
    --Secondary: #D97706;         /* Amber gold */
    --Secondary_rgba: 217, 119, 6;
    --Tertiary: #84CC16;          /* Desert sage */
    --Tertiary_rgba: 132, 204, 22;
    --Quaternary: #FEF3C7;        /* Pale golden sand */
    --Quaternary_rgba: 254, 243, 199;

    /* Theme Specific Tokens */
    --theme-glow: 0 4px 24px rgba(194, 65, 12, 0.18);
    --theme-border: 1px solid rgba(194, 65, 12, 0.22);
    --theme-card-bg: rgba(255, 247, 235, 0.88);
    --theme-text-primary: #3b1a0a;
    --theme-text-secondary: #78350f;
}

/* Light / Base Mode for Desert Adventure (Golden Sandstone Horizon) */
[data-app-theme="desert"] body {
    background:
        radial-gradient(ellipse at top right, rgba(217, 119, 6, 0.15) 0%, transparent 60%),
        radial-gradient(ellipse at bottom left, rgba(194, 65, 12, 0.12) 0%, transparent 60%),
        linear-gradient(165deg, #FFFDF8 0%, #FEF3C7 35%, #FDE68A 70%, #FED7AA 100%) !important;
    background-attachment: fixed !important;
    color: var(--theme-text-primary) !important;
    position: relative;
}

[data-app-theme="desert"] main,
[data-app-theme="desert"] .page {
    background: transparent !important;
    color: var(--theme-text-primary) !important;
    position: relative;
    z-index: 2;
}

/* ============================================================
   DESERT THEME — ATMOSPHERIC DUNES & SAND RIPPLES SYSTEM
   ============================================================ */
/* Subtle, warm golden wind-swept sand dunes and shimmering quartz sparkles */
[data-app-theme="desert"]:not([data-theme="dark"]) body::before,
[data-app-theme="desert"] body:not([data-theme="dark"])::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120' viewBox='0 0 160 120'%3E%3Cpath d='M0 35 Q40 18 80 35 T160 35' fill='none' stroke='%23D97706' stroke-width='1.2' stroke-linecap='round' opacity='0.18'/%3E%3Cpath d='M0 45 Q40 30 80 45 T160 45' fill='none' stroke='%23C2410C' stroke-width='0.8' stroke-linecap='round' opacity='0.12'/%3E%3Cpath d='M0 90 Q40 75 80 90 T160 90' fill='none' stroke='%23D97706' stroke-width='1.0' stroke-linecap='round' opacity='0.15'/%3E%3Cpath d='M0 100 Q40 85 80 100 T160 100' fill='none' stroke='%23C2410C' stroke-width='0.7' stroke-linecap='round' opacity='0.10'/%3E%3Ccircle cx='35' cy='15' r='1.5' fill='%23D97706' opacity='0.22'/%3E%3Ccircle cx='125' cy='70' r='1.8' fill='%23C2410C' opacity='0.20'/%3E%3Ccircle cx='70' cy='110' r='1.2' fill='%23D97706' opacity='0.18'/%3E%3Ccircle cx='145' cy='22' r='1' fill='%23B45309' opacity='0.18'/%3E%3Cpath d='M78 60 L80 56 L82 60 L86 62 L82 64 L80 68 L78 64 L74 62 Z' fill='%23F59E0B' opacity='0.22'/%3E%3C/svg%3E");
    background-size: 160px 120px;
    background-repeat: repeat;
    animation: none !important;
    filter: none !important;
}

[data-app-theme="desert"] body::after {
    display: none !important;
}

[data-app-theme="desert"] .page::after {
    display: none !important;
}

/* Dark Mode + Desert Adventure (Midnight Canyon / Sahara Starlight) */
[data-app-theme="desert"][data-theme="dark"] body {
    background:
        radial-gradient(ellipse at top right, rgba(194, 65, 12, 0.20) 0%, transparent 65%),
        radial-gradient(ellipse at bottom left, rgba(217, 119, 6, 0.15) 0%, transparent 65%),
        linear-gradient(165deg, #180902 0%, #291106 45%, #150701 100%) !important;
    background-attachment: fixed !important;
    color: #fde8c8 !important;
    position: relative;
}

[data-app-theme="desert"][data-theme="dark"] main,
[data-app-theme="desert"][data-theme="dark"] .page {
    background: transparent !important;
    color: #fde8c8 !important;
    position: relative;
    z-index: 2;
}

/* Dark Mode Midnight Sahara Dunes Effect */
[data-app-theme="desert"][data-theme="dark"] body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120' viewBox='0 0 160 120'%3E%3Cpath d='M0 35 Q40 18 80 35 T160 35' fill='none' stroke='%23F59E0B' stroke-width='1.2' stroke-linecap='round' opacity='0.22'/%3E%3Cpath d='M0 45 Q40 30 80 45 T160 45' fill='none' stroke='%23D97706' stroke-width='0.8' stroke-linecap='round' opacity='0.15'/%3E%3Cpath d='M0 90 Q40 75 80 90 T160 90' fill='none' stroke='%23F59E0B' stroke-width='1.0' stroke-linecap='round' opacity='0.18'/%3E%3Cpath d='M0 100 Q40 85 80 100 T160 100' fill='none' stroke='%23D97706' stroke-width='0.7' stroke-linecap='round' opacity='0.12'/%3E%3Ccircle cx='35' cy='15' r='1.5' fill='%23FEF3C7' opacity='0.35'/%3E%3Ccircle cx='125' cy='70' r='1.8' fill='%23F59E0B' opacity='0.30'/%3E%3Ccircle cx='70' cy='110' r='1.2' fill='%23FDE68A' opacity='0.25'/%3E%3Ccircle cx='145' cy='22' r='1' fill='%23FEF3C7' opacity='0.30'/%3E%3Cpath d='M78 60 L80 56 L82 60 L86 62 L82 64 L80 68 L78 64 L74 62 Z' fill='%23FCD34D' opacity='0.35'/%3E%3C/svg%3E");
    background-size: 160px 120px;
    background-repeat: repeat;
    animation: none !important;
    filter: none !important;
}

/* Top Navigation Bar */
[data-app-theme="desert"] .top-row {
    background: rgba(255, 248, 237, 0.92) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(194, 65, 12, 0.22) !important;
    box-shadow: 0 4px 18px rgba(194, 65, 12, 0.08) !important;
}

[data-app-theme="desert"][data-theme="dark"] .top-row {
    background: rgba(35, 14, 5, 0.94) !important;
    border-bottom: 1px solid rgba(194, 65, 12, 0.35) !important;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.45) !important;
}

/* Sidebar Drawer */
[data-app-theme="desert"] .sidebar {
    background: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%) !important;
    border-left: 1px solid rgba(194, 65, 12, 0.25) !important;
}

[data-app-theme="desert"][data-theme="dark"] .sidebar {
    background: linear-gradient(180deg, #2b1206 0%, #1a0a03 100%) !important;
    border-left: 1px solid rgba(194, 65, 12, 0.35) !important;
}

/* Dark Mode Logo for Desert Theme */
[data-app-theme="desert"][data-theme="dark"] .nav-logo,
[data-app-theme="desert"][data-theme="dark"] .responsive-logo {
    content: url('/assets/images/NurzWhite.png') !important;
}

/* Cards & Surface Containers */
[data-app-theme="desert"] .mud-card:not(.course-details),
[data-app-theme="desert"] .rounded-card:not(.course-details),
[data-app-theme="desert"] .rounded-card-100:not(.course-details) {
    background: rgba(255, 248, 238, 0.90) !important;
    border: 1px solid rgba(194, 65, 12, 0.20) !important;
    box-shadow: 0 8px 24px rgba(194, 65, 12, 0.10) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: var(--theme-text-primary) !important;
}

[data-app-theme="desert"][data-theme="dark"] .mud-card:not(.course-details),
[data-app-theme="desert"][data-theme="dark"] .rounded-card:not(.course-details),
[data-app-theme="desert"][data-theme="dark"] .rounded-card-100:not(.course-details) {
    background: rgba(43, 19, 7, 0.88) !important;
    border: 1px solid rgba(194, 65, 12, 0.35) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
    color: #fde8c8 !important;
}

/* Primary Action Buttons */
[data-app-theme="desert"] .mud-button-filled-primary,
[data-app-theme="desert"] .button-primary,
[data-app-theme="desert"] .bg-primary-100 {
    background: linear-gradient(135deg, #C2410C 0%, #D97706 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(194, 65, 12, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-app-theme="desert"] .mud-button-filled-primary:hover,
[data-app-theme="desert"] .button-primary:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 24px rgba(194, 65, 12, 0.5) !important;
}

/* Active Tabs & Typography Accents */
[data-app-theme="desert"] .mud-tab.mud-tab-active,
[data-app-theme="desert"] .mud-primary-text {
    color: #C2410C !important;
}

[data-app-theme="desert"][data-theme="dark"] .mud-tab.mud-tab-active,
[data-app-theme="desert"][data-theme="dark"] .mud-primary-text {
    color: #F59E0B !important;
    text-shadow: 0 0 10px rgba(245, 158, 11, 0.35);
}

[data-app-theme="desert"] .mud-tab-slider {
    background: linear-gradient(90deg, #C2410C, #D97706) !important;
    height: 3px !important;
}

/* Course Details / Content Cards — Preserving Background Images */
[data-app-theme="desert"] .rounded-card.course-details {
    background-color: rgba(254, 243, 199, 0.82) !important;
    border: 1px solid rgba(194, 65, 12, 0.25) !important;
    color: #7C2D12 !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: auto 75% !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-app-theme="desert"]:not([data-theme="dark"]) .rounded-card.course-details:hover {
    background-color: #FEF3C7 !important;
    border-color: #C2410C !important;
    box-shadow: 0 8px 24px rgba(194, 65, 12, 0.25) !important;
    transform: translateY(-3px);
}

[data-app-theme="desert"][data-theme="dark"] .rounded-card.course-details {
    background-color: rgba(48, 20, 8, 0.85) !important;
    border: 1px solid rgba(194, 65, 12, 0.40) !important;
    color: #fde8c8 !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: auto 75% !important;
}

[data-app-theme="desert"][data-theme="dark"] .rounded-card.course-details:hover {
    background-color: rgba(70, 29, 11, 0.95) !important;
    border-color: #D97706 !important;
    box-shadow: 0 10px 30px rgba(194, 65, 12, 0.35) !important;
    transform: translateY(-3px);
}

[data-app-theme="desert"] .rounded-card.course-details.sessions {
    background-image: url('/assets/images/course-details-sessions.png') !important;
}
[data-app-theme="desert"] .rounded-card.course-details.assignments {
    background-image: url('/assets/images/course-details-assignments.png') !important;
}
[data-app-theme="desert"] .rounded-card.course-details.exams {
    background-image: url('/assets/images/course-details-exams.png') !important;
}
[data-app-theme="desert"] .rounded-card.course-details.quizzes {
    background-image: url('/assets/images/course-details-quizes.png') !important;
}
[data-app-theme="desert"] .rounded-card.course-details.live-sessions {
    background-image: url('/assets/images/course-details-live-sessions.png') !important;
}
[data-app-theme="desert"] .rounded-card.course-details.announcements {
    background-image: url('/assets/images/announcements.png') !important;
}
[data-app-theme="desert"] .rounded-card.course-details.mark-scheme {
    background-image: url('/assets/images/course-details-mark-scheme.jpg') !important;
    background-size: contain !important;
    background-position: right center !important;
}
[data-app-theme="desert"] .rounded-card.course-details.notes {
    background-image: url('/assets/images/course-details-Notes.png') !important;
    background-size: contain !important;
    background-position: right center !important;
}
[data-app-theme="desert"] .rounded-card.course-details.store {
    background-image: url('/assets/images/trophy.png') !important;
}

[data-app-theme="desert"] .rounded-card.course-details h4,
[data-app-theme="desert"] .rounded-card.course-details h5,
[data-app-theme="desert"] .rounded-card.course-details h6,
[data-app-theme="desert"] .rounded-card.course-details .mud-typography {
    color: #431407 !important;
    font-weight: 700 !important;
}

[data-app-theme="desert"][data-theme="dark"] .rounded-card.course-details h4,
[data-app-theme="desert"][data-theme="dark"] .rounded-card.course-details h5,
[data-app-theme="desert"][data-theme="dark"] .rounded-card.course-details h6,
[data-app-theme="desert"][data-theme="dark"] .rounded-card.course-details .mud-typography {
    color: #fde8c8 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* Course Header Info Pills (Level, Board, Group) */
[data-app-theme="desert"] .course-info-pill {
    background: rgba(194, 65, 12, 0.12) !important;
    border: 1px solid rgba(194, 65, 12, 0.28) !important;
}
[data-app-theme="desert"] .course-info-pill-text {
    color: #7C2D12 !important;
    font-weight: 700 !important;
}
[data-app-theme="desert"] .course-info-pill .mud-icon-root {
    color: #C2410C !important;
}

[data-app-theme="desert"][data-theme="dark"] .course-info-pill {
    background: rgba(194, 65, 12, 0.25) !important;
    border: 1px solid rgba(245, 158, 11, 0.40) !important;
}
[data-app-theme="desert"][data-theme="dark"] .course-info-pill-text {
    color: #FDE8C8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .course-info-pill .mud-icon-root {
    color: #F59E0B !important;
}

/* Sidebar & Scoring Board Contrast */
[data-app-theme="desert"][data-theme="dark"] .sidebar h4,
[data-app-theme="desert"][data-theme="dark"] .sidebar h5,
[data-app-theme="desert"][data-theme="dark"] .sidebar .mud-typography {
    color: #fde8c8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .scoring-list-name {
    color: #fde8c8 !important;
    font-weight: 600 !important;
}
[data-app-theme="desert"][data-theme="dark"] .scoring-list-order {
    color: #f59e0b !important;
}

[data-app-theme="desert"]:not([data-theme="dark"]) .sidebar h4,
[data-app-theme="desert"]:not([data-theme="dark"]) .sidebar h5,
[data-app-theme="desert"]:not([data-theme="dark"]) .sidebar .mud-typography {
    color: #431407 !important;
}
[data-app-theme="desert"]:not([data-theme="dark"]) .scoring-list-name {
    color: #431407 !important;
    font-weight: 600 !important;
}
[data-app-theme="desert"]:not([data-theme="dark"]) .scoring-list-order {
    color: #9a3412 !important;
}

/* Score Podiums */
[data-app-theme="desert"] .rounded-card.score-podium-1 {
    color: #C2410C !important;
    background: rgba(217, 119, 6, 0.20) !important;
    border: 1px solid rgba(194, 65, 12, 0.4) !important;
}
[data-app-theme="desert"] .rounded-card.score-podium-2 {
    color: #78350f !important;
    background: rgba(148, 163, 184, 0.15) !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
}
[data-app-theme="desert"] .rounded-card.score-podium-3 {
    color: #b45309 !important;
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

/* Background Opacity Utility Classes */
[data-app-theme="desert"] .bg-primary-10 { background: rgba(194, 65, 12, 0.10) !important; }
[data-app-theme="desert"] .bg-primary-25 { background: rgba(194, 65, 12, 0.25) !important; }
[data-app-theme="desert"] .bg-primary-50 { background: rgba(194, 65, 12, 0.50) !important; }

/* Dark mode text overrides */
[data-app-theme="desert"][data-theme="dark"] .text-gray-900,
[data-app-theme="desert"][data-theme="dark"] .text-gray-800,
[data-app-theme="desert"][data-theme="dark"] .text-gray-700 {
    color: #fde8c8 !important;
}

[data-app-theme="desert"][data-theme="dark"] .text-gray-600,
[data-app-theme="desert"][data-theme="dark"] .text-gray-500,
[data-app-theme="desert"][data-theme="dark"] .text-gray-400 {
    color: #fed7aa !important;
}

/* Store Specific Contrast Rules */
[data-app-theme="desert"][data-theme="dark"] .store-card {
    background: rgba(43, 19, 7, 0.92) !important;
    border: 1px solid rgba(194, 65, 12, 0.40) !important;
    color: #fde8c8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-card-title {
    color: #ffffff !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-card-desc {
    color: #fde8c8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-card-image-box {
    background: radial-gradient(circle at 50% 45%, rgba(194, 65, 12, 0.25) 0%, rgba(30, 12, 4, 0.9) 100%) !important;
    border-bottom: 1px solid rgba(194, 65, 12, 0.25) !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-hero-header {
    background: rgba(43, 19, 7, 0.9) !important;
    border-color: rgba(194, 65, 12, 0.35) !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-hero-title {
    color: #ffffff !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-hero-subtitle {
    color: #fde8c8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-wallet-card {
    background: rgba(194, 65, 12, 0.25) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
}
[data-app-theme="desert"][data-theme="dark"] .store-modal {
    background: #230f04 !important;
    border-color: rgba(194, 65, 12, 0.4) !important;
    color: #fde8c8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .modal-header,
[data-app-theme="desert"][data-theme="dark"] .modal-item-summary {
    background: rgba(43, 19, 7, 0.9) !important;
    border-color: rgba(194, 65, 12, 0.3) !important;
}
[data-app-theme="desert"][data-theme="dark"] .modal-title,
[data-app-theme="desert"][data-theme="dark"] .modal-item-title {
    color: #ffffff !important;
}
[data-app-theme="desert"][data-theme="dark"] .modal-item-desc {
    color: #fde8c8 !important;
}
[data-app-theme="desert"][data-theme="dark"] .modal-cost-row {
    color: #fde8c8 !important;
}

/* Daily Streak Badge */
[data-app-theme="desert"] .streak-badge {
    background: linear-gradient(135deg, #C2410C 0%, #D97706 100%) !important;
    box-shadow: 0 2px 8px rgba(194, 65, 12, 0.45) !important;
}

/* Daily Streak Floating Widget - Desert */
[data-app-theme="desert"] .streak-header-banner {
    background: linear-gradient(135deg, #D97706 0%, #EA580C 50%, #B45309 100%) !important;
}
[data-app-theme="desert"] .streak-minimized-pill {
    background: linear-gradient(135deg, #D97706 0%, #EA580C 100%) !important;
    box-shadow: 0 10px 25px rgba(217, 119, 6, 0.45) !important;
    border-color: rgba(253, 230, 138, 0.5) !important;
}
[data-app-theme="desert"] .streak-floating-card {
    border-color: rgba(217, 119, 6, 0.4) !important;
    box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.25), 0 0 25px rgba(217, 119, 6, 0.22) !important;
}
[data-app-theme="desert"] .streak-speech-bubble {
    background: rgba(254, 243, 199, 0.8) !important;
    border-color: rgba(217, 119, 6, 0.3) !important;
}
[data-app-theme="desert"] .streak-speech-tail {
    background: #fef3c7 !important;
    border-color: rgba(217, 119, 6, 0.3) !important;
}
[data-app-theme="desert"] .streak-speech-text {
    color: #78350f !important;
}
[data-app-theme="desert"][data-theme="dark"] .streak-speech-text {
    color: #fde68a !important;
}
[data-app-theme="desert"][data-theme="dark"] .streak-speech-tail {
    background: #2b170c !important;
}
[data-app-theme="desert"] .streak-choice-btn.selected {
    border-color: #d97706 !important;
    background: rgba(217, 119, 6, 0.14) !important;
    box-shadow: 0 2px 10px rgba(217, 119, 6, 0.2) !important;
}
[data-app-theme="desert"] .streak-choice-btn.selected .streak-choice-badge {
    background: #d97706 !important;
    color: #ffffff !important;
}
[data-app-theme="desert"] .streak-choice-btn.selected .streak-choice-text {
    color: #92400e !important;
}
[data-app-theme="desert"][data-theme="dark"] .streak-choice-btn.selected .streak-choice-text {
    color: #fef3c7 !important;
}
[data-app-theme="desert"] .streak-textarea:focus {
    border-color: #d97706 !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.2) !important;
}
[data-app-theme="desert"] .streak-submit-btn,
[data-app-theme="desert"] .streak-success-circle {
    background: linear-gradient(135deg, #D97706 0%, #EA580C 100%) !important;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.4) !important;
}
[data-app-theme="desert"] .streak-reward-pill {
    background: rgba(254, 243, 199, 0.8) !important;
    border-color: rgba(217, 119, 6, 0.25) !important;
    color: #92400e !important;
}
[data-app-theme="desert"][data-theme="dark"] .streak-reward-pill {
    color: #fde68a !important;
}