/* Masjid Display Player v4.2.55 — unified slide theme palette.
   Loaded LAST so system slides inherit the selected tenant theme. */
:root{
  --primary:#0a4c3d;--secondary:#071a16;--gold:#d9b45b;--accent:#d9b45b;--display-text:#fff;
  --theme-card:color-mix(in srgb,var(--secondary) 82%,var(--primary));
  --theme-card-soft:color-mix(in srgb,var(--secondary) 90%,var(--display-text));
  --theme-border:color-mix(in srgb,var(--display-text) 15%,transparent);
  --theme-muted:color-mix(in srgb,var(--display-text) 70%,var(--secondary));
  --theme-accent-soft:color-mix(in srgb,var(--gold) 18%,transparent)
}
.player{background:var(--secondary);color:var(--display-text)}
.player .slide-content{background:var(--secondary);color:var(--display-text)}
.player .dynamic-bg,
.player .html-slide,
.player .dashboard-slide,
.player .clock-slide,
.player .schedule-slide,
.player .profile-slide,
.player .speaker-slide,
.player .donation-slide,
.player .islamic-guidance-slide,
.player .hadith-player,
.player .world-clock-slide,
.player .weather-slide,
.player .special-prayer-slide,
.player .lecture-schedule,
.player .weekly-lecture-focus,
.player .lecture-focus-single,
.player .smart-announcement-stage,
.player .mosque-event-player-stage,
.player .islamic-event-slide,
.player .canva-lightweight{
  background:
    radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--primary) 58%,transparent),transparent 34%),
    radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 34%),
    linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary) 54%,var(--primary)))!important;
  color:var(--display-text)!important
}
/* Main chrome */
.player .prayer-bar{background:color-mix(in srgb,var(--secondary) 92%,transparent)!important;border-color:color-mix(in srgb,var(--gold) 42%,transparent)!important;color:var(--display-text)}
.player .date-bar{background:color-mix(in srgb,var(--secondary) 94%,transparent)!important;color:var(--display-text)}
.player .prayer-cell span,.player .prayer-brand span,.player .dash-date,.player .module-player-heading p{color:var(--theme-muted)!important}
.player .prayer-cell.next{background:linear-gradient(180deg,var(--theme-accent-soft),transparent)!important}
.player .prayer-cell.next:before,.player .module-player-heading>span{color:var(--gold)!important}
.player .running-ticker{background:color-mix(in srgb,var(--secondary) 90%,transparent)!important;border-color:color-mix(in srgb,var(--gold) 38%,transparent)!important;color:var(--display-text)!important}
/* Reusable themed cards */
.player :is(.dash-next,.quran-card,.dua-card,.asma-grid article,.weekly-activity-grid article,.weekly-agenda-list article,.weekly-meta-grid>div,.donation-bank,.waqf-module-visual,.hadith-card,.world-clock-card,.mosque-event-player-card,.islamic-event-featured,.islamic-event-mini-card,.special-prayer-card,.lecture-focus-single-meta>div,.smart-announcement-card){
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card) 94%,transparent),color-mix(in srgb,var(--secondary) 88%,transparent))!important;
  border-color:var(--theme-border)!important;
  color:var(--display-text)!important
}
.player :is(.quran-card p,.dua-meaning,.asma-grid p,.weekly-activity-copy p,.weekly-activity-copy small,.weekly-agenda-copy p,.donation-module-copy>p,.waqf-module-copy>p,.donation-bank span,.fund-progress>div,.lecture-focus-single-copy p,.hadith-translation,.hadith-lesson){color:var(--theme-muted)!important}
/* Accent surfaces */
.player :is(.weekly-activity-day,.weekly-agenda-day,.module-symbol,.gallery-intro-mark,.islamic-event-mini-number){
  background:linear-gradient(145deg,var(--gold),color-mix(in srgb,var(--gold) 68%,var(--primary)))!important;
  color:color-mix(in srgb,var(--secondary) 84%,#000)!important
}
.player :is(.weekly-activity-icon,.donation-bank small,.fund-progress>small,.asma-grid h2,.dua-transliteration,.quran-source,.weekly-agenda-copy>span,.weekly-kicker,.special-prayer-kicker,.special-prayer-date,.mosque-event-player-top span,.hadith-category){color:var(--gold)!important}
.player .fund-progress>i>b,.player .waqf-progress>i>b,.player .gallery-progress>i,.player .mosque-event-player-progress,.player .smart-announcement-progress,.player .lecture-focus-progress{background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 58%,#fff))!important}
.player .quran-divider{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important}
.player .quran-ornament{color:color-mix(in srgb,var(--gold) 12%,transparent)!important}
/* Announcement default follows theme; urgent keeps semantic red. */
.player .smart-announcement-card{--announcement-accent:var(--gold)}
.player .smart-announcement-card.category-event{--announcement-accent:color-mix(in srgb,var(--primary) 55%,#7bbcff)}
.player .smart-announcement-card.category-warning{--announcement-accent:color-mix(in srgb,var(--gold) 78%,#ffd36a)}
.player .smart-announcement-card.category-urgent{--announcement-accent:#ff7777!important;background:linear-gradient(145deg,#4a1111,#1a0508)!important}
/* System-generated media wrappers use theme, but original media pixels are preserved. */
.player .slide-content.image,.player .video-slide,.player .canva-stage{background-color:var(--secondary)!important}
.player .canva-backup-layer,.player .canva-backup-layer.is-default img{background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary) 55%,var(--primary)))!important}
.player .gallery-intro{background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary) 58%,var(--primary)))!important;color:var(--display-text)!important}
.player .gallery-caption{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--secondary) 88%,transparent))!important}
/* Countdown and prayer overlays inherit theme while retaining special prayer imagery/animations. */
.player .prayer-event-overlay:not(.prayer-session-dark){background-color:var(--secondary)}
.player .prayer-event-card{color:var(--display-text)}
/* v4.2.69: label pill uses a light/gold background, so its text must stay dark and high-contrast.
   Previously theme sync forced var(--gold) on both foreground and background, making labels such as MENUJU IQAMAH appear blank. */
.player .prayer-event-type{color:#10231e!important;text-shadow:none!important}
.player .prayer-event-countdown-label{color:var(--gold)!important}
.player .flip-clock .flip-card,.player .flip-clock .flip-segment{border-color:var(--theme-border)!important}
/* Text consistency */
.player :is(.quran-arabic,.dua-arabic,.asma-grid strong,.module-player-heading h1,.donation-module-copy h1,.waqf-module-copy h1,.weekly-activity-copy h2,.weekly-agenda-copy h2,.smart-announcement-copy h1,.smart-announcement-copy p,.mosque-event-player-copy,.islamic-events-content,.hadith-player h1,.world-clock-card){color:var(--display-text)!important}
/* Emergency severity colours remain semantic for safety; only frame/accent follows tenant theme. */
.player .emergency-alert-card{border-color:color-mix(in srgb,var(--gold) 48%,#fff)!important}
.player .emergency-alert-card>small{color:color-mix(in srgb,#fff 78%,var(--gold))!important}
/* Android TV override was loaded earlier; theme must win here. */
.player[data-runtime-profile="android-tv"] .prayer-bar{background:color-mix(in srgb,var(--secondary) 94%,transparent)!important}
.player[data-runtime-profile="android-tv"] .world-clock-card{background:linear-gradient(145deg,var(--theme-card),color-mix(in srgb,var(--secondary) 72%,var(--primary)))!important}