/*
 * Svetlá téma pre verejné stránky (Web modul).
 *
 * Aktivuje sa triedou body.theme-light (BWebPresenter::applyTheme()):
 *  - automaticky na stránkach viazaných na hru typu GameType::Sport (event, tím, zápas, prihláška),
 *  - manuálne cez prepínač (cookie blyzer_theme) na stránkach bez konkrétnej hry (homepage, CMS stránky, profily...).
 * Tmavá téma = pôvodný layout.css + web.css bez zmien, tento súbor ju neovplyvňuje.
 *
 * Akcenty ostávajú brand: lime #D6FF02 ako výplň (tlačidlá, aktívne pilulky, badge) s tmavým textom,
 * purple #6755B0 bez zmeny. Lime ako TEXT/čiara na bielej nečitateľný (1.16:1) -> rovnaký odtieň, tmavší tón:
 *  - #4F5E00 text (7.16:1 na #FFF), #7A9200 čiary/okraje (3.54:1 na #FFF, 3.21:1 na #F4F3F9).
 * Success/warning stmavené v rovnakom odtieni, aby text aj biely text na výplni prešli WCAG AA (>= 4.5:1).
 */

body.theme-light {
  color-scheme: light;

  /* zdieľané tokeny pre svetlú tému */
  --blyzer-ink: #16112D;
  --blyzer-ink-rgb: 22, 17, 45;
  --blyzer-muted: #5B5575;
  --blyzer-surface: #FFFFFF;
  --blyzer-surface-ascent: #F1EFF8;
  --blyzer-line: #E4E1EE;
  --blyzer-line-strong: #DCD8EA;
  --blyzer-chip: #E9E6F3;
  --blyzer-primary-ink: #4F5E00;
  --blyzer-primary-line: #7A9200;
  --blyzer-success: #4B720C;
  --blyzer-success-rgb: 75, 114, 12;
  --blyzer-warning: #8A570C;
  --blyzer-warning-rgb: 138, 87, 12;
  --blyzer-card-shadow: 0 1px 2px rgba(22, 17, 45, 0.04), 0 4px 16px rgba(22, 17, 45, 0.06);

  /* Bootstrap tokeny - rovnaké sémantické roly ako :root v layout.css */
  --bs-body-color: #16112D;
  --bs-body-color-rgb: 22, 17, 45;
  --bs-body-bg: #F4F3F9;
  --bs-body-bg-rgb: 244, 243, 249;
  --bs-emphasis-color: #16112D;
  --bs-emphasis-color-rgb: 22, 17, 45;
  --bs-secondary-color: #5B5575;
  --bs-secondary-color-rgb: 91, 85, 117;
  --bs-secondary-bg: #FFFFFF;
  --bs-secondary-bg-rgb: 255, 255, 255;
  --bs-tertiary-color: #5B5575;
  --bs-tertiary-color-rgb: 91, 85, 117;
  --bs-tertiary-bg: #E9E6F3;
  --bs-tertiary-bg-rgb: 233, 230, 243;
  --bs-border-color: #DCD8EA;
  --bs-border-color-rgb: 220, 216, 234;
  --bs-success: #4B720C;
  --bs-success-rgb: 75, 114, 12;
  --bs-warning: #8A570C;
  --bs-warning-rgb: 138, 87, 12;
  --bs-form-valid-color: #4B720C;
  --bs-form-valid-border-color: #4B720C;
}

/* ---------- základ ---------- */

body.theme-light hr {
  background-color: #E4E1EE;
}

body.theme-light .brand-logo {
  /* logo.svg je jednofarebné biele -> na svetlom podklade tmavé */
  filter: brightness(0);
}

/* ---------- farebné utility (layout.css ich má s !important) ---------- */

body.theme-light .text-primary {
  color: #4F5E00 !important;
}
body.theme-light .border-primary {
  border-color: #7A9200 !important;
}
body.theme-light .bg-tertiary {
  background-color: #E9E6F3 !important;
}
body.theme-light .badge.bg-tertiary {
  color: #16112D;
}
body.theme-light .border-tertiary {
  border-color: #DCD8EA !important;
}
body.theme-light .bg-success {
  background-color: #4B720C !important;
}
body.theme-light .text-success {
  color: #4B720C !important;
}
body.theme-light .border-success {
  border-color: #4B720C !important;
}
body.theme-light .bg-warning {
  background-color: #8A570C !important;
}
body.theme-light .text-warning {
  color: #8A570C !important;
}
body.theme-light .border-warning {
  border-color: #8A570C !important;
}
body.theme-light .badge.bg-primary {
  box-shadow: inset 0 0 0 1px #B8DB00;
}
body.theme-light .badge.bg-light {
  /* biely badge (napr. typ "šport", stav "online") by na bielej karte zmizol */
  box-shadow: inset 0 0 0 1px #DCD8EA;
}
body.theme-light .rounded-circle.border-dark {
  /* biely "prstenec" okolo loga na kartách eventu/etapy namiesto tmavého */
  border-color: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

/* ---------- tlačidlá ---------- */

body.theme-light .btn-primary {
  --bs-btn-border-color: #B8DB00;
  --bs-btn-hover-border-color: #B8DB00;
  --bs-btn-active-border-color: #B8DB00;
}
body.theme-light .btn-tertiary {
  --bs-btn-color: #16112D;
  --bs-btn-bg: #E9E6F3;
  --bs-btn-border-color: #E9E6F3;
  --bs-btn-hover-color: #16112D;
  --bs-btn-hover-bg: #DCD8EA;
  --bs-btn-hover-border-color: #DCD8EA;
  --bs-btn-active-color: #16112D;
  --bs-btn-active-bg: #D2CDE4;
  --bs-btn-active-border-color: #D2CDE4;
  --bs-btn-disabled-color: #5B5575;
  --bs-btn-disabled-bg: #E9E6F3;
  --bs-btn-disabled-border-color: #E9E6F3;
  --bs-btn-focus-shadow-rgb: 122, 146, 0;
}
body.theme-light .btn-success {
  --bs-btn-bg: #4B720C;
  --bs-btn-border-color: #4B720C;
  --bs-btn-hover-bg: rgba(75, 114, 12, 85%);
  --bs-btn-hover-border-color: rgba(75, 114, 12, 85%);
  --bs-btn-active-bg: rgba(75, 114, 12, 92%);
  --bs-btn-active-border-color: rgba(75, 114, 12, 92%);
  --bs-btn-disabled-bg: rgba(75, 114, 12, 70%);
  --bs-btn-disabled-border-color: rgba(75, 114, 12, 70%);
  --bs-btn-focus-shadow-rgb: 75, 114, 12;
}
body.theme-light .btn-warning {
  --bs-btn-bg: #8A570C;
  --bs-btn-border-color: #8A570C;
  --bs-btn-hover-bg: rgba(138, 87, 12, 85%);
  --bs-btn-hover-border-color: rgba(138, 87, 12, 85%);
  --bs-btn-active-bg: rgba(138, 87, 12, 92%);
  --bs-btn-active-border-color: rgba(138, 87, 12, 92%);
  --bs-btn-disabled-bg: rgba(138, 87, 12, 70%);
  --bs-btn-disabled-border-color: rgba(138, 87, 12, 70%);
  --bs-btn-focus-shadow-rgb: 138, 87, 12;
}
body.theme-light .btn-link {
  --bs-btn-color: #16112D;
  --bs-btn-hover-color: rgba(22, 17, 45, 80%);
  --bs-btn-active-color: rgba(22, 17, 45, 90%);
  --bs-btn-disabled-color: rgba(22, 17, 45, 60%);
  --bs-btn-focus-shadow-rgb: 22, 17, 45;
}
body.theme-light .modal .btn-close,
body.theme-light .box .btn-close {
  /* alerty (farebná výplň + biely text) si nechávajú biely krížik */
  --bs-btn-close-color: #16112D;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2316112D'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-focus-shadow-rgb: 22, 17, 45;
}

/* ---------- alerty ---------- */

body.theme-light .alert-tertiary {
  --bs-alert-color: #16112D;
  --bs-alert-link-color: #16112D;
  --bs-alert-bg: #E9E6F3;
  --bs-alert-border-color: #E9E6F3;
}
body.theme-light .alert-success {
  --bs-alert-bg: #4B720C;
  --bs-alert-border-color: #4B720C;
}
body.theme-light .alert-warning {
  --bs-alert-bg: #8A570C;
  --bs-alert-border-color: #8A570C;
}

/* ---------- formuláre ---------- */

body.theme-light .form-control,
body.theme-light .form-select {
  color: #16112D;
  background-color: #FFFFFF;
}
body.theme-light .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2316112D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
body.theme-light .form-control:focus,
body.theme-light .form-select:focus {
  color: #16112D;
  background-color: #FFFFFF;
  border-color: #7A9200;
  box-shadow: 0 0 0 0.25rem rgba(122, 146, 0, 25%);
}
body.theme-light .form-control:disabled,
body.theme-light .form-select:disabled {
  background-color: #E9E6F3;
}
body.theme-light .form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(22,17,45,0.35)'/%3e%3c/svg%3e");
}
body.theme-light .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(22,17,45,0.35)'/%3e%3c/svg%3e");
  box-shadow: 0 0 0 0.25rem rgba(122, 146, 0, 25%);
}
body.theme-light .form-switch .form-check-input:checked,
body.theme-light .form-switch .form-check-input:checked:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2316112D'/%3e%3c/svg%3e");
  border-color: #B8DB00;
}

/* ---------- tabuľky, modal, filter ---------- */

body.theme-light .table {
  --bs-table-color: #16112D;
  --bs-table-border-color: #E4E1EE;
  --bs-table-hover-bg: rgba(22, 17, 45, 4%);
  --bs-table-hover-color: #16112D;
  --bs-table-active-bg: rgba(22, 17, 45, 6%);
  --bs-table-active-color: #16112D;
  --bs-table-striped-bg: rgba(22, 17, 45, 3%);
  --bs-table-striped-color: #16112D;
}
body.theme-light .modal {
  --bs-modal-border-color: #E4E1EE;
}
body.theme-light .modal .modal-dialog .modal-header {
  background: linear-gradient(180deg, #FFFFFF, #ECE9F6);
}
body.theme-light .filter .filter-box {
  border-color: #DCD8EA;
}

/* ---------- karty (.box) ---------- */

body.theme-light .box {
  background-color: #FFFFFF;
  border-color: #E4E1EE;
  box-shadow: var(--blyzer-card-shadow);
}
body.theme-light .box.transparent,
body.theme-light .box.gradient.transparent {
  background: rgba(255, 255, 255, 75%);
}
body.theme-light .box.gradient {
  background: linear-gradient(180deg, #FFFFFF, #F1EFF8);
}
body.theme-light a.box {
  border-color: #E4E1EE;
}
body.theme-light a.box:hover,
body.theme-light a.box:focus,
body.theme-light a.box.focus,
body.theme-light a.box:active,
body.theme-light a.box.active {
  border-color: #7A9200;
}
body.theme-light .with-vertical::before {
  border-left-color: #7A9200;
}

/* ---------- playoff pavúk ---------- */

body.theme-light .bracket-duel {
  background-color: #FFFFFF;
  box-shadow: var(--blyzer-card-shadow);
}
body.theme-light .bracket-mobile-pair::after {
  border-color: #B9B2D6;
}
body.theme-light .bracket-tree-svg path {
  /* spojnice kreslí JS s atribútom stroke="#3a2f6b" - CSS ho prebije */
  stroke: #B9B2D6;
}

/* ---------- hlavička, panel, vyhľadávanie ---------- */

body.theme-light #bar {
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 #E4E1EE;
}
body.theme-light #search,
body.theme-light #panel {
  background-color: #FFFFFF;
}
body.theme-light #title,
body.theme-light #intro,
body.theme-light #slider {
  background: linear-gradient(180deg, #FFFFFF, #ECE9F6);
}

/* ---------- menu ---------- */

body.theme-light .breadcrumb-menu > li > a,
body.theme-light .breadcrumb-menu > li > div a,
body.theme-light .breadcrumb-menu > li:not(:last-child) > a:after,
body.theme-light .breadcrumb-menu > li:not(:last-child) > div a:after,
body.theme-light .path-menu > li > a,
body.theme-light .path-menu > li > div a,
body.theme-light .path-menu > li:not(:last-child) > a:after,
body.theme-light .path-menu > li:not(:last-child) > div a:after {
  color: #5B5575;
}
body.theme-light .breadcrumb-menu > li:hover > a,
body.theme-light .breadcrumb-menu > li:active > a,
body.theme-light .breadcrumb-menu > li.active > a,
body.theme-light .breadcrumb-menu > li:focus > a,
body.theme-light .breadcrumb-menu > li.focus > a,
body.theme-light .breadcrumb-menu > li:hover > div a,
body.theme-light .breadcrumb-menu > li:active > div a,
body.theme-light .breadcrumb-menu > li.active > div a,
body.theme-light .breadcrumb-menu > li:focus > div a,
body.theme-light .breadcrumb-menu > li.focus > div a,
body.theme-light .path-menu > li:hover > a,
body.theme-light .path-menu > li:active > a,
body.theme-light .path-menu > li.active > a,
body.theme-light .path-menu > li:focus > a,
body.theme-light .path-menu > li.focus > a,
body.theme-light .path-menu > li:hover > div a,
body.theme-light .path-menu > li:active > div a,
body.theme-light .path-menu > li.active > div a,
body.theme-light .path-menu > li:focus > div a,
body.theme-light .path-menu > li.focus > div a {
  color: #16112D;
}
body.theme-light .pill-menu > li > a,
body.theme-light .pill-menu > li > div a {
  color: #16112D;
  border-color: #CFCADF;
}
body.theme-light .pill-menu > li:hover > a,
body.theme-light .pill-menu > li:active > a,
body.theme-light .pill-menu > li.active > a,
body.theme-light .pill-menu > li:focus > a,
body.theme-light .pill-menu > li.focus > a,
body.theme-light .pill-menu > li:hover > div a,
body.theme-light .pill-menu > li:active > div a,
body.theme-light .pill-menu > li.active > div a,
body.theme-light .pill-menu > li:focus > div a,
body.theme-light .pill-menu > li.focus > div a {
  color: #16112D;
  background-color: #D6FF02;
  border-color: #B8DB00;
}
/* panel-menu: len v bočnom paneli; user dropdown v #bar má bg-secondary (purple) a ostáva s bielym textom */
body.theme-light #panel .panel-menu > li > a,
body.theme-light #panel .panel-menu > li > div a,
body.theme-light .footer-menu > li > a,
body.theme-light .footer-menu > li > div a,
body.theme-light .help-menu > li > a,
body.theme-light .help-menu > li > div a {
  color: #16112D;
}
body.theme-light #panel .panel-menu > li > .panel-menu::before {
  border-left-color: #DCD8EA;
}
body.theme-light #panel .panel-menu > li:hover > a,
body.theme-light #panel .panel-menu > li:active > a,
body.theme-light #panel .panel-menu > li.active > a,
body.theme-light #panel .panel-menu > li:focus > a,
body.theme-light #panel .panel-menu > li.focus > a,
body.theme-light #panel .panel-menu > li:hover > div a,
body.theme-light #panel .panel-menu > li:active > div a,
body.theme-light #panel .panel-menu > li.active > div a,
body.theme-light #panel .panel-menu > li:focus > div a,
body.theme-light #panel .panel-menu > li.focus > div a,
body.theme-light .footer-menu > li:hover > a,
body.theme-light .footer-menu > li:active > a,
body.theme-light .footer-menu > li.active > a,
body.theme-light .footer-menu > li:focus > a,
body.theme-light .footer-menu > li.focus > a,
body.theme-light .footer-menu > li:hover > div a,
body.theme-light .footer-menu > li:active > div a,
body.theme-light .footer-menu > li.active > div a,
body.theme-light .footer-menu > li:focus > div a,
body.theme-light .footer-menu > li.focus > div a,
body.theme-light .help-menu > li:hover > a,
body.theme-light .help-menu > li:active > a,
body.theme-light .help-menu > li.active > a,
body.theme-light .help-menu > li:focus > a,
body.theme-light .help-menu > li.focus > a,
body.theme-light .help-menu > li:hover > div a,
body.theme-light .help-menu > li:active > div a,
body.theme-light .help-menu > li.active > div a,
body.theme-light .help-menu > li:focus > div a,
body.theme-light .help-menu > li.focus > div a {
  color: #4F5E00;
}

/* ---------- quick event nápoveda ---------- */

body.theme-light .quick-event-field-hint {
  color: #4F5E00;
}
body.theme-light .quick-event-field-hint:hover,
body.theme-light .quick-event-field-hint:focus,
body.theme-light .quick-event-field-hint:focus-within {
  color: #16112D;
}

/* ---------- pätička ---------- */

body.theme-light #footer {
  background-color: #FFFFFF;
  box-shadow: inset 0 1px 0 #E4E1EE;
}
body.theme-light #copyright {
  background-color: #ECE9F6;
}

/* ---------- prepínač témy (ikona podľa cieľovej témy) ---------- */

.theme-toggle .theme-toggle-to-dark,
body.theme-light .theme-toggle .theme-toggle-to-light {
  display: none;
}
body.theme-light .theme-toggle .theme-toggle-to-dark {
  display: inline-block;
}