/**
 * Course UI themes — applied via .sla-theme-{id} on .sla-course-display-wrapper
 */

/* 1) Editorial (default variables already in main CSS) */
.sla-course-display-wrapper.sla-theme-editorial {
    --sla-page: #F5F6FA;
    --sla-ink: #172554;
    --sla-text: #334155;
    --sla-muted: #64748B;
    --sla-line: #E2E8F0;
    --sla-surface: #FFFFFF;
    --sla-selected: #EEF2FF;
    --sla-selected-bar: #4F46E5;
    --sla-link: #4338CA;
    --sla-hero-from: #172554;
    --sla-hero-to: #3730A3;
    --sla-hero-desc: #E0E7FF;
    --sla-buy-bg: #FFFBEB;
    --sla-buy-border: #FDE68A;
    --sla-cta: #FBBF24;
    --sla-cta-hover: #F59E0B;
    --sla-cta-text: #172554;
}

/* 2) Tiffany */
.sla-course-display-wrapper.sla-theme-tiffany {
    --sla-page: #F4FBFA;
    --sla-ink: #0F3D3A;
    --sla-text: #334155;
    --sla-muted: #5B7C78;
    --sla-line: #CDE8E3;
    --sla-surface: #FFFFFF;
    --sla-selected: #E6F7F4;
    --sla-selected-bar: #0ABAB5;
    --sla-link: #0A8F8A;
    --sla-hero-from: #0A6F6A;
    --sla-hero-to: #0ABAB5;
    --sla-hero-desc: #E8FFFC;
    --sla-buy-bg: #F2FFFD;
    --sla-buy-border: #9FE3DD;
    --sla-cta: #81D8D0;
    --sla-cta-hover: #5FCFC4;
    --sla-cta-text: #0F3D3A;
}
.sla-theme-tiffany .sla-course-hero {
    background: linear-gradient(125deg, #0A6F6A 0%, #0ABAB5 45%, #81D8D0 100%);
    background-size: 220% 220%;
}

/* 3) Apple */
.sla-course-display-wrapper.sla-theme-apple {
    --sla-page: #F5F5F7;
    --sla-ink: #1D1D1F;
    --sla-text: #424245;
    --sla-muted: #6E6E73;
    --sla-line: #D2D2D7;
    --sla-surface: #FFFFFF;
    --sla-selected: #F0F5FF;
    --sla-selected-bar: #0071E3;
    --sla-link: #0071E3;
    --sla-hero-from: #1D1D1F;
    --sla-hero-to: #424245;
    --sla-hero-desc: #F5F5F7;
    --sla-buy-bg: #F5F5F7;
    --sla-buy-border: #D2D2D7;
    --sla-cta: #0071E3;
    --sla-cta-hover: #0077ED;
    --sla-cta-text: #FFFFFF;
}
.sla-theme-apple .sla-course-hero {
    background: linear-gradient(145deg, #1D1D1F 0%, #3A3A3C 100%);
    background-size: 200% 200%;
}
.sla-theme-apple .sla-course-hero__label,
.sla-theme-apple .sla-course-hero__instructor {
    color: #A1A1A6 !important;
    -webkit-text-fill-color: #A1A1A6 !important;
}

/* 4) Stripe */
.sla-course-display-wrapper.sla-theme-stripe {
    --sla-page: #F6F9FC;
    --sla-ink: #0A2540;
    --sla-text: #425466;
    --sla-muted: #697386;
    --sla-line: #E6EBF1;
    --sla-surface: #FFFFFF;
    --sla-selected: #F0F4FF;
    --sla-selected-bar: #635BFF;
    --sla-link: #635BFF;
    --sla-hero-from: #0A2540;
    --sla-hero-to: #635BFF;
    --sla-hero-desc: #D6ECFF;
    --sla-buy-bg: #F6F9FC;
    --sla-buy-border: #C6D4FF;
    --sla-cta: #635BFF;
    --sla-cta-hover: #5851EA;
    --sla-cta-text: #FFFFFF;
}
.sla-theme-stripe .sla-course-hero {
    background: linear-gradient(125deg, #0A2540 0%, #3C4FE0 55%, #635BFF 100%);
    background-size: 220% 220%;
}

/* 5) Spotify */
.sla-course-display-wrapper.sla-theme-spotify {
    --sla-page: #121212;
    --sla-ink: #FFFFFF;
    --sla-text: #E5E5E5;
    --sla-muted: #B3B3B3;
    --sla-line: #282828;
    --sla-surface: #181818;
    --sla-selected: #1F3D2A;
    --sla-selected-bar: #1DB954;
    --sla-link: #1ED760;
    --sla-hero-from: #000000;
    --sla-hero-to: #1DB954;
    --sla-hero-desc: #D1FADF;
    --sla-buy-bg: #1A1A1A;
    --sla-buy-border: #1DB954;
    --sla-cta: #1DB954;
    --sla-cta-hover: #1ED760;
    --sla-cta-text: #000000;
}
.sla-theme-spotify .sla-course-hero {
    background: linear-gradient(135deg, #000 0%, #121212 40%, #1DB954 100%);
    background-size: 220% 220%;
}
.sla-theme-spotify .sla-course-enrollment-card__frame,
.sla-theme-spotify .sla-course-toc,
.sla-theme-spotify .sla-course-chapters-content,
.sla-theme-spotify .sla-course-enrollment-card--paid,
.sla-theme-spotify .sla-course-enrollment-card--free {
    background: #181818;
    border-color: #282828;
    color: #E5E5E5;
}
.sla-theme-spotify .sla-course-sticky-cta {
    background: rgba(18, 18, 18, 0.92);
    border-top-color: #282828;
}

/* 6) Netflix */
.sla-course-display-wrapper.sla-theme-netflix {
    --sla-page: #141414;
    --sla-ink: #FFFFFF;
    --sla-text: #E5E5E5;
    --sla-muted: #B3B3B3;
    --sla-line: #2F2F2F;
    --sla-surface: #1A1A1A;
    --sla-selected: #3A1515;
    --sla-selected-bar: #E50914;
    --sla-link: #E50914;
    --sla-hero-from: #000000;
    --sla-hero-to: #E50914;
    --sla-hero-desc: #FFD6D9;
    --sla-buy-bg: #1A1A1A;
    --sla-buy-border: #E50914;
    --sla-cta: #E50914;
    --sla-cta-hover: #F40612;
    --sla-cta-text: #FFFFFF;
}
.sla-theme-netflix .sla-course-hero {
    background: linear-gradient(135deg, #000 0%, #2B0507 50%, #E50914 100%);
    background-size: 220% 220%;
}
.sla-theme-netflix .sla-course-enrollment-card__frame,
.sla-theme-netflix .sla-course-toc,
.sla-theme-netflix .sla-course-chapters-content,
.sla-theme-netflix .sla-course-enrollment-card--paid,
.sla-theme-netflix .sla-course-enrollment-card--free {
    background: #1A1A1A;
    border-color: #2F2F2F;
    color: #E5E5E5;
}
.sla-theme-netflix .sla-course-sticky-cta {
    background: rgba(20, 20, 20, 0.94);
    border-top-color: #2F2F2F;
}

/* 7) Amazon */
.sla-course-display-wrapper.sla-theme-amazon {
    --sla-page: #F7F8F8;
    --sla-ink: #0F1111;
    --sla-text: #0F1111;
    --sla-muted: #565959;
    --sla-line: #D5D9D9;
    --sla-surface: #FFFFFF;
    --sla-selected: #FFF4E0;
    --sla-selected-bar: #FF9900;
    --sla-link: #007185;
    --sla-hero-from: #232F3E;
    --sla-hero-to: #37475A;
    --sla-hero-desc: #EAEDED;
    --sla-buy-bg: #FFF8E7;
    --sla-buy-border: #FFD814;
    --sla-cta: #FFD814;
    --sla-cta-hover: #F7CA00;
    --sla-cta-text: #0F1111;
}
.sla-theme-amazon .sla-course-hero {
    background: linear-gradient(145deg, #232F3E 0%, #37475A 100%);
    background-size: 200% 200%;
}

/* 8) Ocean */
.sla-course-display-wrapper.sla-theme-ocean {
    --sla-page: #EEF9FF;
    --sla-ink: #0C4A6E;
    --sla-text: #334155;
    --sla-muted: #64748B;
    --sla-line: #BAE6FD;
    --sla-surface: #FFFFFF;
    --sla-selected: #E0F2FE;
    --sla-selected-bar: #0284C7;
    --sla-link: #0369A1;
    --sla-hero-from: #0369A1;
    --sla-hero-to: #22D3EE;
    --sla-hero-desc: #E0F2FE;
    --sla-buy-bg: #F0F9FF;
    --sla-buy-border: #7DD3FC;
    --sla-cta: #0EA5E9;
    --sla-cta-hover: #0284C7;
    --sla-cta-text: #FFFFFF;
}
.sla-theme-ocean .sla-course-hero {
    background: linear-gradient(125deg, #0369A1 0%, #0EA5E9 50%, #22D3EE 100%);
    background-size: 220% 220%;
}

/* 9) Rose Gold */
.sla-course-display-wrapper.sla-theme-rose {
    --sla-page: #FFF7F8;
    --sla-ink: #4A2040;
    --sla-text: #4B5563;
    --sla-muted: #9CA3AF;
    --sla-line: #F5D0D8;
    --sla-surface: #FFFFFF;
    --sla-selected: #FFE4EA;
    --sla-selected-bar: #E11D48;
    --sla-link: #BE123C;
    --sla-hero-from: #9F1239;
    --sla-hero-to: #FB7185;
    --sla-hero-desc: #FFE4E6;
    --sla-buy-bg: #FFF1F2;
    --sla-buy-border: #FECDD3;
    --sla-cta: #F472B6;
    --sla-cta-hover: #EC4899;
    --sla-cta-text: #4A2040;
}
.sla-theme-rose .sla-course-hero {
    background: linear-gradient(125deg, #9F1239 0%, #E11D48 45%, #FB7185 100%);
    background-size: 220% 220%;
}

/* 10) Midnight Gold */
.sla-course-display-wrapper.sla-theme-midnight {
    --sla-page: #0B1220;
    --sla-ink: #F8FAFC;
    --sla-text: #E2E8F0;
    --sla-muted: #94A3B8;
    --sla-line: #1E293B;
    --sla-surface: #111827;
    --sla-selected: #1E293B;
    --sla-selected-bar: #F59E0B;
    --sla-link: #FBBF24;
    --sla-hero-from: #0F172A;
    --sla-hero-to: #1E3A8A;
    --sla-hero-desc: #FDE68A;
    --sla-buy-bg: #111827;
    --sla-buy-border: #F59E0B;
    --sla-cta: #FBBF24;
    --sla-cta-hover: #F59E0B;
    --sla-cta-text: #0F172A;
}
.sla-theme-midnight .sla-course-hero {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 55%, #B45309 100%);
    background-size: 220% 220%;
}
.sla-theme-midnight .sla-course-enrollment-card__frame,
.sla-theme-midnight .sla-course-toc,
.sla-theme-midnight .sla-course-chapters-content,
.sla-theme-midnight .sla-course-enrollment-card--paid,
.sla-theme-midnight .sla-course-enrollment-card--free {
    background: #111827;
    border-color: #1E293B;
    color: #E2E8F0;
}
.sla-theme-midnight .sla-course-sticky-cta {
    background: rgba(11, 18, 32, 0.94);
    border-top-color: #1E293B;
}

/* 11) Forest */
.sla-course-display-wrapper.sla-theme-forest {
    --sla-page: #F3F7F2;
    --sla-ink: #14532D;
    --sla-text: #3F4F44;
    --sla-muted: #6B7C70;
    --sla-line: #CDE4D2;
    --sla-surface: #FFFFFF;
    --sla-selected: #E8F5E9;
    --sla-selected-bar: #16A34A;
    --sla-link: #15803D;
    --sla-hero-from: #14532D;
    --sla-hero-to: #22C55E;
    --sla-hero-desc: #DCFCE7;
    --sla-buy-bg: #F0FDF4;
    --sla-buy-border: #86EFAC;
    --sla-cta: #22C55E;
    --sla-cta-hover: #16A34A;
    --sla-cta-text: #052E16;
}
.sla-theme-forest .sla-course-hero {
    background: linear-gradient(125deg, #14532D 0%, #15803D 50%, #4ADE80 100%);
    background-size: 220% 220%;
}

/* 12) Candy */
.sla-course-display-wrapper.sla-theme-candy {
    --sla-page: #FFF5FB;
    --sla-ink: #5B21B6;
    --sla-text: #4B5563;
    --sla-muted: #9CA3AF;
    --sla-line: #F5D0FE;
    --sla-surface: #FFFFFF;
    --sla-selected: #FCE7F3;
    --sla-selected-bar: #DB2777;
    --sla-link: #C026D3;
    --sla-hero-from: #DB2777;
    --sla-hero-to: #22D3EE;
    --sla-hero-desc: #FDF2F8;
    --sla-buy-bg: #FFF7ED;
    --sla-buy-border: #F9A8D4;
    --sla-cta: #F472B6;
    --sla-cta-hover: #EC4899;
    --sla-cta-text: #4A044E;
}
.sla-theme-candy .sla-course-hero {
    background: linear-gradient(125deg, #DB2777 0%, #A855F7 45%, #22D3EE 100%);
    background-size: 220% 220%;
}

/* Shared theme applications that rely on variables */
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-enrollment-card--paid {
    background: var(--sla-buy-bg);
    border-color: var(--sla-buy-border);
}
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-enrollment-card__offer {
    background: var(--sla-buy-bg);
    border-color: var(--sla-buy-border);
}
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-enrollment-card--paid .sla-course-purchase-submit,
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-sticky-cta__btn {
    background: var(--sla-cta) !important;
    color: var(--sla-cta-text) !important;
}
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-enrollment-card--paid .sla-course-purchase-submit:hover,
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-enrollment-card--paid .sla-course-purchase-submit:focus,
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-sticky-cta__btn:hover,
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-sticky-cta__btn:focus {
    background: var(--sla-cta-hover) !important;
    color: var(--sla-cta-text) !important;
}
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-toc ul li a.sla-active-chapter {
    background: var(--sla-selected);
    border-right-color: var(--sla-selected-bar);
    color: var(--sla-ink);
}
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-discount-toggle,
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-enrollment-card__login-hint a,
.sla-course-display-wrapper[class*="sla-theme-"] .sla-course-chapter .chapter-content a {
    color: var(--sla-link);
}