/* DREVNIK Poptavka - navazuje na globalni barvy a pisma Elementoru */
.dkp{
 --ink:var(--e-global-color-secondary,#121212);
 --text:var(--e-global-color-text,#3A3A38);
 --muted:var(--e-global-color-muted,#66655F);
 --line:var(--e-global-color-line,#E3E1DC);
 --line2:var(--e-global-color-line2,#D3D0C9);
 --bg:var(--e-global-color-bgoffwhite,#FAF9F6);
 --bg2:var(--e-global-color-bgalt,#F0EEE9);
 --surface:var(--e-global-color-surface,#FFFFFF);
 --accent:var(--e-global-color-primary,#FF8D0D);
 --accent-hv:var(--e-global-color-accenthv,#E07600);
 --accent-ink:var(--e-global-color-accent,#A35A00);
 --ff-d:var(--e-global-typography-primary-font-family,Archivo),system-ui,sans-serif;
 --ff-b:var(--e-global-typography-text-font-family,Inter),system-ui,sans-serif;
 --r:2px;
 font-family:var(--ff-b);
 color:var(--text);
}
.dkp *,.dkp *::before,.dkp *::after{box-sizing:border-box}

/* ---------- hlaskovy pruh ---------- */
.dkp-zprava{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:var(--r);margin:0 0 28px;font:400 15px/1.55 var(--ff-b)}
.dkp-zprava strong{font:700 16px/1.3 var(--ff-d);color:var(--ink)}
.dkp-zprava--ok{background:#F2F7F0;border:1px solid #CBDFC2;border-left:3px solid #4F8A3D}
.dkp-zprava--chyba{background:#FDF4EC;border:1px solid #F2D5B8;border-left:3px solid var(--accent)}

/* ---------- bloky ---------- */
.dkp-blok{margin:0 0 clamp(32px,4vw,48px)}
.dkp-blok:last-of-type{margin-bottom:0}
.dkp-blok__hlava{display:flex;gap:14px;align-items:flex-start;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.dkp-blok__cislo{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:50%;font:700 12px/1 var(--ff-b);margin-top:2px}
.dkp-blok__nadpis{font:700 20px/1.25 var(--ff-d);letter-spacing:-.01em;color:var(--ink);margin:0}
.dkp-blok__popis{font:400 14px/1.5 var(--ff-b);color:var(--muted);margin:5px 0 0;max-width:56ch}

/* ---------- pole ---------- */
.dkp-pole{display:flex;flex-direction:column;gap:7px;margin:0;min-width:0}
.dkp-pole label{font:600 11px/1.2 var(--ff-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:baseline;gap:6px}
.dkp-pole label i{font-style:normal;font-weight:400;letter-spacing:.04em;color:#9A968E;text-transform:none}
.dkp-pov{color:var(--accent);font-weight:700}
.dkp-nep{font-weight:400;letter-spacing:.02em;text-transform:none;color:#9A968E}

.dkp input[type=text],.dkp input[type=email],.dkp input[type=tel],.dkp input[type=number],.dkp textarea,.dkp select{
 width:100%;font:400 15px/1.4 var(--ff-b);color:var(--ink);background:var(--surface);
 border:1px solid var(--line2);border-radius:var(--r);padding:13px 14px;
 height:auto;min-height:0;max-width:none;
 transition:border-color .18s,box-shadow .18s;appearance:none;-webkit-appearance:none;margin:0
}
.dkp textarea{resize:vertical;min-height:120px;line-height:1.6}
.dkp input::placeholder{color:#B8B5AE}
.dkp input:hover,.dkp textarea:hover,.dkp select:hover{border-color:#B8B5AE}
.dkp input:focus,.dkp textarea:focus,.dkp select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,141,13,.15)}
.dkp input[type=number]{-moz-appearance:textfield}
.dkp input[type=number]::-webkit-outer-spin-button,.dkp input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dkp-form.je-overeny :invalid{border-color:#C4523A}
.dkp-form.je-overeny :invalid:focus{box-shadow:0 0 0 3px rgba(196,82,58,.15)}

.dkp-select{position:relative;display:block}
.dkp-select::after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.dkp-select select{padding-right:38px;cursor:pointer}

/* ---------- polozka ---------- */
.dkp-polozky{display:flex;flex-direction:column;gap:16px}
.dkp-polozka{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2.2vw,26px);position:relative}
.dkp-polozka.je-nova{animation:dkp-vjezd .4s ease}
@keyframes dkp-vjezd{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dkp-polozka__hlava{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.dkp-polozka__cislo{font:600 11px/1 var(--ff-b);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.dkp-polozka__cislo b{font-weight:700}
.dkp-odebrat{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 2px;cursor:pointer;font:500 12px/1 var(--ff-b);color:var(--muted);transition:color .18s}
.dkp-odebrat span{font-size:11px}
.dkp-odebrat:hover{color:#C4523A}

.dkp-mrizka{display:grid;gap:16px}
.dkp-mrizka--produkt{grid-template-columns:1.35fr 1fr}

/* ---------- rozmery ---------- */
.dkp-rozmery{border:0;margin:20px 0 0;padding:0;min-width:0}
.dkp-rozmery__legenda{display:block;width:100%;padding:0;margin:0 0 12px;font:600 11px/1.2 var(--ff-b);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.dkp-rozmery__legenda span{display:block;margin-top:5px;font-weight:400;letter-spacing:.02em;text-transform:none;font-size:12.5px;color:var(--muted)}
.dkp-rozmery__legenda b{font-weight:600;color:var(--accent-ink);letter-spacing:.04em;text-transform:uppercase}
.dkp-rozmery__mrizka{display:grid;grid-template-columns:1fr auto 1fr auto 1fr 1.1fr;gap:10px;align-items:end}
.dkp-krat{padding-bottom:12px;font:400 15px/1 var(--ff-b);color:var(--line2);user-select:none}
.dkp-pole--ks{margin-left:14px}

/* ---------- vypocet ---------- */
.dkp-vypocet{margin:22px -1px -1px;border:1px solid var(--line);border-left:3px solid var(--line2);background:var(--bg2);border-radius:0 0 var(--r) var(--r);padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;transition:border-color .25s}
.dkp-polozka.je-spocitana .dkp-vypocet{border-left-color:var(--accent)}
.dkp-vypocet__stitek{font:600 10.5px/1.2 var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);flex:0 0 auto;margin-right:auto}
.dkp-vypocet__hodnoty{display:flex;flex-wrap:wrap;gap:8px 32px}
.dkp-vypocet__item{display:flex;flex-direction:column;gap:2px}
.dkp-vypocet__item span{font:400 11.5px/1.2 var(--ff-b);letter-spacing:.04em;color:var(--muted)}
.dkp-vypocet__item strong{font:700 22px/1.15 var(--ff-d);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.dkp-vypocet__item i{font-style:normal;font-weight:500;font-size:13px;color:var(--muted)}
.dkp-vypocet__ks{display:block;margin-top:4px;font:400 11.5px/1.2 var(--ff-b);letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums}

/* ---------- pridani polozky a soucet ---------- */
.dkp-akce{margin-top:16px}
.dkp-pridat{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 20px;background:transparent;border:1px dashed var(--line2);border-radius:var(--r);cursor:pointer;font:600 13.5px/1 var(--ff-b);letter-spacing:.02em;color:var(--ink);transition:.2s}
.dkp-pridat span{font-size:16px;line-height:1;color:var(--accent)}
.dkp-pridat:hover{border-color:var(--accent);border-style:solid;background:var(--surface);color:var(--accent-ink)}
.dkp-pridat:focus-visible{outline:none;border-color:var(--accent);border-style:solid;box-shadow:0 0 0 3px rgba(255,141,13,.15)}
.dkp-pridat:focus:not(:focus-visible){border-color:var(--line2);border-style:dashed}

.dkp-celkem{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:16px;padding:16px 20px;background:var(--ink);border-radius:var(--r);color:#fff}
.dkp-celkem__stitek{font:600 10.5px/1.2 var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.dkp-celkem__hodnoty{display:flex;flex-wrap:wrap;gap:6px 26px;font:400 13px/1.3 var(--ff-b);color:#CFCDC7}
.dkp-celkem__hodnoty b{font:700 15px/1.3 var(--ff-d);color:#fff;font-variant-numeric:tabular-nums}

/* ---------- kontakt ---------- */
.dkp-mrizka--kontakt{grid-template-columns:1fr 1fr}
.dkp-pole--sirka{grid-column:1 / -1}

.dkp-souhlas{margin:22px 0 0}
.dkp-souhlas label{display:flex;gap:11px;align-items:flex-start;font:400 13.5px/1.55 var(--ff-b);color:var(--text);cursor:pointer}
.dkp-souhlas input{flex:0 0 17px;width:17px;height:17px;margin:1px 0 0;accent-color:var(--accent);cursor:pointer}
.dkp-souhlas a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}

.dkp-odeslani{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.dkp-tlacitko{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--r);padding:16px 34px;font:600 14px/1 var(--ff-b);letter-spacing:.04em;cursor:pointer;transition:.22s}
.dkp-tlacitko:hover{background:var(--accent-hv);border-color:var(--accent-hv)}
.dkp-odeslani__info{font:400 13px/1.4 var(--ff-b);color:var(--muted)}

/* ---------- antispam ---------- */
.dkp-past{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------- responzivita ---------- */
@media (max-width:900px){
 .dkp-rozmery__mrizka{grid-template-columns:1fr auto 1fr auto 1fr;row-gap:16px}
 .dkp-pole--ks{grid-column:1 / -1;margin-left:0}
 .dkp-pole--ks::before{display:none}
}
@media (max-width:680px){
 .dkp-mrizka--produkt,.dkp-mrizka--kontakt{grid-template-columns:1fr}
 .dkp-rozmery__mrizka{grid-template-columns:1fr 1fr;gap:14px}
 .dkp-krat{display:none}
 .dkp-rozmery__mrizka>p:nth-of-type(3){grid-column:1 / -1}
 .dkp-pole--ks{grid-column:1 / -1;margin-left:0;padding-top:14px;border-top:1px solid var(--line)}
 .dkp-vypocet{margin-inline:-1px;padding:16px}
 .dkp-vypocet__stitek{flex:1 0 100%;margin-right:0}
 .dkp-vypocet__hodnoty{gap:8px 28px;width:100%}
 .dkp-vypocet__item strong{font-size:20px}
 .dkp-blok__hlava{gap:11px}
 .dkp-tlacitko{width:100%}
 .dkp-odeslani__info{width:100%;text-align:center}
}

/* atribut hidden musi prebit display z komponent */
.dkp [hidden]{display:none!important}

/* ---------- krycí šířka s perem a volitelné parametry ---------- */
.dkp-pero{grid-column:1 / -1;display:block;margin-top:2px;font:400 11.5px/1.35 var(--ff-b);letter-spacing:.02em;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.dkp-volby{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}
.dkp-napoveda{display:block;margin-top:6px;font:400 11.5px/1.4 var(--ff-b);color:var(--muted)}
@media (max-width:680px){.dkp-volby{grid-template-columns:1fr}}