/* adatiq Akadémia — a /kepzesek/:slug részletező oldalra jellemző, egyedi
   szabályok. Forrás: adatiq-academy-reszletezo-v3.html (jóváhagyott referencia). */

.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:center;}
.hero h1{font-size:38px;line-height:1.16;margin-bottom:16px;}
.hero p.lead{font-size:15px;margin-bottom:22px;}
.meta-line{font-size:13px;color:#C9DED5;font-family:'IBM Plex Mono',monospace;margin-bottom:22px;}
.countdown-box{margin-bottom:22px;}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;}
/* Másodlagos, kevésbé hangsúlyos "Tematika letöltése PDF-ben" gomb
   (2026-09-11) — átlátszó háttér, halvány mint szegély/szöveg, NEM
   versenyez a teli teal .btn-primary-vel a figyelemért. */
.btn-outline-mint{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(167,242,209,0.35);color:#A7F2D1;font-size:14px;font-weight:600;padding:12px 22px;border-radius:100px;white-space:nowrap;}
@media (hover:hover) and (pointer:fine){
  .btn-outline-mint:hover{border-color:rgba(167,242,209,0.6);}
}
@media (max-width:480px){
  .cta-row{flex-direction:column;align-items:stretch;}
  .cta-row > a{justify-content:center;text-align:center;}
}
/* 2026-09-11-i javítás: a .hero-photo háttérkép (NEM <img> — a "sima img"
   feltételezés téves volt, l. hero-instructor-avatar/gallery-item, azok
   valódi <img>-ek object-position-nel; ez itt background-image egy
   div-en) korábban "center 32%"-nál vágott, ami a fejtetőt levágta —
   most "center top", a background-image megfelelője az
   object-fit:cover + object-position:top-nak. */
/* 2026-09-11-i javítás (2. kör): a doboz eddig fix height:300px-es,
   FEKVŐ arányú volt — egy álló (portré) fotónál ez garantáltan vágást
   igényelt, bármilyen background-position mellett. Az arány most
   MEGEGYEZIK a training-oldali "Oktatók" szekció már javított
   .instructor-bio-avatar komponensével (l. lent, aspect-ratio:2/3) —
   nem kitalált érték, a ténylegesen már bevált arány újrahasznosítva. */
.hero-photo{border-radius:20px;overflow:hidden;aspect-ratio:2/3;background-size:cover;background-position:center top;position:relative;}
.hero-video-wrap{border-radius:20px;overflow:hidden;height:300px;}
.hero-video-wrap iframe{width:100%;height:100%;border:0;display:block;}
.hero-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:rgba(5,42,32,0.35);}

/* Két (vagy több) oktatónál a nagy hero-fotó helyett egymás melletti
   mini-kártyák — l. 2026-08-23-i javítás: egy training-instructors mezőben
   lévő teljes névlista helyett korábban csak egy (alapértelmezett) fotó
   jelent meg. */
.hero-instructors{display:flex;gap:14px;height:300px;align-items:center;}
.hero-instructor-card{flex:1;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:20px;padding:20px 14px;text-align:center;}
/* 2026-09-08-i javítás: kör (border-radius:50%) helyett lekerekített
   téglalap, ugyanazzal a 12px-es értékkel, mint az org-chart CEO-dobozánál
   (org-chart külön komponens, NEM ez — csak a sarok-lekerekítés értéke
   közös a konzisztencia kedvéért) — a kör alak levágta a fejtetőt. Az
   object-position:top az object-fit:cover vágását felülre igazítja, hogy
   a fejtető is látszódjon. */
.hero-instructor-avatar{width:76px;height:76px;border-radius:12px;overflow:hidden;margin:0 auto 12px;}
.hero-instructor-avatar img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.hero-instructor-name{color:#fff;font-size:14px;font-weight:600;}

.content{padding:44px 0 60px;display:grid;grid-template-columns:1.4fr 0.9fr;gap:24px;align-items:start;}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px;}
.card h2{font-size:13px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);margin-bottom:14px;}
.card p{font-size:14px;color:var(--ink);line-height:1.65;margin:0;}

.stat-row{display:flex;gap:36px;margin-top:18px;}
.stat .num{font-family:'Source Serif 4',serif;font-size:26px;color:var(--deep);font-weight:600;}
.stat .lbl{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.04em;}

.grid3{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:14px;}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;}
.mini-card .tag{font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;color:var(--deep);display:block;margin-bottom:8px;}
.mini-card h3{font-size:15px;margin-bottom:8px;}
.mini-card p{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0;}
.takeaway-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.takeaway-list li{display:flex;gap:10px;font-size:13px;line-height:1.5;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;}
.takeaway-list li .chk{color:var(--deep);font-weight:600;flex-shrink:0;}
.takeaway-list li.takeaway-heading{background:none;border:none;padding:6px 2px 0;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);}
.takeaway-list li.takeaway-heading:first-child{padding-top:0;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.gallery-item{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#E9E7DC;position:relative;}
/* object-position:top (2026-09-11-i javítás, ua. hiba-típus, mint az
   org-chart CEO-doboznál és a training-fejléc oktató-fotóinál) — az
   object-fit:cover korábban középre vágott, ami a portré-jellegű
   képeknél levágta a fejtetőt. */
.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.gallery-item.video::after{content:"▶";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:rgba(0,0,0,0.25);}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.two-col h3{font-size:14px;margin-bottom:8px;}
.two-col p{font-size:13px;color:var(--ink-soft);}

/* 2026-09-10: a program-eszköztár (kereső + PDF-gomb) és a fülek közös
   csúszó-háttere (day-tab-slider) — l. render/reszletezo.js programHtml(). */
.program-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap;}
.program-toolbar .search-box{flex:1;margin-bottom:0;min-width:160px;}
.pdf-download-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;flex-shrink:0;}
.pdf-download-btn[aria-disabled="true"]{opacity:.55;pointer-events:none;cursor:not-allowed;}
.pdf-soon-badge{font-size:10px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.04em;background:var(--line);color:var(--ink-soft);padding:2px 6px;border-radius:100px;}

.day-tabs{position:relative;display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
/* A csúszó háttér a gombok MÖGÖTT (z-index:0), a gomboknak ezért nincs
   saját háttere/border-je aktív állapotban — a slider adja a vizuális
   kiemelést, JS-ből pozicionálva (top/left/width/height a valódi aktív
   gomb bounding box-ára, l. programHtml() inline script). */
.day-tab-slider{position:absolute;top:0;left:0;width:0;height:0;background:var(--deep);border-radius:8px;transition:left 200ms ease-out,width 200ms ease-out,top 200ms ease-out,height 200ms ease-out;z-index:0;}
.day-tab{position:relative;z-index:1;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:none;transition:color 160ms ease-out,border-color 160ms ease-out;}
.day-tab.active{border-color:transparent;color:#fff;}

/* Tartalom-váltás finom áttűnéssel (fade + enyhe translateY) a nyers
   "azonnal cserélődik" helyett — session-hide a kilépő, session-enter a
   belépő állapot kezdő értékei, l. programHtml() inline script. */
.session{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:110px 1fr;gap:16px;transition:opacity 140ms ease-out,transform 140ms ease-out;}
.session.session-hide{opacity:0;transform:translateY(4px);}
.session.session-enter{opacity:0;transform:translateY(-4px);}
.session .time{font-size:13px;color:var(--deep);font-family:'IBM Plex Mono',monospace;}
.session h4{font-size:15px;margin-bottom:4px;}
.session .instr{font-size:12px;color:var(--ink-soft);margin-bottom:6px;}
.session p{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0 0 10px;}
.session .note{font-size:12px;color:#9C3B3B;margin-top:6px;}

.session-block-heading{font-size:13px;font-weight:700;color:var(--deep);margin:14px 0 6px;}
.session-block-heading:first-child{margin-top:0;}
.session-bullets{margin:0 0 10px;padding-left:18px;}
.session-bullets li{font-size:13px;color:var(--ink-soft);line-height:1.55;margin-bottom:4px;}

/* Halvány menta kiemelt doboz — "Amit hazaviszel"/"Házi feladat", csak ha
   legalább az egyik ki van töltve (l. sessionHighlightBoxHtml). */
.session-highlight-box{background:rgba(167,242,209,.13);border:1px solid rgba(167,242,209,.6);border-radius:10px;padding:12px 16px;margin-top:12px;}
.session-highlight-row{font-size:13px;color:var(--ink);line-height:1.55;}
.session-highlight-row + .session-highlight-row{margin-top:6px;}
.session-highlight-row strong{font-weight:700;}

@media (prefers-reduced-motion: reduce){
  .day-tab-slider,.session{transition:none;}
}

.instructor-bio{display:flex;gap:18px;align-items:flex-start;}
.instructor-bio-avatar{width:104px;aspect-ratio:2/3;border-radius:14px;overflow:hidden;flex-shrink:0;}
.instructor-bio-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.instructor-bio-role{font-size:12.5px;font-weight:600;color:var(--deep);font-family:'IBM Plex Mono',monospace;}

/* sidebar */
.sidebar-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px;}
.deadline{background:#FDECEC;color:#9C3B3B;font-size:13px;font-weight:600;padding:10px 14px;border-radius:10px;margin-bottom:14px;}
.capacity{font-size:13px;color:var(--ink-soft);margin-bottom:16px;}
label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;margin-top:12px;}
input[type=text],input[type=email],input[type=tel]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:'Inter',sans-serif;}
.checkbox-row{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:12px;color:var(--ink-soft);}
.checkbox-row input{margin-top:2px;}
.buy-btn{width:100%;background:var(--deep);color:#fff;font-weight:600;font-size:14px;padding:13px;border-radius:100px;text-align:center;margin-top:18px;display:block;border:none;cursor:pointer;}

/* a jelentkezési doboz cím+dátum fejléce (a korábbi "X fő jelentkezett
   eddig" élő számláló helyén) + a CTA-gomb alatti Oktató/Program blokkok —
   2026-08-25-i második átdolgozás. */
.reg-sidebar-title{font-family:'Source Serif 4',serif;font-size:17px;font-weight:600;line-height:1.3;margin-bottom:4px;}
.reg-sidebar-date{font-size:13px;color:var(--ink-soft);}
.reg-sidebar-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);}
.reg-sidebar-block-label{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--deep);margin-bottom:10px;}
.reg-sidebar-instructor{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.reg-sidebar-instructor:last-child{margin-bottom:0;}
.reg-sidebar-instructor img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.reg-sidebar-instructor-name{font-size:13.5px;font-weight:600;}
.reg-sidebar-instructor-role{font-size:12px;color:var(--ink-soft);}
.reg-sidebar-program{margin:0;padding:0;list-style:none;max-height:220px;overflow-y:auto;}
.reg-sidebar-program li{font-size:12.5px;color:var(--ink-soft);line-height:1.5;padding:5px 0;border-bottom:1px solid var(--line);}
.reg-sidebar-program li:last-child{border-bottom:none;}
.reg-sidebar-program li b{color:var(--ink);font-weight:600;}
.reg-sidebar-location{font-size:12.5px;color:var(--ink-soft);margin-top:8px;}
.reg-sidebar-location b{color:var(--ink);font-weight:600;}
.tax-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.04em;background:var(--teal);color:var(--deep);padding:2px 8px;border-radius:100px;margin-left:6px;}
.location-box p{font-size:13px;color:var(--ink-soft);margin:0 0 12px;}
.map-placeholder{height:120px;background:#E9E7DC;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
.confirm-box{background:#fff;border:1px solid var(--teal);border-radius:12px;padding:18px;font-size:14px;line-height:1.6;}
.confirm-box .ok{color:var(--deep);font-weight:600;}

@media (max-width:900px){.hero-grid,.content,.two-col,.grid3{grid-template-columns:1fr;}.menu{display:none;}.hero-instructors{height:auto;}}