/* Dark Ultra · pouze vizuální doladění pro data-theme="ultra".
   Žádné přepisování rozměrů, pozic, z-indexu, top layer nebo hlavního pozadí. */

/* Tichý chromový obrys celého okna. Tmavé poloprůhledné sklo, blur.
   Stejný vzhled pro běžná, vícenásobná, zeměpisná i časová menu. */
html[data-theme="ultra"] :is(
  .kline-select-picker,
  .load-multi-list:not([hidden]),
  .country-suggestion-menu,
  .place-suggestion-menu,
  .language-switch-menu,
  .registry-suggestion-menu,
  .kline-time-picker,
  .kline-date-picker,
  .load-filter-preset-menu[open] > div
) {
  border-color: rgba(147, 156, 167, .24) !important;
  border-width: 1px !important;
  background:
    linear-gradient(112deg, rgba(25, 30, 38, .79), rgba(9, 13, 20, .83) 42%, rgba(24, 28, 36, .77) 100%),
    radial-gradient(ellipse at 92% 9%, rgba(116, 126, 143, .08), transparent 70%) !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .44),
    0 28px 74px rgba(0, 0, 0, .68),
    0 0 0 1px rgba(151, 158, 168, .15),
    0 0 29px rgba(138, 145, 157, .23),
    0 0 57px rgba(99, 107, 122, .15),
    inset 0 2px 1px rgba(211, 218, 227, .17),
    inset 0 12px 22px rgba(144, 155, 168, .07),
    inset 0 -8px 16px rgba(1, 4, 8, .31) !important;
  backdrop-filter: blur(22px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(118%) !important;
}

/* Jediné spojené menu, jemné stínované šedé pruhy oddělují položky. */
html[data-theme="ultra"] :is(
  .kline-select-option,
  .load-multi-list label,
  .country-suggestion-menu button,
  .place-suggestion-menu button,
  .language-switch-option,
  .registry-suggestion-menu button,
  .kline-time-option,
  .kline-date-picker .kline-date-option
) {
  border-color: transparent !important;
  border-radius: 3px !important;
  background: transparent;
  box-shadow: none;
  color: #dfe7f1;
}
html[data-theme="ultra"] .kline-select-list,
html[data-theme="ultra"] .load-multi-list:not([hidden]) { gap: 0 !important; }
html[data-theme="ultra"] :is(
  .kline-select-option,
  .country-suggestion-menu button,
  .place-suggestion-menu button,
  .language-switch-option,
  .registry-suggestion-menu button
)::after {
  background: linear-gradient(90deg, transparent 2%, rgba(150, 158, 169, .22) 21%, rgba(119, 131, 146, .15) 72%, transparent 98%) !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.30) !important;
}
/* Ve vícenásobném výběru už ::before drží obrázek vozidla a ::after fajfku.
   Oddělovač proto kreslíme přímo jako tenkou šedou hranu, ne přes pseudo-prvky. */
html[data-theme="ultra"] .load-multi-list label + label {
  border-top: 1px solid rgba(147, 158, 170, .14) !important;
}
html[data-theme="ultra"] :is(
  .kline-select-option:hover,
  .kline-select-option.is-keyboard,
  .country-suggestion-menu button:hover,
  .country-suggestion-menu button.keyboard-active,
  .place-suggestion-menu button:hover,
  .place-suggestion-menu button.keyboard-active,
  .language-switch-option:hover,
  .registry-suggestion-menu button:hover,
  .kline-time-option:hover,
  .load-multi-list label:hover
) {
  border-color: transparent !important;
  background: linear-gradient(95deg, rgba(91,108,125,.15),rgba(50,63,77,.10) 70%,transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 6px 14px rgba(0,0,0,.16) !important;
}
/* Modrá se uplatní pouze u zvolené položky, nikoli na celé ploše menu. */
html[data-theme="ultra"] :is(
  .kline-select-option.is-selected,
  .language-switch-option.is-active,
  .load-multi-list label:has(input:checked),
  .kline-time-option.is-active,
  .kline-time-option[aria-selected="true"],
  .country-suggestion-menu button[aria-selected="true"],
  .place-suggestion-menu button[aria-selected="true"]
) {
  border-color: rgba(56, 122, 207, .36) !important;
  background: linear-gradient(105deg, rgba(24,94,180,.85),rgba(15,62,134,.83) 58%, rgba(8,43,100,.87)) !important;
  box-shadow: 0 0 0 1px rgba(33,103,198,.20),0 7px 16px rgba(5,22,53,.32),inset 0 1px 0 rgba(171,204,255,.16),inset 0 -2px 8px rgba(4,21,51,.22) !important;
  color: #f1f7ff !important;
}
html[data-theme="ultra"] :is(.kline-select-option.is-selected,.load-multi-list label:has(input:checked))::before {
  opacity: 0;
}
html[data-theme="ultra"] .kline-select-option.is-selected::after { opacity: 0; }
html[data-theme="ultra"] .load-multi-list label:has(input:checked)::after { opacity: 1; }
html[data-theme="ultra"] :is(.kline-select-option.is-selected b,.load-multi-list label:has(input:checked)::after) {
  border-color: rgba(106,174,255,.55) !important;
  background: linear-gradient(155deg,#278be5,#1462bf 75%,#0c4191) !important;
  color: #fff;
  box-shadow: 0 0 12px rgba(26,94,184,.34),inset 0 1px 0 rgba(202,230,255,.28) !important;
}
html[data-theme="ultra"] :is(.kline-select-search input,.load-multi-open) {
  border-color: rgba(149,157,171,.19) !important;
  background: linear-gradient(140deg, rgba(23,30,41,.70),rgba(9,15,24,.79)) !important;
  box-shadow: inset 0 2px 10px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.02) !important;
}
html[data-theme="ultra"] :is(.kline-select-picker-head,.kline-time-picker-head,.kline-date-picker-head) {
  border-color: rgba(136,147,161,.12) !important;
  background: linear-gradient(180deg,rgba(75,86,100,.08),transparent 88%) !important;
}
html[data-theme="ultra"] :is(
  .kline-select-list,.load-multi-list,.country-suggestion-menu,.place-suggestion-menu,
  .language-switch-menu,.registry-suggestion-menu,.kline-time-picker-list
) { scrollbar-color: rgba(101,112,124,.54) transparent; }
html[data-theme="ultra"] :is(
  .kline-select-list,.load-multi-list,.country-suggestion-menu,.place-suggestion-menu,
  .language-switch-menu,.registry-suggestion-menu,.kline-time-picker-list
)::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,rgba(117,125,135,.76),rgba(59,69,83,.81)) padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11) !important;
}

/* Chromově šedé stínované hrany bez výrazného žhnutí. */
html[data-theme="ultra"] :is(.load-multi-done,.kline-date-picker-footer .primary) {
  border-color: rgba(126,146,167,.28) !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.32),0 0 13px rgba(57,90,128,.10),inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* Kategorie stínů tlačítek: pouze Dark Ultra a pouze okolní stín.
   Barvu pozadí, chování a geometrii původního tlačítka neřešíme. */
html[data-theme="ultra"] :is(button,[role="button"])[data-dark-ultra-tone="wine"] {
  box-shadow: 0 8px 18px rgba(38,5,13,.32),0 0 0 1px rgba(117,32,50,.17),0 0 19px rgba(97,20,39,.27),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="ultra"] :is(button,[role="button"])[data-dark-ultra-tone="green"] {
  box-shadow: 0 8px 18px rgba(3,29,18,.34),0 0 0 1px rgba(24,91,58,.16),0 0 20px rgba(15,84,50,.28),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html[data-theme="ultra"] :is(button,[role="button"])[data-dark-ultra-tone="orange"] {
  box-shadow: 0 8px 18px rgba(37,18,3,.33),0 0 0 1px rgba(124,73,24,.16),0 0 20px rgba(116,61,13,.28),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="ultra"] :is(button,[role="button"])[data-dark-ultra-tone="purple"] {
  box-shadow: 0 8px 18px rgba(23,11,39,.32),0 0 0 1px rgba(87,56,126,.17),0 0 20px rgba(76,42,116,.27),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="ultra"] :is(button,[role="button"])[data-dark-ultra-tone="blue"] {
  box-shadow: 0 8px 18px rgba(5,19,43,.34),0 0 0 1px rgba(34,75,134,.18),0 0 20px rgba(21,67,129,.29),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html[data-theme="ultra"] :is(button,[role="button"])[data-dark-ultra-tone]:hover:not(:disabled) {
  filter: brightness(1.055);
}
/* Tlačítko Zrušit/Zavřít není mazání, zůstává neutrální. */


/* Dark Ultra · finální sjednocení všech menu do stylu jazykového výběru */
html[data-theme="ultra"] :is(
  .kline-select-picker,
  .load-multi-list:not([hidden]),
  .country-suggestion-menu,
  .place-suggestion-menu,
  .language-switch-menu,
  .registry-suggestion-menu,
  .kline-time-picker,
  .kline-date-picker,
  .load-filter-preset-menu[open] > div
) {
  background:
    linear-gradient(116deg, rgba(28, 33, 41, .62), rgba(10, 14, 20, .68) 44%, rgba(24, 29, 37, .64) 100%),
    radial-gradient(ellipse at 92% 8%, rgba(135, 146, 161, .08), transparent 72%) !important;
  border-color: rgba(149, 159, 172, .20) !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.40),
    0 30px 76px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(226,232,239,.12),
    inset 0 -1px 0 rgba(0,0,0,.24) !important;
}
html[data-theme="ultra"] :is(
  .kline-select-option:hover,
  .kline-select-option.is-keyboard,
  .country-suggestion-menu button:hover,
  .country-suggestion-menu button.keyboard-active,
  .place-suggestion-menu button:hover,
  .place-suggestion-menu button.keyboard-active,
  .language-switch-option:hover,
  .registry-suggestion-menu button:hover,
  .kline-time-option:hover,
  .kline-date-picker .kline-date-option:hover,
  .load-multi-list label:hover
) {
  background: linear-gradient(98deg, rgba(102,116,133,.14), rgba(58,69,82,.10) 70%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 6px 14px rgba(0,0,0,.14) !important;
}


/* Dark Ultra · bezpečnostní pojistka pro vrstvení všech výběrových menu */
html[data-theme="ultra"] :is(
  .kline-select-picker,
  .kline-select-picker[popover]:popover-open,
  .load-multi-list:not([hidden]),
  .load-multi-list[popover]:popover-open,
  .country-suggestion-menu,
  .place-suggestion-menu,
  .language-switch-menu,
  .registry-suggestion-menu,
  .kline-time-picker,
  .kline-time-picker[popover]:popover-open,
  .kline-date-picker,
  .kline-date-picker[popover]:popover-open,
  .load-filter-preset-menu[open] > div
) {
  z-index: 2147483642 !important;
}