/* Přepínač je jediný nový blok; nepřepisuje rozložení původního webu. */
/* Právní stránky nemají základní styl půjčovny, vlastní obal potřebují také. */
body[data-screen="text"] .theme-picker-inner,
body[data-screen="text"] .race-signature-inner { width:min(calc(100% - 48px),var(--shell,1440px)); margin-inline:auto; box-sizing:border-box; }
body[data-screen="text"] .theme-choice,
body[data-screen="text"] .theme-choice * { box-sizing:border-box; }
@media(max-width:760px) {
 body[data-screen="text"] .theme-picker-inner,
 body[data-screen="text"] .race-signature-inner { width:calc(100% - 30px); }
}
.theme-picker { position:relative; z-index:4; background:#101014; color:#f5f5f7; border-bottom:1px solid #37373f; }
.theme-picker-inner { display:block; padding-block:14px; }
.theme-picker-title { display:flex; align-items:baseline; gap:16px; margin:0 0 12px; font-size:16px; line-height:1.4; font-weight:800; }
.theme-picker-title span { display:inline; color:#b5b5c0; font-size:11px; font-weight:500; margin:0; }
.theme-picker-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; flex:1; min-width:0; }
.theme-choice { --choice:#ed2039; position:relative; display:grid; grid-template-rows:36px 15px 12px; align-items:center; justify-items:center; align-content:center; gap:4px; min-width:0; min-height:89px; padding:9px 10px; border:1px solid #41414b; border-radius:5px 14px 5px 5px; background:linear-gradient(145deg,#24242b,#151519); color:#dddde5; cursor:pointer; font:700 12px/1.2 Arial,sans-serif; box-shadow:none; transition:background-color .15s,border-color .15s,box-shadow .15s; }
.theme-choice img { display:block; width:100%; height:36px; object-fit:contain; pointer-events:none; }
.theme-choice[data-theme-choice="weber"] img { width:87px; height:36px; }
.theme-choice[data-theme-choice="weber"] { --choice:#e72c3a; }
.theme-choice[data-theme-choice="redbull"] { --choice:#ffcc27; }
.theme-choice[data-theme-choice="mclaren"] { --choice:#ff8700; }
.theme-choice[data-theme-choice="mercedes"] { --choice:#28d8c5; }
.theme-choice:not(:disabled):hover { border-color:var(--choice); color:#fff; }
.theme-choice[aria-pressed="true"] { border-color:var(--choice); color:#fff; box-shadow:inset 0 0 0 1px var(--choice),0 0 15px color-mix(in srgb,var(--choice) 38%,transparent); }
.theme-choice::after { content:""; position:absolute; bottom:0; left:25%; width:50%; height:3px; border-radius:3px; background:transparent; }
.theme-choice[aria-pressed="true"]::after { background:var(--choice); box-shadow:0 0 9px var(--choice); }
.theme-choice:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:1000px) { .theme-picker-inner { padding-block:12px; } .theme-picker-title { font-size:14px; margin-bottom:10px; } }
@media(max-width:800px) { .theme-picker-options { grid-template-columns:repeat(6,145px); overflow-x:auto; padding:4px 3px 8px; gap:8px; scrollbar-color:#777 #17171c; } .theme-choice { min-height:86px; } .theme-picker-title { flex-wrap:wrap; gap:4px 12px; } }
@media(prefers-reduced-motion:reduce) { .theme-choice { transition:none; } }

/* Další návrhy zatím nejsou hotové a nelze je zapnout. */
.theme-choice:disabled { cursor:default; box-shadow:none; }

.theme-choice small { font-size:10px; font-weight:500; color:#c4c4cc; }
html[data-theme="weber"] .race-signature,
html[data-theme="weber"] .r-hero-showcase { display:none; }
html[data-theme="weber"] .r-hero h1 em { font-style:inherit; color:inherit; }

/* Celoplošná šedá políčka; barva týmu vyplní celý podklad. */
.theme-picker .r-shell.theme-picker-inner { width:100%; max-width:none; margin:0; padding:14px 0 0; }
.theme-picker-title { padding-inline:max(24px,calc((100% - var(--shell,1440px)) / 2)); }
.theme-picker-options { gap:0; }
.theme-picker .theme-choice { --tile:#bf172b; --tile-ink:#fff; min-height:80px; grid-template-rows:50px 16px; padding:4px 12px; border:1px solid #d0d0d0; border-radius:0; background:#b8b8b8; color:#141414; text-shadow:none; box-shadow:none; overflow:hidden; transition:background-color .2s,border-color .2s,box-shadow .2s; }
.theme-picker .theme-choice[data-theme-choice="redbull"] { --tile:#172d65; --choice:#ffcc00; }
.theme-picker .theme-choice[data-theme-choice="ferrari"] { --tile:#cd142b; }
.theme-picker .theme-choice[data-theme-choice="weber"] { --tile:#c2202c; }
.theme-picker .theme-choice[data-theme-choice="mclaren"] { --tile:#ff8700; --tile-ink:#121212; }
.theme-picker .theme-choice[data-theme-choice="mercedes"] { --tile:#087e78; --choice:#4aefdc; }
.theme-picker .theme-choice[data-theme-choice="alpine"] { --tile:#155ba9; --tile-ink:#fff; --choice:#f49ec4; }
.theme-picker .theme-choice:hover,
.theme-picker .theme-choice:focus-visible,
.theme-picker .theme-choice[aria-pressed="true"] { background:var(--tile); border-color:var(--choice); color:var(--tile-ink); box-shadow:inset 0 0 0 1px var(--choice); }
.theme-picker .theme-choice small { color:inherit; opacity:.85; }
.theme-picker .theme-choice::after { left:0; width:100%; }
.theme-picker .theme-choice:focus-visible { outline:2px solid #fff; outline-offset:-4px; }
.theme-picker .theme-car { display:block; width:100%; max-width:245px; aspect-ratio:1130 / 230; background:url('/assets/pujcovna/formule-transparentni.webp') no-repeat; background-size:110.9734513% auto; background-position-x:56.4516129%; pointer-events:none; }
.theme-choice[data-theme-choice="ferrari"] .theme-car { background-position-y:5.6640625%; }
.theme-choice[data-theme-choice="redbull"] .theme-car { background-position-y:27.83203125%; }
.theme-choice[data-theme-choice="mclaren"] .theme-car { background-position-y:50.68359375%; }
.theme-choice[data-theme-choice="mercedes"] .theme-car { background-position-y:74.12109375%; }
.theme-picker .theme-choice[data-theme-choice="alpine"] .theme-car { background-image:url('/assets/pujcovna/formule-alpine.avif'); background-size:contain; background-position:center; transform:scaleX(-1); }
.theme-picker .theme-choice[data-theme-choice="weber"] img { width:108px; height:auto; max-height:50px; }
@media(max-width:800px) { .theme-picker-options { grid-template-columns:repeat(6,minmax(155px,1fr)); padding:0; gap:0; } .theme-picker-title { padding-inline:15px; } }
@media(prefers-reduced-motion:reduce) { .theme-picker .theme-choice { transition:none; } }
