/* adatiq Akadémia — a /kepzesek katalógus-oldalra jellemző, egyedi szabályok.
   Forrás: adatiq-academy-kepzesek-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:42px;line-height:1.14;margin-bottom:18px;}
.hero p.lead{font-size:15px;max-width:480px;margin-bottom:24px;}
.meta-line{font-size:13px;color:#C9DED5;font-family:'IBM Plex Mono',monospace;margin-bottom:26px;}
.countdown-box{margin-bottom:26px;}
.cta-row{display:flex;gap:12px;}
.hero-photo{border-radius:20px;overflow:hidden;height:340px;background-size:cover;background-position:center 12%;}

.catalog{padding:44px 0 60px;}
.intro{padding:40px 0 8px;}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px;}
.intro-card h3{font-size:17px;margin-bottom:8px;}
.intro-card p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin:0;}
.filters{display:flex;gap:10px;margin-bottom:28px;}
.filter{font-family:'IBM Plex Mono',monospace;font-size:13px;padding:9px 18px;border-radius:100px;border:1px solid var(--line);color:var(--ink-soft);background:var(--card);}
.filter.active{background:var(--deep);border-color:var(--deep);color:#fff;}

/* .catalog-list — a training-card.js kártyáinak listája (a korábbi
   day-group/day-label dátum szerinti csoportosítás megszűnt, a dátum most
   magán a kártyán jelenik meg, l. trainingCard.js). */
.catalog-list{display:flex;flex-direction:column;gap:16px;}

/* .event-card* — a /fiokom saját-jelentkezések listája még ezt hívja
   (fiokom.js), l. .badge, .tag — közösek, l. tokens.css. */
.event-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;gap:20px;align-items:center;margin-bottom:16px;}
.event-photo{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0;}
.event-body{flex:1;}
.event-body h3{font-size:18px;margin-bottom:4px;}
.event-meta{font-size:13px;color:var(--ink-soft);}
.event-price{font-weight:600;font-size:14px;white-space:nowrap;}
.event-card .badge{margin-left:10px;}
.event-card-soft{border-style:dashed;background:#fff;}

/* /fiokom (2026-08-25-i bővítés): profil-összefoglaló kártya + "Ez is
   érdekelhet" ajánló-rács — l. render/fiokom.js. */
.section-title{font-family:'Source Serif 4',serif;font-size:20px;font-weight:600;letter-spacing:-0.01em;margin-bottom:16px;}
.account-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;}
.profile-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 14px 14px 0;padding:20px 20px 16px;}
.profile-card-head{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--deep);margin-bottom:14px;}
.profile-card-data{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 14px;}
.profile-card-data dt{color:var(--ink-soft);font-size:13px;white-space:nowrap;}
.profile-card-data dd{margin:0;color:var(--ink);font-size:13.5px;font-weight:500;}
.profile-card-note{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0;padding-top:12px;border-top:1px solid var(--line);}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

@media (max-width:820px){.hero-grid,.intro-grid,.account-grid,.grid2{grid-template-columns:1fr;}.hero-photo{height:200px;}.event-card{flex-wrap:wrap;}}

/* --- Naptár-funkció (2026-08-31, 2. fázis) — színkódolt hónap-rács a
   /kepzesek lista alatt. Reszponzív terv (jóváhagyva): asztali 3 hónap/sor,
   tablet 2/sor, mobil 1/sor (egymás alatt) — minden hónap-mininaptár
   mindig 7 oszlopos (H-K-Sze-Cs-P-Szo-V), csak a napcellák kicsinyednek. --- */
.training-calendar{padding:40px 0 60px;border-top:1px solid var(--line);}
.training-calendar h3{font-family:'Source Serif 4',serif;font-size:24px;font-weight:600;letter-spacing:-0.01em;margin:4px 0 24px;}
.tc-months{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;}
.tc-month{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;}
.tc-month-title{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--deep);margin-bottom:10px;}
.tc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;}
.tc-weekdays span{font-size:10.5px;color:var(--ink-soft);text-align:center;}
.tc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.tc-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;font-size:11.5px;color:var(--ink);position:relative;}
.tc-day-empty{visibility:hidden;}
/* 4. fázis: a nap-cella MOST <a href="/regisztracio?training=..."> — a
   text-decoration/color reset kell, hogy ne nézzen ki sima linknek. */
.tc-day-has-training{background:#fff;border:1px solid var(--line);cursor:pointer;text-decoration:none;color:var(--ink);transition:opacity .15s ease,border-color .15s ease;}
@media (hover:hover) and (pointer:fine){
  .tc-day-has-training:hover{border-color:var(--teal);}
}
.tc-day-has-training:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}
.tc-day-num{line-height:1;}
.tc-day-dot{width:6px;height:6px;border-radius:50%;margin-top:2px;}
/* 2026-08-31, 3. fázis: a legenda MOST <button>-ökből áll (a korábbi
   dísztelen <span>-ekkel szemben) — az alap gomb-stílust visszaállítjuk,
   hogy a megjelenés ne változzon, csak a kattinthatóság adódjon hozzá. */
.tc-legend{display:flex;flex-wrap:wrap;gap:10px 18px;}
.tc-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-soft);border:none;background:none;padding:0;font-family:inherit;cursor:pointer;border-radius:4px;}
.tc-legend-item:hover{color:var(--ink);}
.tc-legend-item:focus-visible{outline:2px solid var(--teal);outline-offset:3px;}
.tc-legend-item.active{color:var(--ink);font-weight:600;}
.tc-legend-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.tc-day-dimmed{opacity:.2;}

@media (max-width:900px){
  .tc-months{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .tc-months{grid-template-columns:1fr;}
}