/*
Theme Name: CreatIT — Mirabel's Parti Szerviz
Theme URI: https://creatit.hu
Author: CreatIT Solutions
Author URI: https://creatit.hu
Description: Egyedi blokktéma a Mirabel's Kft. (Mirabel's Parti Szerviz) számára, a Demján Sándor Program keretében. Nincs build lépés — sima CSS és theme.json.
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 8.1
Version: 0.1.0
License: Proprietary
Text Domain: creatit-theme
*/

/*
  Ez a fájl a 06-design/elonezet/assets/css/mirabel.css 1:1 portolása — az a
  stíluslap már átment egy teljes design review + javítási körön
  (06-design/design-review/DESIGN-REVIEW.md), minden érték a brand.json
  tokenjeire hivatkozik (var(--t1)…var(--t12), var(--zold-700) stb.), nincs
  benne a skálán kívüli literál érték (a review F1/T3 tételei ezt
  kifejezetten ellenőrizték és javították).

  A színek/térközök/tipográfia forrása tehát EZ a fájl saját :root-ja, nem a
  theme.json settings.color/typography/spacing preset-rendszere — a
  theme.json emellett is definiálja ugyanezeket a tokeneket (l. ott), hogy a
  Site Editor színválasztója és tipográfia-eszközei is a márka tokenjeit
  kínálják fel bármilyen ad-hoc admin-szerkesztéshez, de a tényleges oldal
  ebből a fájlból kapja a kinézetét, ahogy a design review is ezt vizsgálta.
*/

:root {
  /* Színek */
  --zold-200: #D8DFDA;
  --zold-700: #4F6B57;
  --zold-800: #3E5545;
  --zold-900: #2D3E32;
  --menta-200: #C9DDCE;
  --menta-800: #395B41;
  --arany-400: #E8B94F;
  --arany-700: #A57918;
  --homok-100: #F1EEE9;
  --homok-200: #E2D2BE;
  --homok-300: #D3C4B1;
  --homok-700: #674D2D;
  --homok-800: #85610F;
  --kakao-400: #BA9E91;
  --kakao-700: #795544;
  --kakao-800: #604234;
  --kakao-900: #463025;
  --kakao-950: #38271F;
  --feher: #FFFFFF;
  --krem: #FAF7F0;

  /* Szerepek */
  --lap-hatter: var(--krem);
  --felulet: var(--feher);
  --szoveg: var(--kakao-950);
  --szoveg-halvany: var(--kakao-700);
  --keret: var(--homok-300);
  --elsodleges: var(--zold-700);
  --elsodleges-hover: var(--zold-800);
  --dekor: var(--arany-400);
  --fokusz: var(--zold-800);

  /* Tipográfia */
  --f-cim: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --f-szoveg: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Térköz (4px alaprács) */
  --t1: 4px;  --t2: 8px;  --t3: 12px; --t4: 16px; --t5: 24px;
  --t6: 32px; --t7: 40px; --t8: 48px; --t9: 64px; --t10: 80px;
  --t11: 96px; --t12: 128px;

  /* Rács */
  --tartalom-max: 1200px;
  --szeles-max: 1440px;
  --oldalmargo: 48px;

  /* Kerekítés / árnyék */
  --r-kicsi: 4px; --r-kozepes: 8px; --r-nagy: 16px; --r-teljes: 999px;
  --arnyek-kicsi: 0 1px 2px rgba(56,39,31,0.06);
  --arnyek-kozepes: 0 4px 12px rgba(56,39,31,0.08);
}

@media (max-width: 899px) { :root { --oldalmargo: 32px; } }
@media (max-width: 599px) { :root { --oldalmargo: 20px; } }

*, *::before, *::after { box-sizing: border-box; }

/* A WP-mag automatikusan margin-block-start: 24px-et ad (a) minden
   #tartalom közvetlen gyerekének ("flow" layout block-gap-je) ÉS (b) a
   .wp-site-blocks közvetlen gyerekeinek is (fejléc/main/lábléc — ez
   utóbbi FÜGGETLEN attól, hogy melyik layout-típust használja a main).
   Mindkettő ütközik a saját .szekcio padding-alapú térköz-
   rendszerünkkel (dupla rés a lábléc előtt is). Nullázva; a class-
   szelektor szándékosan magasabb specificitású, mint a WP-mag
   :where()-es szabálya (annak 0 a specificitása) — forrás-sorrendtől
   függetlenül felülír. */
#tartalom.is-layout-flow > * { margin-block-start: 0; margin-block-end: 0; }
.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

body {
  margin: 0;
  background: var(--lap-hatter);
  color: var(--szoveg);
  font-family: var(--f-szoveg);
  font-size: 1.0625rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

a { color: var(--elsodleges); text-decoration: none; }
a:hover { color: var(--elsodleges-hover); }

:focus-visible {
  outline: 3px solid var(--fokusz);
  outline-offset: 2px;
}

.skip-link {
  position: absolute; left: -999px; top: 0; z-index: 1000;
  background: var(--zold-900); color: var(--krem);
  padding: 14px 22px; border-radius: 0 0 8px 0;
  font-weight: 500;
}
.skip-link:focus { left: 0; }

h1, h2, h3 { font-family: var(--f-cim); font-weight: 600; color: var(--szoveg); margin: 0; }
h1 { font-size: clamp(2.25rem, 1.6rem + 3vw, 4.75rem); line-height: 1.08; letter-spacing: -0.02em; }
h2 { font-size: clamp(1.9rem, 1.5rem + 1.6vw, 3.25rem); line-height: 1.14; letter-spacing: -0.015em; }
h3 { font-size: clamp(1.4rem, 1.2rem + 0.8vw, 2rem); line-height: 1.2; }

.mottó, .idezet-szoveg {
  font-family: var(--f-cim); font-style: italic; font-weight: 500;
  color: var(--elsodleges);
}

.rovatcim {
  display: flex; align-items: center; gap: 14px;
  font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--elsodleges);
}
.rovatcim::before {
  content: ""; width: 44px; height: 1px; background: var(--dekor); display: block; flex-shrink: 0;
}
.rovatcim.kozepre { justify-content: center; }
.rovatcim.kozepre::after {
  content: ""; width: 44px; height: 1px; background: var(--dekor); display: block; flex-shrink: 0;
}

.tartalom {
  max-width: var(--tartalom-max);
  margin: 0 auto;
  padding-left: var(--oldalmargo);
  padding-right: var(--oldalmargo);
}

.szeles {
  max-width: var(--szeles-max);
  margin: 0 auto;
  padding-left: var(--oldalmargo);
  padding-right: var(--oldalmargo);
}

.gomb {
  display: inline-block;
  padding: 16px 32px;
  border-radius: var(--r-teljes);
  font-family: var(--f-szoveg);
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}
.gomb-elsodleges { background: var(--elsodleges); color: var(--feher); }
.gomb-elsodleges:hover { background: var(--elsodleges-hover); color: var(--feher); }
.gomb-korvonal { background: transparent; color: var(--elsodleges); border-color: var(--elsodleges); }
.gomb-korvonal:hover { background: var(--zold-200); }
.gomb-arany { background: var(--dekor); color: var(--kakao-950); font-weight: 700; }
.gomb-arany:hover { background: var(--arany-700); color: var(--krem); }
.gomb-halvany { background: transparent; color: var(--krem); border-color: var(--menta-200); }
.gomb-halvany:hover { background: rgba(255,255,255,0.08); }

/* ===== FEJLÉC ===== */
.fejlec {
  position: sticky; top: 0; z-index: 100;
  display: flex; align-items: center; gap: 48px;
  padding: 20px var(--oldalmargo);
  background: var(--lap-hatter);
  border-bottom: 1px solid var(--keret);
}
.fejlec__logo img { height: 52px; width: auto; }
.fejlec__nav { flex-grow: 1; display: flex; align-items: center; gap: 30px; }
.fejlec__nav a { font-size: 0.9375rem; color: var(--szoveg); }
.fejlec__nav a[aria-current="page"] {
  color: var(--elsodleges); font-weight: 500;
  border-bottom: 2px solid var(--dekor); padding-bottom: 3px;
}
.fejlec__cta { flex-shrink: 0; }
.fejlec__hamburger {
  display: none; background: none; border: none; cursor: pointer; padding: 9px;
}
.fejlec__hamburger svg { display: block; }

@media (max-width: 899px) {
  .fejlec { gap: var(--t5); }
  .fejlec__nav {
    display: none;
    position: absolute; left: 0; right: 0; top: 100%;
    background: var(--felulet); border-bottom: 1px solid var(--keret);
    flex-direction: column; align-items: flex-start; gap: 4px;
    padding: 12px var(--oldalmargo) 20px;
  }
  .fejlec__nav.nyitva { display: flex; }
  .fejlec__nav a { padding: 10px 0; width: 100%; }
  .fejlec__cta { display: none; }
  .fejlec__hamburger { display: block; margin-left: auto; }
}

/* ===== HERO ===== */
.hero {
  display: flex; gap: 72px; align-items: center;
  padding: var(--t11) var(--oldalmargo) var(--t11);
}
.hero__szoveg { width: 47%; display: flex; flex-direction: column; gap: 28px; }
.hero__lead { margin: 0; font-size: 1.1875rem; line-height: 1.65; color: var(--kakao-700); max-width: 30em; }
.hero__cta { display: flex; gap: 16px; align-items: center; padding-top: 8px; flex-wrap: wrap; }
.hero__racs {
  flex-grow: 1; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--t5);
}
.kategoria-kep {
  display: block; position: relative; height: 232px; border-radius: var(--r-kozepes);
  overflow: hidden; background-size: cover; background-position: center;
}
.kategoria-kep__img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
}
.kategoria-kep__cimke {
  position: absolute; left: 16px; bottom: 16px; z-index: 1;
  background: var(--krem); color: var(--szoveg);
  font-size: 0.8125rem; font-weight: 500; padding: 7px 14px; border-radius: var(--r-teljes);
}
.kep-helyzo {
  /* Design review F2 (2026-09-22): homok-700/homok-200 = 3,79:1, ez kis
     szövegre nem éri el a WCAG AA 4,5:1-et. kakao-800-ra cserélve
     (6,1:1 ugyanazon a háttéren — kakao-700 csak 4,44:1 lett volna,
     még mindig AA alatt). */
  display: flex; align-items: center; justify-content: center; text-align: center;
  font-size: 0.75rem; letter-spacing: 0.08em; color: var(--kakao-800);
  height: 100%; padding: 16px; background: var(--homok-200);
}

/* ===== VALÓDI FOTÓK — kategória- és szolgáltatás-képek ===== */
.szolg-kartya__kep {
  display: block; width: 100%; height: 240px; object-fit: cover;
}
.kinalat-kartya__kep {
  display: block; width: 130px; height: 130px; object-fit: cover; flex-shrink: 0; border-radius: var(--r-kozepes);
}
.reszletes-blokk__kep img { width: 100%; object-fit: cover; display: block; }

@media (max-width: 899px) {
  .hero { flex-direction: column; align-items: stretch; gap: var(--t10); }
  .hero__szoveg { width: 100%; }
}
@media (max-width: 599px) {
  .hero__racs { grid-template-columns: 1fr 1fr; gap: 12px; }
  .kategoria-kep { height: 150px; }
}

/* ===== SZEKCIÓK ===== */
.szekcio { padding: var(--t11) var(--oldalmargo); }
.szekcio--felulet { background: var(--felulet); }
.szekcio--menta { background: var(--menta-200); }
.szekcio--sotet { background: var(--zold-900); color: var(--krem); }
.szekcio--sotet h2 { color: var(--krem); }
.szekcio--kakao { background: var(--kakao-950); color: var(--krem); }

.szekciofej { display: flex; flex-direction: column; gap: var(--t4); margin-bottom: var(--t9); }
.szekciofej.kozepre { align-items: center; text-align: center; }

@media (max-width: 599px) { .szekcio { padding: var(--t9) var(--oldalmargo); } }

/* ===== BEMUTATKOZÁS ===== */
.bemutatkozas { display: flex; gap: 80px; align-items: flex-start; }
.bemutatkozas__kep { width: 340px; flex-shrink: 0; display: flex; flex-direction: column; gap: var(--t5); }
.bemutatkozas__kep img, .bemutatkozas__kep .kep-helyzo { border-radius: var(--r-kozepes); width: 100%; height: 420px; }
.bemutatkozas__kep figcaption { margin: 0; font-size: 0.875rem; color: var(--kakao-700); }
.bemutatkozas__szoveg { flex-grow: 1; display: flex; flex-direction: column; gap: 24px; max-width: 600px; }
.bemutatkozas__szoveg p { margin: 0; font-size: 1.0625rem; line-height: 1.7; }
.bemutatkozas__mottó { font-size: 1.5rem; }
.link-nyil { display: inline-flex; align-items: center; gap: 10px; font-weight: 500; border-bottom: 1px solid var(--dekor); padding-bottom: 4px; align-self: flex-start; }

@media (max-width: 899px) {
  .bemutatkozas { flex-direction: column; gap: var(--t6); }
  .bemutatkozas__kep { width: 100%; }
  .bemutatkozas__kep img, .bemutatkozas__kep .kep-helyzo { height: 320px; }
}

/* ===== SZOLGÁLTATÁS KÁRTYÁK ===== */
.kartyaracs-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 32px; }
.szolg-kartya {
  display: flex; flex-direction: column; background: var(--felulet);
  border-radius: var(--r-kozepes); overflow: hidden; box-shadow: var(--arnyek-kicsi);
}
.szolg-kartya__kep { height: 240px; }
.szolg-kartya__kep, .szolg-kartya .kep-helyzo { height: 240px; }
.szolg-kartya__tartalom { display: flex; flex-direction: column; gap: 14px; padding: var(--t6) var(--t6) var(--t6); }
.szolg-kartya__cim { font-family: var(--f-cim); font-weight: 600; font-size: 2rem; line-height: 1.2; }
.szolg-kartya__mottó { font-family: var(--f-cim); font-style: italic; font-size: 1.3125rem; line-height: 1.4; color: var(--elsodleges); }
.szolg-kartya__leiras { font-size: 1rem; line-height: 1.7; color: var(--kakao-700); }

@media (max-width: 899px) { .kartyaracs-3 { grid-template-columns: 1fr; } }

/* ===== KÍNÁLAT ===== */
.kinalat-fej { display: flex; gap: var(--t10); align-items: flex-end; margin-bottom: var(--t9); }
.kinalat-fej__leiras { flex-grow: 1; }
.kinalat-fej__szoveg { margin: 0; width: 420px; flex-shrink: 0; font-size: 1.0625rem; line-height: 1.7; color: var(--kakao-700); }
.kartyaracs-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px; }
.kinalat-kartya {
  display: flex; gap: 28px; align-items: center; background: var(--krem);
  border: 1px solid var(--keret); border-radius: var(--r-kozepes); padding: var(--t6);
}
.kinalat-kartya__kep, .kinalat-kartya .kep-helyzo { width: 130px; height: 130px; flex-shrink: 0; border-radius: var(--r-kozepes); font-size: 0.6875rem; }
.kinalat-kartya__cim { font-family: var(--f-cim); font-weight: 600; font-size: 1.75rem; line-height: 1.2; display: block; margin-bottom: 10px; }
.kinalat-kartya__leiras { font-size: 1rem; line-height: 1.7; color: var(--kakao-700); }

@media (max-width: 899px) { .kinalat-fej { flex-direction: column; align-items: flex-start; gap: var(--t5); } .kinalat-fej__szoveg { width: 100%; } }
@media (max-width: 599px) { .kartyaracs-2 { grid-template-columns: 1fr; } .kinalat-kartya { flex-direction: column; align-items: flex-start; } }

/* ===== ÉRVEK (MIÉRT A MIRABEL'S) ===== */
.ervek-racs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 32px; }
.erv { display: flex; flex-direction: column; gap: 14px; padding-top: 24px; border-top: 1px solid var(--szoveg); }
.erv__szam { font-family: var(--f-cim); font-size: 2.375rem; line-height: 1; color: var(--elsodleges); }
.erv__cim { font-family: var(--f-cim); font-weight: 600; font-size: 1.625rem; line-height: 1.25; }

@media (max-width: 899px) { .ervek-racs { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 599px) { .ervek-racs { grid-template-columns: 1fr; } }

/* ===== HÁROM LÉPÉS ===== */
.lepesek-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px; }
.lepes { display: flex; flex-direction: column; gap: 14px; padding-top: 24px; border-top: 1px solid var(--keret); }
.lepes__szam { font-family: var(--f-cim); font-size: 2.375rem; line-height: 1; color: var(--elsodleges); }
.lepes__cim { font-family: var(--f-cim); font-weight: 600; font-size: 1.75rem; }
@media (max-width: 899px) { .lepesek-3 { grid-template-columns: 1fr; } }

/* ===== CTA SÁV ===== */
.cta-sav { display: flex; gap: 72px; align-items: center; }
.cta-sav__szoveg { flex-grow: 1; display: flex; flex-direction: column; gap: var(--t5); }
.cta-sav__szoveg p { margin: 0; font-size: 1.1875rem; line-height: 1.65; color: var(--menta-200); max-width: 34em; }
.cta-sav__gombok { display: flex; flex-direction: column; gap: 14px; flex-shrink: 0; }
.cta-sav__gombok .gomb { text-align: center; }
@media (max-width: 899px) { .cta-sav { flex-direction: column; align-items: stretch; gap: var(--t6); } }

/* ===== IDÉZET ===== */
.idezet { display: flex; justify-content: center; }
.idezet__doboz { max-width: 860px; display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; }
.idezet__vonal { width: 64px; height: 1px; background: var(--dekor); }
.idezet__szoveg { margin: 0; font-family: var(--f-cim); font-style: italic; font-weight: 500; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem); line-height: 1.35; color: var(--krem); }
.idezet__szerzo { font-size: 0.9375rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--menta-200); }

/* ===== OLDALFEJ (belső oldalak) ===== */
.oldalfej {
  padding: var(--t10) var(--oldalmargo) var(--t8);
  display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center;
}
.oldalfej h1 { max-width: 16ch; }
.oldalfej p { margin: 0; max-width: 60ch; font-size: 1.1875rem; line-height: 1.65; color: var(--kakao-700); }
.oldalfej__csipek { display: flex; gap: 12px; padding-top: 12px; flex-wrap: wrap; justify-content: center; }
.csip {
  display: inline-block; padding: 10px 20px; background: var(--felulet); color: var(--szoveg);
  border: 1px solid var(--homok-300); border-radius: var(--r-teljes); font-size: 0.9375rem; font-weight: 500;
}

/* ===== SZOLGÁLTATÁS RÉSZLETES BLOKK ===== */
.reszletes-blokk { display: flex; gap: 80px; align-items: center; }
.reszletes-blokk.forditott { flex-direction: row-reverse; }
.reszletes-blokk__kep { width: 46%; flex-shrink: 0; }
.reszletes-blokk__kep img, .reszletes-blokk__kep .kep-helyzo { height: 460px; border-radius: var(--r-kozepes); }
.reszletes-blokk__szoveg { flex-grow: 1; display: flex; flex-direction: column; gap: 22px; }
.reszletes-blokk__szoveg .mottó { font-size: 1.5rem; }
.reszletes-blokk__szoveg > p { margin: 0; max-width: 62ch; }
.pontlista { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.pontlista li { display: flex; gap: 12px; align-items: flex-start; font-size: 1rem; line-height: 1.7; color: var(--kakao-700); }
.pontlista li::before {
  content: ""; width: 6px; height: 6px; margin-top: 10px; flex-shrink: 0; border-radius: var(--r-teljes); background: var(--dekor); display: block;
}

@media (max-width: 899px) {
  .reszletes-blokk, .reszletes-blokk.forditott { flex-direction: column; gap: var(--t6); }
  .reszletes-blokk__kep { width: 100%; }
  .reszletes-blokk__kep img, .reszletes-blokk__kep .kep-helyzo { height: 300px; }
}

/* ===== ŰRLAP ===== */
.urlap-szekcio { display: flex; gap: var(--t11); align-items: flex-start; }
.urlap-szekcio__intro { width: 380px; flex-shrink: 0; display: flex; flex-direction: column; gap: var(--t5); }
.urlap-szekcio__intro p { margin: 0; font-size: 1.0625rem; line-height: 1.7; color: var(--kakao-700); }
.ajanlat-urlap { flex-grow: 1; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.mezo { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mezo.teljes { grid-column: 1 / -1; }
.mezo label { font-size: 0.875rem; font-weight: 500; }
.mezo input, .mezo select, .mezo textarea {
  width: 100%; max-width: 100%;
  height: 50px; padding: 0 16px; font-size: 1rem; font-family: var(--f-szoveg);
  color: var(--szoveg); background: var(--krem); border: 1px solid var(--homok-300); border-radius: var(--r-kicsi);
}
.mezo textarea { height: auto; padding: 14px 16px; line-height: 1.6; resize: vertical; }
.mezo-jelolo { grid-column: 1 / -1; display: flex; gap: 12px; align-items: flex-start; }
.mezo-jelolo input { width: 20px; height: 20px; margin: 2px 0 0; flex-shrink: 0; accent-color: var(--elsodleges); }
.mezo-jelolo label { font-size: 0.9375rem; line-height: 1.6; color: var(--kakao-700); font-weight: 400; }
.urlap-kuldes { grid-column: 1 / -1; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.urlap-visszajelzes { grid-column: 1 / -1; padding: 16px 20px; border-radius: var(--r-kozepes); background: var(--menta-200); color: var(--zold-900); font-size: 0.9375rem; display: none; }
.urlap-visszajelzes.mutat { display: block; }

@media (max-width: 899px) {
  .urlap-szekcio { flex-direction: column; gap: var(--t6); }
  .urlap-szekcio__intro { width: 100%; }
  .ajanlat-urlap { grid-template-columns: 1fr; }
}

/* ===== KAPCSOLAT ADATOK ===== */
.elerhetoseg-racs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 32px; max-width: 760px; }
.elerhetoseg-kartya {
  background: var(--felulet); border-radius: var(--r-kozepes); padding: var(--t6);
  display: flex; flex-direction: column; gap: 10px; box-shadow: var(--arnyek-kicsi);
}
.elerhetoseg-kartya__cim { font-family: var(--f-cim); font-weight: 600; font-size: 1.375rem; }
.elerhetoseg-kartya a, .elerhetoseg-kartya p { margin: 0; font-size: 1rem; color: var(--kakao-700); }
@media (max-width: 899px) { .elerhetoseg-racs { grid-template-columns: 1fr; } }

.terkep-helyzo {
  height: 360px; border-radius: var(--r-kozepes); background: var(--homok-100);
  border: 1px solid var(--keret); display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 24px; color: var(--kakao-700); font-size: 0.9375rem;
}
.terkep-beagyazas {
  width: 100%; height: 360px; border: 1px solid var(--keret); border-radius: var(--r-kozepes);
}

/* ===== LÁBLÉC ===== */
.lablec { background: var(--kakao-950); padding: var(--t9) var(--oldalmargo) var(--t6); color: var(--krem); }
.lablec__felso { display: flex; gap: var(--t10); align-items: flex-start; padding-bottom: var(--t9); border-bottom: 1px solid var(--kakao-800); flex-wrap: wrap; }
.lablec__brand { width: 280px; flex-shrink: 0; display: flex; flex-direction: column; gap: var(--t5); }
.lablec__brand img { height: 80px; width: auto; }
.lablec__brand p { margin: 0; font-size: 0.9375rem; line-height: 1.7; color: var(--kakao-400); }
.lablec__oszlopok { flex-grow: 1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px; }
.lablec__oszlop { display: flex; flex-direction: column; gap: 14px; }
.lablec__oszlop-cim { font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dekor); }
.lablec__oszlop a, .lablec__oszlop span { font-size: 0.9375rem; color: var(--krem); line-height: 1.7; }
.lablec__oszlop a:hover { color: var(--dekor); }
.tamogatoi-blokk { display: flex; align-items: center; gap: 40px; padding: 40px 0; flex-wrap: wrap; }
.tamogatoi-blokk img { display: block; width: auto; }
.tamogatoi-blokk__dsp { height: 141px; }
.tamogatoi-blokk__neum { height: 90px; }
.tamogatoi-blokk p { margin: 0; font-size: 0.9375rem; line-height: 1.7; color: var(--krem); max-width: 34em; }

.lablec__also { padding-top: 28px; border-top: 1px solid var(--kakao-800); display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.lablec__also span { font-size: 0.875rem; color: var(--kakao-400); }

@media (max-width: 899px) {
  .lablec__oszlopok { grid-template-columns: 1fr 1fr; }
  .tamogatoi-blokk { flex-direction: column; align-items: flex-start; gap: var(--t5); }
}
@media (max-width: 599px) {
  .lablec__oszlopok { grid-template-columns: 1fr; }
}

/* Segéd: vizuálisan rejtett, de képernyőolvasónak elérhető */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* =====================================================================
   WORDPRESS-SPECIFIKUS KIEGÉSZÍTÉSEK
   A fentiek a statikus előnézetből változtatás nélkül portolva. Az alábbi
   szabályok csak a WP-környezethez kellenek (nincs megfelelőjük a statikus
   verzióban): admin bar, a Gutenberg alap-listastílusok box-sizingje,
   szerkesztőben megjelenő zárolt minta-jelzés.
   ===================================================================== */
.admin-bar .fejlec { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .fejlec { top: 46px; }
}