/* Prvá minúta — additions on top of the posudokoriziku.sk design system (styles.css) */

/* brand mark: ISO 7010 first-aid sign — white cross on green */
.brand .mark.mark-fa{background:var(--green)}
.brand .mark.mark-fa::after{background:var(--navy)}
.brand .mark.mark-fa svg{width:22px;height:22px}
.foot-brand .mark.mark-fa{background:var(--green)}
.foot-brand .mark.mark-fa svg{width:20px;height:20px}

/* hero with photo */
.hero-photo{position:relative;margin:0}
.hero-photo .ph{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:3/2;background:var(--soft2)}
.hero-photo .ph img{width:100%;height:100%;object-fit:cover}
.cert-card{position:absolute;left:-26px;bottom:-30px;width:min(300px,78%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1rem 1.1rem;font-size:.84rem}
.cert-card .cc-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}
.cert-card .cc-ic{width:34px;height:34px;border-radius:9px;background:var(--green-soft);color:var(--green-700);display:grid;place-items:center;flex:0 0 auto}
.cert-card b{display:block;color:var(--ink);font-size:.9rem;line-height:1.25}
.cert-card small{color:var(--muted);font-size:.76rem}
.cert-card .cc-row{display:flex;justify-content:space-between;gap:.8rem;border-top:1px dashed var(--line);padding:.38rem 0;color:var(--body)}
.cert-card .cc-row span:last-child{color:var(--ink);font-weight:700;text-align:right}
.cert-card .cc-ok{color:var(--green-700)!important}
.hero-chip{position:absolute;right:-14px;top:22px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);padding:.5rem .9rem .5rem .55rem;display:flex;align-items:center;gap:.55rem;font-size:.84rem;color:var(--ink);font-weight:700;line-height:1.2}
.hero-chip i{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem}
.hero-chip small{display:block;font-weight:500;color:var(--muted);font-size:.74rem}

/* scope box: suitable vs not suitable */
.scope{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}
.scope-col{border-radius:var(--radius-lg);padding:1.5rem 1.6rem;border:1px solid var(--line);background:#fff}
.scope-col.yes{border-color:#bfe3cc;background:linear-gradient(180deg,var(--green-soft),#fff 70%)}
.scope-col.no{background:linear-gradient(180deg,#fdf1ef,#fff 70%);border-color:#f1d2cc}
.scope-col h3{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;margin-bottom:.9rem}
.scope-col h3 i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;color:#fff;flex:0 0 auto}
.scope-col.yes h3 i{background:var(--green)}
.scope-col.no h3 i{background:#c2412d}
.scope-col ul{list-style:none;display:grid;gap:.6rem}
.scope-col li{display:flex;gap:.6rem;align-items:flex-start;font-size:.97rem}
.scope-col li i{margin-top:.35rem;font-size:.8rem}
.scope-col.yes li i{color:var(--green-700)}
.scope-col.no li i{color:#c2412d}

/* course modules */
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mod{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.25rem;display:flex;gap:.9rem;align-items:flex-start;transition:border-color .2s,box-shadow .2s}
.mod:hover{border-color:#cfe6d8;box-shadow:var(--shadow-sm)}
.mod .mi{width:40px;height:40px;border-radius:10px;background:var(--navy-soft);color:var(--navy);display:grid;place-items:center;flex:0 0 auto;font-size:1rem}
.mod.key .mi{background:var(--green);color:#fff}
.mod b{display:block;color:var(--ink);font-size:1rem;line-height:1.3;margin-bottom:.2rem}
.mod small{color:var(--muted);font-size:.88rem;line-height:1.5;display:block}

/* price per person */
.price-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem;align-items:stretch}
.pcard{background:#fff;border:2px solid var(--green);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:var(--shadow);position:relative}
.pcard .ribbon{position:absolute;top:-13px;left:1.6rem;background:var(--green);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px}
.pcard .p-name{font-size:1.25rem;font-weight:800;color:var(--ink)}
.pcard .p-for{color:var(--muted);font-size:.93rem;margin:.2rem 0 1rem}
.pcard .p-price{display:flex;align-items:baseline;gap:.4rem;color:var(--ink)}
.pcard .p-price b{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.pcard .p-price span{font-weight:700}
.pcard .p-vat{color:var(--muted);font-size:.86rem;margin:.3rem 0 1.1rem}
.pcard ul{list-style:none;display:grid;gap:.55rem;margin-bottom:1.4rem}
.pcard li{display:flex;gap:.6rem;align-items:flex-start;font-size:.96rem}
.pcard li i{color:var(--green-700);margin-top:.35rem;font-size:.82rem}
.calc{background:var(--navy);color:#dbe5ef;border-radius:var(--radius-lg);padding:1.8rem;display:flex;flex-direction:column}
.calc h3{color:#fff;font-size:1.15rem;margin-bottom:.3rem}
.calc p{color:#aebccb;font-size:.92rem}
.calc .qty{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:.8rem 0 1.2rem}
.calc .qty button{width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:1.2rem;cursor:pointer}
.calc .qty button:hover{background:rgba(255,255,255,.14)}
.calc .qty input{width:84px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--ink);font:inherit;font-weight:800;font-size:1.15rem;text-align:center}
.calc .qty label{color:#fff;font-weight:600}
.calc .crow{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem}
.calc .crow b{color:#fff}
.calc .ctotal{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.25)}
.calc .ctotal b{font-size:1.9rem;color:#fff;font-weight:800;letter-spacing:-.02em}
.calc .calc-foot{margin-top:auto;padding-top:1.3rem}
.placeholder-note{display:flex;gap:.45rem;align-items:flex-start;background:#fff7e6;border:1px dashed #e0b35a;color:#7a5510;border-radius:10px;padding:.55rem .8rem;font-size:.82rem;line-height:1.45;margin-top:.9rem}
.calc .placeholder-note{background:rgba(255,247,230,.08);border-color:rgba(224,179,90,.6);color:#f3d9a4}

/* photo band */
.photo-band{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;align-items:stretch}
.photo-band figure{margin:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--soft2)}
.photo-band img{width:100%;height:100%;object-fit:cover}

/* order: employees */
.emp-head,.emp-row{display:grid;grid-template-columns:28px 1fr 1fr 1.35fr 40px;gap:.55rem;align-items:center}
.emp-head{font-size:.76rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 0 .4rem}
.emp-row{margin-bottom:.55rem}
.emp-row .n{font-weight:800;color:var(--muted);font-size:.9rem;text-align:center}
.emp-row input{width:100%;min-width:0;padding:.7rem .75rem;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem;color:var(--ink);background:#fff}
.emp-row input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(30,156,87,.15)}
.emp-row .rm{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
.emp-row .rm:hover{color:#c2412d;border-color:#f1d2cc}
.emp-tools{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}
.btn-sm{padding:.55rem .95rem;font-size:.9rem}
.paste-box{display:none;margin-top:1rem}
.paste-box.open{display:block}
.paste-box textarea{width:100%;min-height:130px;padding:.8rem;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.92rem}
.paste-box small{display:block;color:var(--muted);font-size:.83rem;margin:.35rem 0 .6rem}
.fs-title{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem}
.fs-title .fn{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:0 0 auto}
.fs-title h2{font-size:1.3rem}
.fs{padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line)}
.fs.last{border-bottom:0;margin-bottom:0;padding-bottom:0}
.fs .osub{color:var(--muted);font-size:.93rem;margin:-.5rem 0 1.1rem}
.field .hint{display:block;color:var(--muted);font-size:.8rem;margin-top:.3rem}

/* timeline on course page */
.tl{display:grid;position:relative;max-width:780px}
.tl-item{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding-bottom:1.6rem;position:relative}
.tl-item:not(:last-child)::before{content:"";position:absolute;left:25px;top:52px;bottom:0;width:2px;background:var(--line)}
.tl-item .tn{width:52px;height:52px;border-radius:14px;background:#fff;border:2px solid var(--green);color:var(--green-700);display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.tl-item h3{margin:.55rem 0 .3rem}
.tl-item p{margin:0;font-size:.98rem}

/* fact table on legal page */
.facts{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:.95rem}
.facts th,.facts td{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.facts th{background:var(--soft);color:var(--ink);width:34%;font-weight:700}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}
.src{font-size:.8rem;color:var(--muted)}
.src a{color:var(--green-700);text-decoration:underline}
.law-box{background:#fff;border-left:4px solid var(--green);border-radius:0 var(--radius) var(--radius) 0;padding:1.2rem 1.4rem;box-shadow:var(--shadow-sm);margin:1.2rem 0}

@media(max-width:980px){
  .modules{grid-template-columns:repeat(2,1fr)}
  .price-wrap{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .hero-photo{margin:0 0 2.2rem}
  .cert-card{left:10px}
  .hero-chip{right:10px}
  .photo-band{grid-template-columns:1fr}
  .photo-band figure:last-child{max-height:420px}
}
@media(max-width:720px){
  .scope{grid-template-columns:1fr}
  .emp-head{display:none}
  .emp-row{grid-template-columns:1fr 1fr 40px;grid-template-areas:"n n rm" "m p p" "e e e";row-gap:.45rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
  .emp-row .n{grid-area:n;text-align:left}
  .emp-row .rm{grid-area:rm}
  .emp-row input[data-f=meno]{grid-area:m}
  .emp-row input[data-f=priezvisko]{grid-area:p}
  .emp-row input[data-f=email]{grid-area:e}
}
@media(max-width:560px){
  .modules{grid-template-columns:1fr}
  .cert-card{position:relative;left:0;bottom:0;width:100%;margin-top:.8rem;box-shadow:var(--shadow-sm)}
  .hero-photo{margin-bottom:0}
  .hero-chip{top:12px}
  .pcard .p-price b{font-size:2.5rem}
  .facts th{width:auto;display:block;border-bottom:0;padding-bottom:.2rem}
  .facts td{display:block}
  .facts tr{display:block;border-bottom:1px solid var(--line)}
}

/* fixes after spotcheck */
[hidden]{display:none!important}
section.hero{padding:0}
.mobile-menu:not(.open){visibility:hidden;box-shadow:none}
.nav-links a{white-space:nowrap}
.nav-phone{white-space:nowrap}
@media(max-width:1240px){.nav-phone{display:none}}
@media(max-width:1100px){.nav-links a{padding:.55rem .55rem;font-size:.92rem}}
.hero-photo .ph{aspect-ratio:4/3}
@media(max-width:560px){
  .topbar .tb-badge{display:none}
  .brand .bt small{display:none}
  .nav-cta .btn-primary{display:none}
}

/* lighter homepage */
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 1.6rem}
.chips span{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-weight:600;font-size:.94rem;color:var(--ink)}
.chips i{color:var(--green)}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--green-700)}
.link-arrow:hover{gap:.75rem}
.link-arrow i{transition:transform .2s}
.hero .lead{max-width:34ch}
.cta-band h2{margin-bottom:1.6rem}

/* round 2: fable visual review */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hero-grid{padding-bottom:clamp(36px,4vw,56px)}
#obsah .split{align-items:start}
#obsah .split > div:first-child{padding-top:1rem}
#obsah .media-tall{height:clamp(300px,32vw,440px)}
.sec-head p,.hero .lead{color:var(--body)}
.scope-col.yes{background:var(--green-soft)}
.scope-col.no{background:#fdf1ef}
.cta-band{background:var(--green-soft);color:var(--ink);border-top:1px solid #cfe6d8}
.cta-band h2{color:var(--ink)}
.cta-band p{color:var(--body)}
.cta-band .btn-ghost{color:var(--ink);border-color:var(--line);background:#fff}
.cta-band .btn-ghost:hover{color:var(--ink);border-color:var(--green);background:#fff}
.footer-bottom{color:#b9c5d1}
@media(max-width:560px){
  .hero-cta .btn{width:100%}
  .chips span{flex:1 1 calc(50% - .6rem);justify-content:flex-start;font-size:.88rem;padding:.55rem .8rem}
}
#obsah h2{margin-bottom:.8rem}
.pcard{display:flex;flex-direction:column}
.pcard .btn{margin-top:auto}
@media(max-width:560px){
  .chips{display:grid;grid-template-columns:1fr;gap:.5rem}
  .chips span{border-radius:12px;font-size:.93rem}
}
#orderDone,#orderPending{scroll-margin-top:120px}