/* Doplňky k původnímu CSS (lovable-original.css) pro nativní prvky, které nahradily komponenty Reactu. */
select.ukl-select { appearance: auto; -webkit-appearance: auto; cursor: pointer; }
input.ukl-check { appearance: auto; -webkit-appearance: auto; accent-color: hsl(var(--primary)); padding: 0; }
/* posuvník jako Radix Slider originálu: dráha 8 px, vyplněná část v barvě primary, kulatý úchyt 20 px */
input.ukl-range { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 20px; margin-bottom: 0; background: transparent; cursor: pointer; padding: 0; }
input.ukl-range::-webkit-slider-runnable-track { height: 8px; border-radius: 9999px; background: linear-gradient(to right, hsl(var(--primary)) var(--p, 0%), hsl(var(--secondary)) var(--p, 0%)); }
input.ukl-range::-moz-range-track { height: 8px; border-radius: 9999px; background: hsl(var(--secondary)); }
input.ukl-range::-moz-range-progress { height: 8px; border-radius: 9999px; background: hsl(var(--primary)); }
input.ukl-range::-webkit-slider-thumb { -webkit-appearance: none; height: 20px; width: 20px; margin-top: -6px; border-radius: 9999px; border: 2px solid hsl(var(--primary)); background: hsl(var(--background)); }
input.ukl-range::-moz-range-thumb { height: 16px; width: 16px; border-radius: 9999px; border: 2px solid hsl(var(--primary)); background: hsl(var(--background)); }
input.ukl-range:focus-visible { outline: none; box-shadow: 0 0 0 2px hsl(var(--ring)); border-radius: 9999px; }
[data-ukl-mobile][hidden], [role="region"][hidden] { display: none !important; }
[role="region"][data-state="open"] { animation: none; }
a[data-ukl-action], button[data-ukl-action="acc"] { cursor: pointer; }
.ukl-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Průvodce poptávkou /poptavka a stránka stavu poptávky (barvy z proměnných původního webu) */
.ukw { background: hsl(var(--background)); border: 1px solid hsl(var(--border)); border-radius: 1rem; padding: 1.25rem; box-shadow: 0 10px 30px -12px rgba(0,0,0,.15); }
@media (min-width: 768px) { .ukw { padding: 2rem; } }
.ukw-progress { height: 6px; background: hsl(var(--muted)); border-radius: 99px; overflow: hidden; margin-bottom: 1.25rem; display: none; }
.ukw-js .ukw-progress { display: block; }
.ukw-progress span { display: block; height: 100%; width: 20%; background: hsl(var(--primary)); transition: width .25s; }
.ukw-step { border: 0; padding: 0; margin: 0 0 1.75rem; min-width: 0; }
.ukw-js .ukw-step { margin-bottom: 1rem; }
.ukw-legend { display: flex; align-items: center; gap: .6rem; font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; color: hsl(var(--foreground)); }
.ukw-num { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 99px; background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); font-size: 1rem; }
.ukw-cards { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); }
.ukw-card { position: relative; display: block; cursor: pointer; }
.ukw-card input { position: absolute; opacity: 0; }
.ukw-card span { display: grid; gap: .15rem; min-height: 64px; padding: .8rem 1rem; border: 2px solid hsl(var(--border)); border-radius: .8rem; background: hsl(var(--background)); transition: border-color .15s, background .15s; }
.ukw-card small { color: hsl(var(--muted-foreground)); font-size: .85rem; }
.ukw-card input:checked + span { border-color: hsl(var(--primary)); background: hsl(var(--primary) / .08); }
.ukw-card input:focus-visible + span { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.ukw-grid { display: grid; gap: .9rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.ukw-grid label, .ukw-decide label { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .35rem; font-size: .9rem; font-weight: 600; color: hsl(var(--foreground)); }
.ukw-grid label > input, .ukw-grid label > select, .ukw-grid label > textarea, .ukw-decide label > input { flex: 1 1 100%; }
.ukw-wide { grid-column: 1 / -1; }
.ukw input:not([type=radio]):not([type=checkbox]), .ukw select, .ukw textarea, .ukw-decide input { font: inherit; font-weight: 400; font-size: 16px; width: 100%; min-height: 44px; padding: .55rem .75rem; border: 1px solid hsl(var(--input, var(--border))); border-radius: .6rem; background: hsl(var(--background)); color: hsl(var(--foreground)); }
.ukw input[type=file] { padding: .45rem; }
.ukw-opt { font-weight: 400; color: hsl(var(--muted-foreground)); font-size: .85em; }
.ukw-extras { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; align-items: center; }
.ukw-extras > span { width: 100%; font-weight: 600; font-size: .9rem; }
.ukw-chip { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .4rem .8rem; border: 1px solid hsl(var(--border)); border-radius: 99px; cursor: pointer; font-size: .9rem; margin: .25rem .25rem 0 0; }
.ukw-chip input { accent-color: hsl(var(--primary)); width: 18px; height: 18px; }
.ukw-urgent { border-color: hsl(var(--primary) / .5); }
.ukw-estimate { display: grid; gap: .2rem; margin-top: 1rem; padding: .9rem 1rem; border-radius: .8rem; background: hsl(var(--primary) / .1); }
.ukw-estimate b { font-size: 1.2rem; }
.ukw-estimate span, .ukw-note { color: hsl(var(--muted-foreground)); font-size: .9rem; }
.ukw-note { margin-top: .75rem; }
.ukw-note a, .ukw-done a, .ukw-status a { text-decoration: underline; }
.ukw-nav { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; margin-top: 1rem; }
.ukw-nav [data-ukw] { display: none; }
.ukw-js .ukw-nav [data-ukw]:not([hidden]) { display: inline-flex; }
.ukw-js .ukw-submit[hidden] { display: none; }
.ukw-next, .ukw-submit, .ukw-back { font: inherit; font-weight: 700; min-height: 48px; padding: .7rem 1.4rem; border-radius: .75rem; cursor: pointer; border: 0; }
.ukw-next, .ukw-submit { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
.ukw-back { background: hsl(var(--muted)); color: hsl(var(--foreground)); border: 1px solid hsl(var(--border)); }
.ukw-submit:disabled { opacity: .6; cursor: wait; }
.ukw-error { margin-top: .9rem; padding: .7rem 1rem; border-radius: .6rem; background: hsl(0 84% 60% / .12); color: hsl(0 70% 35%); font-weight: 600; }
.ukw-done, .ukw-status { background: hsl(var(--background)); border: 1px solid hsl(var(--border)); border-radius: 1rem; padding: 1.5rem; display: grid; gap: .6rem; }
.ukw-done h2 { font-size: 1.5rem; font-weight: 700; }
.ukw-status { max-width: 46rem; margin: 0 auto; }
.ukw-eyebrow { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: hsl(var(--primary)); }
.ukw-flash { padding: .7rem 1rem; border-radius: .6rem; background: hsl(var(--primary) / .12); font-weight: 600; }
.ukw-dl { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; margin: .5rem 0; }
.ukw-dl dt { color: hsl(var(--muted-foreground)); }
.ukw-quote { border: 1px solid hsl(var(--border)); border-radius: .8rem; padding: 1rem; display: grid; gap: .5rem; }
.ukw-quote.is-open { border: 2px solid hsl(var(--primary)); }
.ukw-quote-head { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.ukw-price { font-size: 1.6rem; font-weight: 800; }
.ukw-price small { display: block; font-size: .85rem; font-weight: 400; color: hsl(var(--muted-foreground)); }
.ukw-decide { display: flex; flex-wrap: wrap; gap: .6rem; align-items: end; }
.ukw-decide label { flex: 1 1 100%; }