/* dd/contact-cta – v3: navy sekcia s mriežkou, biela karta formulára, tmavé kontaktné karty a vrtná trasa. Navy len keď predchádzajúca sekcia nie je navy (inak svetlý variant cez premenné --c-*). */
.cc-nv{--c-bg:var(--navy-700);--c-ink:var(--on-navy);--c-mut:var(--on-navy-muted);--c-card:#ffffff0f;--c-line:#ffffff2e;--c-ib:var(--yellow);--c-ic:var(--on-yellow);background:var(--c-bg);color:var(--c-ink);border-bottom:var(--c-bb,4px solid var(--yellow))}
:is(.dd-on-navy,.wp-block-dd-benefit-grid,.wp-block-dd-service-slider)+.cc-nv{--c-bg:var(--surface-100);--c-ink:var(--ink);--c-mut:var(--ink-muted);--c-card:var(--surface-0);--c-line:var(--line);--c-ib:var(--blue-100);--c-ic:var(--blue);--c-bb:0;--c-fb:var(--line);--c-fs:none;--c-hv:var(--blue);--c-no:none}
.wp-block-dd-stats-bar+.cc-nv{margin-top:var(--space-8)}
.cc-nv::before{display:var(--c-no,block)}
.cc{max-width:var(--container);margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:7fr 5fr;gap:var(--space-7);align-items:stretch}
.fm{background:var(--surface-0);color:var(--ink);border:1px solid var(--c-fb,transparent);border-top:4px solid var(--yellow);border-radius:var(--radius-md);box-shadow:var(--c-fs,0 30px 70px -28px #000);padding:var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.fm .full{grid-column:1/-1}
.fm h2{grid-column:1/-1;margin:0 0 var(--space-2)}
.fm select.dd-input{padding-right:var(--space-3)}
.fm .dd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fm .dd-form-actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}
.fm .dd-alert{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:15px;line-height:22px;font-weight:600}
.fm .dd-alert-error{color:var(--danger);border:2px solid var(--danger)}
.fm .dd-alert-ok{color:var(--success);border:2px solid var(--success)}
.fm .dd-alert svg{width:20px;height:20px;flex:none;margin-top:1px}
.fm [hidden]{display:none!important}
.fm .dd-btn[aria-busy="true"]{opacity:.7;cursor:progress}
.side{display:flex;flex-direction:column;gap:var(--space-4)}
.cc .kc{display:flex;gap:var(--space-4);align-items:center;padding:20px 24px;background:var(--c-card);border:1px solid var(--c-line);color:var(--c-ink);transition:border-color var(--duration-base) var(--ease-out),translate var(--duration-base) var(--ease-out)}
.cc .kc:hover,.cc .kc:focus-within{border-color:var(--yellow);translate:0 -2px}
html.dd-js .dd-pre.dd-in .kc[data-st]{transition-property:opacity,transform,translate,border-color;transition-duration:600ms,700ms,.2s,.2s;transition-delay:calc(var(--i,0)*90ms),calc(var(--i,0)*90ms),0s,0s}
.cc .kc .dd-icon-circle{border-radius:var(--radius-sm);background:var(--c-ib);color:var(--c-ic)}
.kc .v{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:28px;color:var(--c-ink);text-decoration:none;display:inline-block;min-height:28px}
.kc:first-child .v{font-size:clamp(30px,3vw,38px);line-height:1.1}
.kc a.v{display:inline-flex;align-items:center;min-height:44px}
.kc a.v:hover{color:var(--c-hv,var(--yellow))}
.kc .s{color:var(--c-mut);font-size:15px;line-height:22px}
/* vrtná trasa: jama → oblúk pod cestou → jama; nakreslí sa raz pri vstupe (len s JS pod záhybom) */
.cc-trasa{display:var(--c-no,block);width:100%;max-width:480px;height:auto;margin-top:auto;padding-top:var(--space-5);overflow:visible}
.cc-trasa .rd{fill:#ffffff1f}
.cc-trasa .gr,.cc-trasa .pit{fill:none;stroke:#ffffff59;stroke-width:1.5}
.cc-trasa .tr{fill:none;stroke:var(--yellow);stroke-width:3;stroke-dasharray:8 7;stroke-linecap:round}
.cc-trasa .pt{fill:var(--yellow)}
.dd-pre .cc-trasa .tr{clip-path:inset(0 100% 0 0)}
.dd-pre.dd-in .cc-trasa .tr{clip-path:inset(0);transition:clip-path var(--duration-slow) var(--ease-io) .5s}
.dd-pre .cc-trasa .pt{opacity:0}
.dd-pre.dd-in .cc-trasa .pt{opacity:1;transition:opacity .4s var(--ease-out) .3s}
@media (max-width:1023px){.cc{grid-template-columns:1fr;gap:var(--space-6);padding:64px 24px}.cc-trasa{margin-top:0;padding-top:var(--space-2)}}
@media (max-width:767px){
  .cc{padding:48px 16px}
  .fm{padding:var(--space-5)}
  .fm .dd-btn[type="submit"]{width:100%}
}
@media (max-width:639px){.fm{grid-template-columns:1fr}}
/* UX audit F18: odkazy vo formulári vo farbe webu */
.fm a{color:var(--blue);text-decoration-thickness:1.5px;text-underline-offset:3px}