/* corteon 2026 – doplnky pre Drupal (webform, správy, záložky, texty) */
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px;word-wrap:normal}
.visually-hidden.focusable:focus{position:fixed!important;clip:auto;height:auto;width:auto;z-index:100;top:10px;left:10px;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:12px}
main{display:contents}

/* Kontaktný blok: karta s formulárom */
.form-wrap{background:var(--paper);border-radius:var(--r-xl);padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;gap:16px}
.form-wrap h3{font-size:28px}
.form-wrap p.small{font-size:15px;color:var(--muted);margin-top:-6px}
.form-wrap .promise{margin-top:0;justify-content:center}
.form-wrap form.form{background:none;padding:0;border-radius:0}
.contact .form-wrap{align-self:start}

/* Webform → vzhľad prototypu */
form.form{gap:14px}
form.form .form-item,form.form .js-form-item{margin:0}
form.form .webform-flexbox{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
form.form .webform-flex{margin:0;min-width:0}
form.form .webform-flex--container{margin:0}
form.form label.form-required::after,form.form .form-required::after{content:" *";color:var(--muted)}
form.form .description,form.form .webform-element-description{font-size:13px;color:var(--muted)}
form.form .form-actions{margin:4px 0 0}
form.form input.btn{border:0;cursor:pointer;font:600 16px/1 var(--font);width:auto;align-self:flex-start}
form.form .form-type-checkbox{flex-direction:row;align-items:flex-start;gap:10px}
form.form .form-type-checkbox input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ink)}
form.form .form-type-checkbox label{font-weight:400;font-size:14px;color:var(--muted)}
form.form .form-item--error-message,form.form .form-item--error-message strong{font-size:13.5px;color:#B3261E;font-weight:500}
form.form input.error,form.form textarea.error,form.form select.error{border-color:#B3261E}
form.form .webform-confirmation,.webform-confirmation{background:var(--t-lime);border-radius:14px;padding:14px 18px}
.webform-confirmation__back{display:none}
form.form .antibot-no-js,form.form noscript{font-size:13px}
@media (max-width:760px){form.form .webform-flexbox{grid-template-columns:1fr}}

/* Systémové správy a záložky pre adminov */
.messages{max-width:var(--max,1440px);margin:16px auto;padding:14px 20px;border-radius:14px;background:var(--paper);font-size:15px}
.messages--error{background:#FBE9E7}
.messages--status{background:var(--t-lime)}
.messages__list{margin:0;padding-left:18px}
ul.tabs,nav.tabs ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0;padding:0 clamp(16px,4vw,32px)}
nav.tabs a,ul.tabs a{display:inline-block;font-size:14px;padding:6px 14px;border-radius:999px;background:var(--paper);text-decoration:none}
nav.tabs a.is-active,ul.tabs a.is-active{background:var(--ink);color:var(--white)}
.block-local-tasks-block,.block-system-messages-block{padding:0 clamp(16px,4vw,32px)}

/* Bežné textové stránky (cookies, GDPR, ďakujeme) */
.prose{max-width:72ch}
.prose > * + *{margin-top:1em}
.prose h2{font-size:clamp(24px,2.4vw,32px);margin-top:1.6em}
.prose h3{font-size:22px;margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.2em}
.prose li + li{margin-top:.35em}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose td,.prose th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.prose img{max-width:100%;height:auto;border-radius:16px}
.prose blockquote{border-left:4px solid var(--lime);padding:6px 0 6px 18px;font-size:20px}

/* Päta: právne odkazy */
.foot__links{display:flex;gap:6px;flex-wrap:wrap}
.foot__links a{color:inherit}

/* Odkaz realizácie bez detailu: nie je klikateľný celý */
article.mcase{cursor:default}
.mcase__web{display:inline-flex;gap:6px;align-items:center;font-size:14px;margin-top:6px}

/* Admin náhľad: upozornenie */
.preview-note{position:fixed;left:12px;bottom:12px;z-index:60;background:var(--ink);color:var(--white);font-size:12.5px;padding:6px;border-radius:12px;opacity:.92;display:flex;gap:4px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 24px)}
.preview-note a{color:var(--white);text-decoration:none;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.1)}
.preview-note a:hover{background:var(--lime);color:var(--ink)}
.preview-note span{padding:0 6px;opacity:.7}
@media (max-width:760px){.preview-note{bottom:76px}}
.blk{display:contents}
.page-hero__media .order{right:20px;bottom:20px}
.ccard__ph svg{width:26px;height:26px}
.art-perex{font-size:20px;line-height:1.5;color:var(--ink)}
.art-perex p{margin:0}
/* Veľká karta realizácie: text vertikálne na stred */
@media (min-width:761px){
  .cases .mcase--feat{grid-template-rows:1fr auto auto auto 1fr;align-content:stretch}
  .cases .mcase--feat .browser{grid-row:1/-1;grid-column:1}
  .cases .mcase--feat h3{grid-column:2;grid-row:2;align-self:end}
  .cases .mcase--feat p{grid-column:2;grid-row:3}
  .cases .mcase--feat .tags{grid-column:2;grid-row:4}
}
/* Štítky sekcií (S čím sme začínali, Výsledok...) ako nadpisy */
.two > .label{font-size:clamp(28px,2.8vw,44px);line-height:1.08;letter-spacing:-.03em;color:var(--ink);font-weight:500;padding-top:0;max-width:14ch}
/* Logá klientov */
.marquee__track img{display:block;height:auto;max-width:none;opacity:.85}
.marquee__track .logo-i{display:flex;align-items:center;flex:none}

/* Prepínač jazykov: aktívny jazyk viditeľný, ostatné po prejdení myšou */
.lang{position:relative;margin-right:4px}
.lang__cur{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;letter-spacing:.02em;padding:7px 10px;border-radius:999px}
.lang__cur svg{width:12px;height:12px;transition:transform .2s}
.lang:hover .lang__cur,.lang:focus-within .lang__cur{background:var(--paper)}
.lang:hover .lang__cur svg,.lang:focus-within .lang__cur svg{transform:rotate(180deg)}
.lang__menu{position:absolute;right:0;top:100%;padding-top:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.lang__menu::before{content:"";position:absolute;inset:8px 0 0;background:var(--white);border-radius:16px;box-shadow:0 0 0 1px var(--line),0 18px 40px -18px rgba(6,37,57,.35)}
.lang:hover .lang__menu,.lang:focus-within .lang__menu,.lang.is-open .lang__menu{opacity:1;visibility:visible;transform:none}
.lang__menu a{position:relative;display:flex;gap:10px;align-items:baseline;white-space:nowrap;text-decoration:none;padding:9px 16px;font-size:14.5px;color:var(--ink)}
.lang__menu a:first-child{margin-top:6px}.lang__menu a:last-child{margin-bottom:6px}
.lang__menu a b{font-weight:600;min-width:22px}
.lang__menu a span{color:var(--muted)}
.lang__menu a:hover{background:var(--paper)}
.lang__menu a[aria-current] b{color:var(--ink)}
.lang__menu a[aria-current]::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:auto;align-self:center}
@media (max-width:980px){.hdr .lang{display:none}}
.mnav__lang{display:flex;gap:8px;margin:4px 0 10px}
.mnav .mnav__lang a{font-size:15px;letter-spacing:.02em;padding:6px 12px;border:1px solid var(--line, #dfe3e1);border-radius:999px}
.mnav .mnav__lang a[aria-current]{background:var(--ink);color:var(--white);border-color:var(--ink)}
/* Návrh jazyka podľa prehliadača */
.langbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;background:var(--ink);color:var(--white);padding:10px 12px 10px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:14.5px;max-width:calc(100% - 32px)}
.langbar a{background:var(--lime);color:var(--ink);text-decoration:none;padding:7px 14px;border-radius:999px;font-weight:600}
.langbar button{background:none;border:0;color:inherit;opacity:.7;cursor:pointer;font:inherit;padding:7px 6px}
.langbar button:hover{opacity:1}
@media (max-width:700px){.langbar{bottom:84px;border-radius:18px}}

/* Sticky prvky: panel orezáva bez vytvorenia scroll kontajnera */
.panel{overflow:clip}
@media (min-width:981px){
  .two > :first-child{position:sticky;top:110px;align-self:start}
  .faq > :first-child{position:sticky;top:110px;align-self:start}
  .faqp__nav{top:110px}
}

/* jazykové menu: bez rámčekov a podfarbenia */
.lang__menu a,.lang__menu a[aria-current]{border:0;background:none;border-radius:0;padding:9px 18px}
.lang__menu a:hover{background:none}
.lang__menu a:hover b,.lang__menu a:hover span{color:var(--ink)}
.lang__menu a[aria-current] span{color:var(--ink)}
/* FAQ: zvýraznenie aktuálnej témy pri scrollovaní */
.faqp__nav a{transition:background .2s,color .2s}
.faqp__nav a.is-active{background:var(--paper);font-weight:550}
.faqp__nav a.is-active::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:10px;vertical-align:middle}

/* aktívna položka druhej úrovne a mobilného menu */
.nav .dd__menu a[aria-current="page"]{background:var(--paper)}
.nav .dd__menu a[aria-current="page"] b::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px;vertical-align:middle}
.mnav a[aria-current="page"]{font-weight:600}
.mnav a[aria-current="page"]::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px;vertical-align:middle}

/* CookieYes – vzhľad podľa webu */
.cky-consent-container .cky-consent-bar,.cky-preference-center,.cky-modal .cky-preference-center{font-family:"Host Grotesk",ui-sans-serif,system-ui,sans-serif!important;border-radius:20px!important;border:1px solid var(--line,#E2E6E5)!important;box-shadow:0 24px 50px -20px rgba(16,20,24,.35)!important;color:#101418!important}
.cky-consent-container .cky-title,.cky-preference-title{color:#101418!important;font-weight:600!important}
.cky-notice-des,.cky-notice-des p,.cky-preference-content-wrapper,.cky-accordion-header-des{color:#5C6469!important}
.cky-btn{font-family:inherit!important;border-radius:999px!important;font-weight:550!important;padding:10px 18px!important;transition:background .2s,border-color .2s,color .2s!important}
.cky-btn-accept,.cky-btn-preferences{background:#D3EF3A!important;border:1px solid #D3EF3A!important;color:#101418!important}
.cky-btn-accept:hover,.cky-btn-preferences:hover{background:#c4e02c!important;border-color:#c4e02c!important;opacity:1!important}
.cky-btn-reject,.cky-btn-customize{background:#fff!important;border:1px solid #101418!important;color:#101418!important}
.cky-btn-reject:hover,.cky-btn-customize:hover{background:#F2F4F3!important;opacity:1!important}
.cky-switch input[type=checkbox]:checked{background:#101418!important}
.cky-notice-des a,.cky-preference-content-wrapper a,.cky-show-desc-btn{color:#101418!important;text-decoration:underline!important}
.cky-btn-revisit-wrapper{background:#101418!important}
body:has(.preview-note) .cky-btn-revisit-wrapper{bottom:76px!important}