/*
Theme Name: FMA – Fékezd Magad Alapítvány
Theme URI: https://fekezdmagad.hu
Author: Fékezd Magad Alapítvány
Description: Egyedi, one-pager + blog sablon a Fékezd Magad Alapítvány számára. Az A5 kiadvány vizuális világa alapján: márka-zöld, piros akcentus, lekerekített "blob" formák. Tartalmaz kiemelt adó 1% blokkot, adományozási szekciót, hírarchívumot, cikkoldalt oldalsávval és beépített kapcsolatfelvételi űrlapot.
Version: 1.2.6
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fma
Tags: nonprofit, one-column, two-columns, custom-logo, custom-menu, featured-images, blog, sticky-post
*/

/* =========================================================
   FMA DESIGNSYSTEM
   Az A5 kiadvány vizuális világából: zöld–piros–fekete,
   lekerekített formák, barátságos, de letisztult.
   WordPress átültetésnél ezek a változók = globális stílusok.
   ========================================================= */
:root{
  /* Színek */
  --green:      #2BB673;   /* elsődleges márka-zöld (logó) */
  --green-dark: #1E9560;   /* hover, mélyebb árnyalat */
  --green-deep: #0F7A4B;   /* kiemelt blokk háttér */
  --green-tint: #EAF7F1;   /* halvány zöld szekcióháttér */
  --red:        #ED1B24;   /* akcentus (logó "!") – takarékosan */
  --red-tint:   #FDEDEE;
  --ink:        #241E20;   /* szöveg (logó fekete) */
  --ink-soft:   #5C5A58;   /* másodlagos szöveg */
  --paper:      #FFFFFF;
  --cloud:      #F7F8F7;   /* semleges világos háttér */
  --line:       #E4E9E6;

  /* Tipográfia */
  --font-head: 'Nunito', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;

  /* Lekerekítések – a kiadvány blob-formái nyomán */
  --r-sm: 12px;
  --r-md: 22px;
  --r-lg: 34px;
  --r-blob: 34px 34px 34px 110px;      /* képkeret: egy sarok erősen íves */
  --r-blob-alt: 110px 34px 34px 34px;

  --shadow-sm: 0 2px 10px rgba(36,30,32,.06);
  --shadow-md: 0 10px 30px rgba(36,30,32,.10);
  --maxw: 1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16.5px}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:1.18}
h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:14px}
h3{font-size:1.22rem}
p{color:var(--ink-soft)}
a{color:var(--green-dark)}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:2}
section{padding:84px 0;position:relative;overflow:hidden}

/* Szekció-címke ("eyebrow") */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:800;font-size:.83rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark);margin-bottom:12px}
.eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red)}

/* Gombok */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-head);font-weight:800;font-size:1rem;padding:15px 30px;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:.22s;line-height:1.2}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.75);backdrop-filter:blur(4px)}
.btn-ghost:hover{background:#fff;color:var(--ink)}
.btn-outline{background:#fff;color:var(--green-dark);border-color:var(--green)}
.btn-outline:hover{background:var(--green);color:#fff}
.btn-white{background:#fff;color:var(--green-deep)}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.22)}

/* Dekor blobok – a kiadvány sarok-formái */
/* Lebegő dekor-kör: teljes kör, hullámzó széllel – görgetésre lassan úszik (JS) */
.bg-blob{position:fixed;z-index:1;background:var(--green);opacity:.09;pointer-events:none;will-change:transform;animation:blobEdge 11s ease-in-out infinite}

/* Lekerekített háromszög változat */
.bg-blob--tri{background:none;border-radius:0;animation:none}
.bg-blob--tri svg{width:100%;height:100%;display:block;overflow:visible;animation:triSway 18s ease-in-out infinite alternate;transform-origin:50% 60%}
@keyframes triSway{from{transform:rotate(-5deg)}to{transform:rotate(6deg)}}
@keyframes blobEdge{
  0%  {border-radius:52% 48% 55% 45%/48% 55% 45% 52%}
  25% {border-radius:45% 55% 48% 52%/55% 45% 52% 48%}
  50% {border-radius:55% 45% 52% 48%/45% 52% 48% 55%}
  75% {border-radius:48% 52% 45% 55%/52% 48% 55% 45%}
  100%{border-radius:52% 48% 55% 45%/48% 55% 45% 52%}
}

/* Kártyák */
.card{background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:.25s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}

/* Fade-in animáció */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.hero-wave svg,.bg-blob,.bg-blob--tri svg{animation:none}}

/* =============== FEJLÉC =============== */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.nav-logo img{height:48px;width:auto}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none}
.nav-links a{font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--ink);text-decoration:none;transition:.2s}
.nav-links a:hover{color:var(--green-dark)}
.nav-cta{background:var(--green);color:#fff !important;padding:10px 20px;border-radius:999px}
.nav-cta:hover{background:var(--green-dark);color:#fff !important}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:24px;height:3px;background:var(--ink);border-radius:2px;margin:5px 0;transition:.25s}

/* =============== HERO =============== */
.hero{padding:0;min-height:640px;display:flex;align-items:center;position:relative;isolation:isolate;z-index:2}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(15,50,34,.82) 0%,rgba(15,60,40,.55) 55%,rgba(15,50,34,.25) 100%)}
.hero-inner{padding:130px 0 150px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff;font-family:var(--font-head);font-weight:700;font-size:.85rem;padding:7px 16px;border-radius:999px;margin-bottom:22px;backdrop-filter:blur(4px)}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:900;margin-bottom:18px}
.hero h1 em{font-style:normal;color:#8FE7BC}
.hero p{color:rgba(255,255,255,.92);font-size:1.15rem;margin-bottom:34px;max-width:720px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-wave{position:absolute;bottom:-1px;left:0;right:0;height:80px;overflow:hidden;line-height:0;pointer-events:none}
.hero-wave svg{position:absolute;bottom:0;left:0;width:200%;height:100%;display:block}
.hero-wave .wave-back{opacity:.45;animation:waveSlide 21s linear infinite reverse}
.hero-wave .wave-front{animation:waveSlide 13s linear infinite}
@keyframes waveSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* =============== BEMUTATKOZÁS =============== */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.frame{border-radius:var(--r-blob);overflow:hidden;border:5px solid var(--green);box-shadow:var(--shadow-md)}
.frame.alt{border-radius:var(--r-blob-alt);border-color:var(--red)}
.frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/4.6}
.about-points{list-style:none;margin-top:22px;display:grid;gap:10px}
.about-points li{display:flex;gap:11px;align-items:flex-start;color:var(--ink-soft)}
.about-points li::before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:var(--green-tint);color:var(--green-dark);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;margin-top:2px}

/* =============== MIÉRT FONTOS =============== */
.why{background:var(--green-tint)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.why-card{padding:34px 28px;text-align:center;border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-sm)}
.why-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:var(--green-tint)}
.why-icon svg{width:36px;height:36px}
.why-card:nth-child(2) .why-icon{background:var(--red-tint)}
.why-card h3{margin-bottom:8px}

/* =============== PROGRAMOK =============== */
.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.prog-card{overflow:hidden;display:flex;flex-direction:column}
.prog-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.prog-body{padding:24px 24px 28px}
.prog-body h3{margin-bottom:8px}
.prog-tag{display:inline-block;font-family:var(--font-head);font-weight:800;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);background:var(--green-tint);padding:4px 12px;border-radius:999px;margin-bottom:12px}

/* =============== ADÓ 1% =============== */
.tax{background:linear-gradient(135deg,var(--green-deep) 0%,var(--green-dark) 100%);color:#fff;text-align:center}
.tax .eyebrow{color:#B7EFD4}
.tax .eyebrow::before{background:#fff}
.tax h2{color:#fff}
.tax > .container > p{color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 34px;font-size:1.1rem}
.taxnum{display:inline-flex;align-items:center;gap:16px;background:#fff;color:var(--ink);border-radius:var(--r-md);padding:20px 30px;box-shadow:0 14px 40px rgba(0,0,0,.22);flex-wrap:wrap;justify-content:center}
.taxnum-label{font-family:var(--font-head);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.taxnum-value{font-family:var(--font-head);font-weight:900;font-size:clamp(1.5rem,4vw,2.3rem);letter-spacing:.04em}
.copy-btn{font-family:var(--font-head);font-weight:800;font-size:.9rem;background:var(--green);color:#fff;border:none;border-radius:999px;padding:11px 20px;cursor:pointer;transition:.2s;display:inline-flex;gap:7px;align-items:center}
.copy-btn:hover{background:var(--green-dark)}
.copy-btn.copied{background:var(--ink)}
.tax-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px;text-align:left}
.tax-step{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);padding:22px 20px}
.tax-step b{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--green-deep);font-family:var(--font-head);font-weight:900;margin-bottom:12px}
.tax-step p{color:rgba(255,255,255,.92);font-size:.95rem}

/* =============== ADOMÁNYOZÁS =============== */
.donate-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.donate-card{padding:36px 34px;border-radius:var(--r-md)}
.donate-card.person{background:var(--green-tint);border:1px solid #D5EEE1}
.donate-card.company{background:var(--cloud);border:1px solid var(--line)}
.donate-icon{width:56px;height:56px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--shadow-sm)}
.donate-icon svg{width:28px;height:28px}
.donate-card h3{margin-bottom:10px}
.bank{margin-top:18px;background:#fff;border-radius:var(--r-sm);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px dashed var(--green)}
.bank code{font-family:var(--font-head);font-weight:800;font-size:1.02rem;color:var(--ink)}
.bank small{display:block;font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--green-dark)}
.chip{display:inline-block;background:var(--red);color:#fff;font-family:var(--font-head);font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 13px;border-radius:999px;margin-bottom:14px}

/* =============== HÍREK =============== */
.news{background:var(--cloud)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:44px 0 40px}
.news-card{overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.news-card img{aspect-ratio:3/2;object-fit:cover}
.news-body{padding:22px 24px 26px}
.news-date{font-family:var(--font-head);font-weight:700;font-size:.8rem;color:var(--green-dark);text-transform:uppercase;letter-spacing:.08em}
.news-body h3{margin:8px 0 8px}
.news-more{font-family:var(--font-head);font-weight:800;color:var(--green-dark);font-size:.92rem;margin-top:14px;display:inline-block}
.center{text-align:center}

/* =============== PARTNEREK / BIZALOM =============== */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.trust-item{text-align:center;padding:30px 22px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line)}
.trust-item .big{font-family:var(--font-head);font-weight:900;font-size:2.2rem;color:var(--green-dark);line-height:1.1}
.trust-item p{margin-top:6px;font-size:.95rem}

/* =============== KAPCSOLAT =============== */
.contact{background:var(--green-tint)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.contact-info{position:sticky;top:100px}
.contact-list{list-style:none;margin-top:26px;display:grid;gap:16px}
.contact-list li{display:flex;gap:14px;align-items:flex-start}
.contact-list .ci{flex:none;width:44px;height:44px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.contact-list .ci svg{width:22px;height:22px}
.contact-list b{font-family:var(--font-head);display:block;font-size:.95rem}
.contact-list span{color:var(--ink-soft);font-size:.95rem}
form.cform{background:#fff;border-radius:var(--r-lg);padding:38px 36px;box-shadow:var(--shadow-md)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgroup{margin-bottom:16px}
.fgroup label{display:block;font-family:var(--font-head);font-weight:700;font-size:.9rem;margin-bottom:6px}
.fgroup input,.fgroup textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:13px 16px;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--cloud);transition:.2s;outline:none}
.fgroup input:focus,.fgroup textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(43,182,115,.15)}
.fgroup textarea{min-height:120px;resize:vertical}
.fcheck{display:flex;gap:10px;align-items:flex-start;margin:6px 0 18px;font-size:.9rem;color:var(--ink-soft)}
.fcheck input{margin-top:4px;accent-color:var(--green);width:17px;height:17px}
.recaptcha-note{display:flex;align-items:center;gap:10px;background:var(--cloud);border:1px dashed var(--line);border-radius:14px;padding:12px 16px;font-size:.85rem;color:var(--ink-soft);margin-bottom:18px}
.form-success{display:none;background:var(--green-tint);border:1.5px solid var(--green);color:var(--green-deep);font-family:var(--font-head);font-weight:700;border-radius:14px;padding:16px 18px;margin-top:16px}

/* =============== LÁBLÉC =============== */
footer{background:var(--ink);color:#EAE7E5;padding:64px 0 0;position:relative;z-index:2}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px;padding-bottom:44px}
.foot-grid h4{color:#fff;font-size:1rem;margin-bottom:16px}
footer p, footer li{font-size:.93rem;color:#EAE7E5}
footer .foot-grid p{margin:4px 0 22px}
.foot-logo{background:#fff;display:inline-block;padding:10px 14px;border-radius:14px;margin-bottom:18px}
.foot-logo img{height:44px}
footer ul{list-style:none;display:grid;gap:9px}
footer a{color:#EAE7E5;text-decoration:none;transition:.2s}
footer a:hover{color:var(--green)}
.foot-fb{display:inline-flex;align-items:center;gap:9px;background:#3a3435;padding:12px 22px;border-radius:999px;margin:6px 0 18px;font-family:var(--font-head);font-weight:700;color:#fff !important}
.foot-fb:hover{background:var(--green)}
.foot-bottom{border-top:1px solid #3a3435;padding:22px 0;font-size:.85rem;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#B8B3B1}

/* =============== COOKIE BANNER =============== */
.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:200;background:#fff;border-radius:var(--r-md);box-shadow:0 16px 50px rgba(0,0,0,.25);padding:20px 24px;display:none;align-items:center;gap:18px;max-width:680px;margin:0 auto;border:1px solid var(--line)}
.cookie.show{display:flex}
.cookie p{font-size:.9rem;flex:1}
.cookie .btn{padding:11px 22px;font-size:.9rem}

/* Vissza a tetejére */
.totop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;border:none;cursor:pointer;font-size:1.2rem;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:.3s;z-index:90}
.totop.show{opacity:1;pointer-events:auto}
.totop:hover{background:var(--green-dark)}

/* =============== RESZPONZÍV =============== */
@media(max-width:980px){
  .split,.contact-grid{grid-template-columns:1fr;gap:40px}
  .why-grid,.prog-grid,.news-grid,.trust-grid{grid-template-columns:1fr 1fr}
  .tax-steps{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .contact-info{position:static}
}
@media(max-width:640px){
  section{padding:60px 0}
  .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;padding:22px;gap:18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .why-grid,.prog-grid,.news-grid,.trust-grid,.donate-grid,.tax-steps,.frow,.foot-grid{grid-template-columns:1fr}
  .hero-inner{padding:100px 0 120px}
  .bg-blob{display:none}
  .taxnum{width:100%;padding:18px}
}

/* =========================================================
   BLOG – archívum (home.php) és cikkoldal (single.php)
   ========================================================= */

/* Aloldal fejléc-sáv */
.page-hero{background:var(--green-tint);padding:64px 0 56px;position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:10px}
.page-hero p{max-width:560px}
.breadcrumb{font-family:var(--font-head);font-weight:700;font-size:.85rem;margin-bottom:16px;color:var(--ink-soft)}
.breadcrumb a{color:var(--green-dark);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}

/* Kereső */
.search-bar{display:flex;gap:10px;background:#fff;border-radius:999px;padding:7px;box-shadow:var(--shadow-sm);border:1.5px solid var(--line);max-width:520px;margin-top:26px}
.search-bar:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(43,182,115,.15)}
.search-bar input{flex:1;border:none;outline:none;background:none;font-family:var(--font-body);font-size:1rem;padding:8px 10px 8px 18px;color:var(--ink);min-width:0}
.search-bar button{flex:none}
.search-bar .btn{padding:11px 24px;font-size:.95rem}

/* Kategória fülek */
.cat-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0 8px}
.cat-tab{font-family:var(--font-head);font-weight:800;font-size:.92rem;padding:10px 22px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.2s;text-decoration:none}
.cat-tab:hover{border-color:var(--green);color:var(--green-dark)}
.cat-tab.active{background:var(--green);border-color:var(--green);color:#fff}
.cat-count{display:inline-block;margin-left:6px;font-size:.78rem;opacity:.7}

/* Bejegyzés rács */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:34px 0 44px}
.no-results{display:none;text-align:center;padding:60px 20px;color:var(--ink-soft)}
.no-results .big-emoji{font-size:2.6rem;display:block;margin-bottom:12px}

/* Lapozó */
.pagination{display:flex;justify-content:center;gap:8px;margin-bottom:10px}
.page-num{font-family:var(--font-head);font-weight:800;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;transition:.2s}
.page-num:hover{border-color:var(--green);color:var(--green-dark)}
.page-num.current{background:var(--green);border-color:var(--green);color:#fff}
.page-num.arrow{border:none;background:none}

/* Adó 1% keskeny sáv */
.tax-strip{background:linear-gradient(135deg,var(--green-deep) 0%,var(--green-dark) 100%);border-radius:var(--r-lg);color:#fff;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:30px 0 0}
.tax-strip h3{color:#fff;font-size:1.4rem;margin-bottom:6px}
.tax-strip p{color:rgba(255,255,255,.9)}
.tax-strip .num{font-family:var(--font-head);font-weight:900;font-size:1.3rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:8px 18px;border-radius:12px;display:inline-block;margin-top:8px}

/* Cikk elrendezés + sidebar */
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.post-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 24px;color:var(--ink-soft);font-size:.92rem}
.post-meta .prog-tag{margin:0}
.post-hero-img{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:34px}
.post-hero-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-body{font-size:1.05rem}
.article-body p{margin-bottom:18px}
.article-body h2{font-size:1.45rem;margin:34px 0 12px}
.article-body ul{margin:0 0 18px 22px;color:var(--ink-soft)}
.article-body li{margin-bottom:8px}
.article-body blockquote{border-left:5px solid var(--green);background:var(--green-tint);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:20px 24px;margin:26px 0;font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--ink)}
.article-body figure{margin:28px 0}
.article-body figure img{border-radius:var(--r-md);width:100%}
.article-body figcaption{font-size:.85rem;color:var(--ink-soft);margin-top:10px;text-align:center}
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}
.post-tags span{font-family:var(--font-head);font-weight:700;font-size:.8rem;background:var(--cloud);border:1px solid var(--line);padding:5px 14px;border-radius:999px;color:var(--ink-soft)}

/* Előző / következő cikk */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:26px;margin-top:10px}
.post-nav a{text-decoration:none;padding:18px 20px;border-radius:var(--r-md);border:1.5px solid var(--line);transition:.2s;display:block}
.post-nav a:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}
.post-nav small{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--green-dark)}
.post-nav b{display:block;font-family:var(--font-head);color:var(--ink);margin-top:4px;font-size:.98rem}
.post-nav .next{text-align:right}

/* Sidebar widgetek */
.sidebar{display:grid;gap:26px;position:sticky;top:98px}
.widget{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px 24px;box-shadow:var(--shadow-sm)}
.widget-title{font-family:var(--font-head);font-weight:800;font-size:1.05rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.widget-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.widget .search-bar{margin-top:0;max-width:none;padding:5px}
.widget .search-bar .btn{padding:9px 18px;font-size:.88rem}
.mini-post{display:flex;gap:13px;align-items:center;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--cloud)}
.mini-post:last-child{border-bottom:none;padding-bottom:0}
.mini-post img{width:64px;height:64px;object-fit:cover;border-radius:14px;flex:none}
.mini-post b{font-family:var(--font-head);font-weight:800;font-size:.92rem;color:var(--ink);line-height:1.3;display:block}
.mini-post small{color:var(--ink-soft);font-size:.78rem}
.mini-post:hover b{color:var(--green-dark)}
.cat-list{list-style:none}
.cat-list li{border-bottom:1px solid var(--cloud)}
.cat-list li:last-child{border-bottom:none}
.cat-list a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--font-head);font-weight:700;font-size:.95rem;padding:11px 2px;transition:.2s}
.cat-list a:hover{color:var(--green-dark);padding-left:6px}
.cat-list .cnt{font-size:.8rem;background:var(--green-tint);color:var(--green-dark);padding:2px 10px;border-radius:999px}
.widget.cta-1szazalek{background:linear-gradient(135deg,var(--green-deep) 0%,var(--green-dark) 100%);border:none;color:#fff;text-align:center}
.widget.cta-1szazalek .widget-title{color:#fff;justify-content:center}
.widget.cta-1szazalek .widget-title::before{background:#fff}
.widget.cta-1szazalek p{color:rgba(255,255,255,.92);font-size:.95rem;margin-bottom:16px}
.widget.cta-1szazalek .num{font-family:var(--font-head);font-weight:900;font-size:1.35rem;background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;margin-bottom:14px;letter-spacing:.03em}
.widget.cta-1szazalek .copy-btn{width:100%;justify-content:center;margin-bottom:10px}
.widget.cta-1szazalek .btn-white{width:100%;padding:12px 20px;font-size:.95rem}

/* Blog reszponzív */
@media(max-width:980px){
  .blog-grid{grid-template-columns:1fr 1fr}
  .post-layout{grid-template-columns:1fr}
  .sidebar{position:static}
}
@media(max-width:640px){
  .blog-grid{grid-template-columns:1fr}
  .tax-strip{padding:30px 26px}
  .post-nav{grid-template-columns:1fr}
  .post-nav .next{text-align:left}
}

/* =========================================================
   WORDPRESS-SPECIFIKUS KIEGÉSZÍTÉSEK
   (a prototípus fenti CSS-e érintetlen – ide kerül minden,
    amit a WP-s markup igényel)
   ========================================================= */

/* --- Akadálymentesség: ugrás a tartalomra --- */
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;border-radius:var(--r-sm);box-shadow:var(--shadow-md);clip-path:none;color:var(--green-deep);display:block;font-family:var(--font-head);font-weight:800;height:auto;left:16px;line-height:normal;padding:14px 22px;text-decoration:none;top:16px;width:auto;z-index:1000}

/* --- Menü: a wp_nav_menu <li>-re teszi az egyedi osztályt ---
   A fenti .nav-cta szabály így az <li>-re illeszkedne, és a linkkel együtt
   két egymásba ágyazott pirulát rajzolna. Ezért az <li>-t semlegesítjük,
   és kizárólag maga a link lesz a gomb – így a hover pontosan fedi. */
.nav-links li.nav-cta,
.nav-links li.nav-cta:hover{background:none;padding:0;border-radius:0;display:flex;align-items:center}
.nav-links li.nav-cta > a{display:inline-flex;align-items:center;background:var(--green);color:#fff !important;padding:10px 20px;border-radius:999px;transition:background-color .2s}
.nav-links li.nav-cta > a:hover,
.nav-links li.nav-cta > a:focus-visible{background:var(--green-dark);color:#fff !important}
/* Az aktuális oldal menüpontja NEM kap eltérő színt – a fejlécben minden
   sima link egységesen sötét, egyedül az "Adó 1%" gomb üt el. A hover
   marad az egyetlen színváltás, az viszont minden linken ugyanaz. */
.nav-links .sub-menu{display:none}

/* Mobil menüben teljes szélességű, középre igazított gomb. */
@media(max-width:640px){
	.nav-links li.nav-cta > a{justify-content:center;width:100%}
}

/* --- Beágyazott űrlap-visszajelzés (kapcsolati űrlap) --- */
.form-success.is-visible{display:block}
.form-error{background:var(--red-tint);border:1.5px solid var(--red);color:#8f1116;font-family:var(--font-head);font-weight:700;border-radius:14px;padding:16px 18px;margin-bottom:18px}
.fgroup input[aria-invalid="true"],.fgroup textarea[aria-invalid="true"]{border-color:var(--red)}
.fma-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* --- Lapozó: a paginate_links() kimenete --- */
.pagination .dots{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink-soft)}
.pagination .page-num.arrow:hover{color:var(--green-dark)}

/* --- Kártya kép-helyettesítő (nincs kiemelt kép) --- */
.news-card .news-thumb-fallback{aspect-ratio:3/2;background:var(--green-tint);display:flex;align-items:center;justify-content:center;font-size:2.2rem}

/* --- Oldal (page.php) tartalom --- */
.page-content{max-width:820px;margin:0 auto}

/* --- WordPress alap tartalom-osztályok (kötelező elemek) --- */
.alignleft{float:left;margin:6px 24px 18px 0}
.alignright{float:right;margin:6px 0 18px 24px}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.alignwide{width:min(1100px,100%);margin-left:auto;margin-right:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.article-body img{height:auto;border-radius:var(--r-md)}
.wp-caption{max-width:100%}
.wp-caption img{border-radius:var(--r-md)}
.wp-caption-text,.gallery-caption{font-size:.85rem;color:var(--ink-soft);margin-top:10px;text-align:center}
.sticky .news-date::after{content:" · Kiemelt"}
.bypostauthor{display:block}
.article-body ol{margin:0 0 18px 22px;color:var(--ink-soft)}
.article-body table{width:100%;border-collapse:collapse;margin:0 0 22px}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.article-body th{background:var(--green-tint);font-family:var(--font-head)}
.article-body a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
.article-body pre{background:var(--cloud);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;overflow:auto;margin-bottom:18px}
.article-body code{font-size:.92em}
.article-body h3{margin:26px 0 10px}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;padding:15px 30px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none}
.wp-block-image figcaption{font-size:.85rem;color:var(--ink-soft);text-align:center}

/* --- Hozzászólások --- */
.comments-area{margin-top:46px;border-top:1px solid var(--line);padding-top:34px}
.comments-title,.comment-reply-title{font-family:var(--font-head);font-weight:800;font-size:1.25rem;margin-bottom:20px}
.comment-list{list-style:none;display:grid;gap:18px;margin-bottom:30px}
.comment-list ol.children{list-style:none;margin:18px 0 0 26px;display:grid;gap:18px}
.comment-body{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--shadow-sm)}
.comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.85rem;color:var(--ink-soft)}
.comment-author .fn{font-family:var(--font-head);font-weight:800;color:var(--ink);font-style:normal}
.comment-author img{border-radius:50%}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:13px 16px;font-family:var(--font-body);font-size:1rem;background:var(--cloud);outline:none}
.comment-form textarea{min-height:120px;resize:vertical}
.comment-form p{margin-bottom:14px}
.comment-form label{display:block;font-family:var(--font-head);font-weight:700;font-size:.9rem;margin-bottom:6px}
.comment-form .submit{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:1rem;padding:15px 30px;border-radius:999px;border:none;background:var(--green);color:#fff;cursor:pointer}
.comment-form .submit:hover{background:var(--green-dark)}

/* --- 404 --- */
.error404-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}

/* --- Admin bar korrekció (sticky fejléc) --- */
.admin-bar header{top:32px}
@media screen and (max-width:782px){.admin-bar header{top:46px}}

/* --- .reveal csak akkor rejtett, ha van JavaScript --- */
.reveal{opacity:1;transform:none}
html.js .reveal{opacity:0;transform:translateY(22px)}
html.js .reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html.js .reveal{opacity:1;transform:none}}

/* --- Címke-linkek a cikk alján --- */
.post-tags a{text-decoration:none}
.post-tags a:hover span{border-color:var(--green);color:var(--green-dark)}

/* --- Középre igazított kereső (404, üres találat) --- */
.center .search-bar{margin-left:auto;margin-right:auto}

/* --- paginate_links() kimenete --- */
.pagination .page-num.dots{border:none;background:none}
.pagination .page-num.prev,.pagination .page-num.next{border:none;background:none;font-size:1.2rem}
.pagination .page-num.prev:hover,.pagination .page-num.next:hover{color:var(--green-dark)}

/* --- Blokk-widgetek illesztése az oldalsáv designjához --------------------
   Ha az oldalsávba a szerkesztőből raknak widgetet, az <h2 class="wp-block-heading">
   címet és saját listamarkupot hoz – ezeket igazítjuk a téma stílusához. */
.sidebar .widget h2,
.sidebar .widget h3.wp-block-heading{font-family:var(--font-head);font-weight:800;font-size:1.05rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.sidebar .widget h2::before,
.sidebar .widget h3.wp-block-heading::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}
.sidebar .widget ul:not(.cat-list){list-style:none;display:grid;gap:2px}
.sidebar .widget ul:not(.cat-list) li{border-bottom:1px solid var(--cloud)}
.sidebar .widget ul:not(.cat-list) li:last-child{border-bottom:none}
.sidebar .widget ul:not(.cat-list) li a{display:block;text-decoration:none;color:var(--ink);font-family:var(--font-head);font-weight:700;font-size:.95rem;padding:10px 2px;transition:.2s}
.sidebar .widget ul:not(.cat-list) li a:hover{color:var(--green-dark);padding-left:6px}
.sidebar .wp-block-search__inside-wrapper{display:flex;gap:10px;background:#fff;border-radius:999px;padding:5px;border:1.5px solid var(--line)}
.sidebar .wp-block-search__input{flex:1;border:none;outline:none;background:none;font-family:var(--font-body);font-size:1rem;padding:8px 10px 8px 16px;min-width:0}
.sidebar .wp-block-search__button{flex:none;font-family:var(--font-head);font-weight:800;font-size:.88rem;background:var(--green);color:#fff;border:none;border-radius:999px;padding:9px 18px;cursor:pointer}
.sidebar .wp-block-search__button:hover{background:var(--green-dark)}
.sidebar .widget select{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;font-family:var(--font-body);background:var(--cloud)}

/* =========================================================
   GALÉRIA → KARUSZEL (globális: minden wp:gallery blokkra)

   A sín maga a galéria-figure: vízszintes scroll + scroll-snap.
   JS nélkül is működik (görgetés/húzás), a nyilakat és a pöttyöket
   a main.js teszi hozzá progresszív kiegészítésként.
   ========================================================= */
.fma-carousel {
	position: relative;
	margin: 28px 0;
}

/* --- A sín --- */
.wp-block-gallery.has-nested-images {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	width: 100%;
	margin: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	border-radius: var(--r-md);
	background: var(--cloud);
	border: 1px solid var(--line);
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.wp-block-gallery.has-nested-images::-webkit-scrollbar {
	display: none;
}

/* --- Egy dia = teljes szélesség --- */
.wp-block-gallery.has-nested-images > figure.wp-block-image {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	scroll-snap-align: center;
	scroll-snap-stop: always;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wp-block-gallery.has-nested-images > figure.wp-block-image img {
	width: 100%;
	height: auto;
	max-height: 70vh;
	object-fit: contain;
	border-radius: var(--r-md);
	display: block;
}

/* A WP "is-cropped" beállítása ne vágja le a képet. */
.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image img {
	object-fit: contain;
}

.wp-block-gallery.has-nested-images > figure.wp-block-image figcaption {
	position: static;
	background: none;
	color: var(--ink-soft);
	font-size: .85rem;
	text-align: center;
	padding: 10px 16px 0;
	margin: 0;
}

/* --- Nyilak --- */
.fma-carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: none;
	background: var(--green);
	color: #fff;
	font-family: var(--font-head);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: var(--shadow-md);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .22s;
	z-index: 3;
}

.fma-carousel-nav:hover {
	background: var(--green-dark);
}

.fma-carousel-nav[disabled] {
	opacity: 0;
	pointer-events: none;
}

.fma-carousel-nav.prev {
	left: 14px;
}

.fma-carousel-nav.next {
	right: 14px;
}

/* --- Pöttyök --- */
.fma-carousel-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 14px;
}

.fma-carousel-dots button {
	width: 9px;
	height: 9px;
	padding: 0;
	border-radius: 999px;
	border: none;
	background: var(--line);
	cursor: pointer;
	transition: .22s;
}

.fma-carousel-dots button:hover {
	background: var(--green-tint);
}

.fma-carousel-dots button[aria-current="true"] {
	background: var(--green);
	width: 26px;
}

/* --- Számláló (képernyőolvasónak és szemnek) --- */
.fma-carousel-status {
	position: absolute;
	top: 14px;
	right: 14px;
	background: rgba(36, 30, 32, .72);
	color: #fff;
	font-family: var(--font-head);
	font-weight: 700;
	font-size: .78rem;
	padding: 5px 12px;
	border-radius: 999px;
	z-index: 3;
}

/* --- Mobil --- */
@media (max-width: 640px) {
	.fma-carousel-nav {
		width: 38px;
		height: 38px;
		font-size: 1.2rem;
	}

	.fma-carousel-nav.prev { left: 8px; }
	.fma-carousel-nav.next { right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-gallery.has-nested-images {
		scroll-behavior: auto;
	}

	.fma-carousel-nav,
	.fma-carousel-dots button {
		transition: none;
	}
}

/* =========================================================
   KÉPARÁNYOK

   A WordPress width/height attribútumot ír a képekre (pl. 720×480).
   Ez explicit magasságot ad az elemnek, ami felülírja az aspect-ratio-t
   – emiatt a kártyaképek torzultak. A height:auto visszaadja az irányítást
   az aspect-ratio-nak, az object-fit:cover pedig levágja a felesleget.
   ========================================================= */
.news-card img,
.prog-card img,
.post-hero-img img,
.frame img {
	width: 100%;
	height: auto;
}

/* Bejegyzés-kártyák (archívum + főoldali hírek): 3:2 */
.news-card img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/* Cikkoldal kiemelt képe: 3:2 */
.post-hero-img img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/* Programkártyák megtartják a 4:3-at */
.prog-card img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* =========================================================
   BIZALOM-KÁRTYÁK – tartalom függőlegesen is középen

   A rácsban a kártyák egyforma magasra nyúlnak, a szöveg viszont
   felülre tapadt, így a rövidebb kártyák alján üres sáv maradt.
   Flex oszloppá alakítva a tartalom mindkét irányban középre kerül.
   ========================================================= */
.trust-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.trust-item .big {
	margin-bottom: 2px;
}

/* =========================================================
   KAPCSOLATI ŰRLAP KÁRTYÁJA

   A prototípus szabálya `form.cform` volt, ami csak <form> elemre
   illeszkedik. Shortcode-os űrlapnál (Fluent Forms, CF7, WPForms) a
   téma egy <div class="cform">-ba teszi a bővítmény saját <form>-ját,
   így a fehér kártya elmaradt. Elemfüggetlenül is megadjuk.
   ========================================================= */
.cform {
	background: #fff;
	border-radius: var(--r-lg);
	padding: 38px 36px;
	box-shadow: var(--shadow-md);
}

@media (max-width: 640px) {
	.cform {
		padding: 28px 22px;
	}
}

/* =========================================================
   SZEKCIÓ-CÍMKE (eyebrow) – a piros pont optikai igazítása

   Az align-items:center a sordoboz közepére igazít, a csupa nagybetűs
   szöveg tintája viszont 1 px-rel feljebb van (a betűk fölött kisebb,
   alattuk nagyobb az üres sáv). Mérés 13,28px Nunito 800-nál:
   sordoboz közepe 10,96px – betűk közepe 9,96px a sor tetejétől.
   A transzformáció nem befolyásolja az elrendezést.
   ========================================================= */
.eyebrow::before {
	transform: translateY(-1px);
}

/* =========================================================
   PATTOGÓ PÖTTY

   A piros pöttyök labdaként pattognak. A mozgás gravitációt utánoz:
   felfelé lassuló (ease-out), lefelé gyorsuló (ease-in), becsapódáskor
   összenyomódik, majd egy kisebb második pattanás után megpihen.

   A --fma-dot-y változó tartja meg az elem saját alaphelyzetét, így
   ugyanez a keyframe működik az 1 px-rel feljebb tolt eyebrow-pöttyön
   és a widget-címek pöttyén is.

   Csak akkor fut, ha a látogató nem kért csökkentett mozgást.
   ========================================================= */
.eyebrow::before {
	--fma-dot-y: -1px;
}

@keyframes fma-dot-bounce {
	0% {
		transform: translateY(var(--fma-dot-y, 0px)) scale(1, 1);
		animation-timing-function: ease-out;
	}
	8% {
		transform: translateY(calc(var(--fma-dot-y, 0px) - 1px)) scale(.94, 1.06);
		animation-timing-function: ease-out;
	}
	40% {
		transform: translateY(calc(var(--fma-dot-y, 0px) - 8px)) scale(1, 1);
		animation-timing-function: ease-in;
	}
	68% {
		transform: translateY(var(--fma-dot-y, 0px)) scale(1, 1);
		animation-timing-function: ease-out;
	}
	74% {
		transform: translateY(var(--fma-dot-y, 0px)) scale(1.2, .8);
		animation-timing-function: ease-out;
	}
	84% {
		transform: translateY(calc(var(--fma-dot-y, 0px) - 3px)) scale(1, 1);
		animation-timing-function: ease-in;
	}
	92% {
		transform: translateY(var(--fma-dot-y, 0px)) scale(1.08, .92);
		animation-timing-function: ease-out;
	}
	100% {
		transform: translateY(var(--fma-dot-y, 0px)) scale(1, 1);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.eyebrow::before,
	.widget-title::before,
	.sidebar .widget h2::before,
	.sidebar .widget h3.wp-block-heading::before,
	.lw-cookie-notice .lw-cookie-title::before,
	.lw-cookie-modal .lw-cookie-modal-title::before {
		transform-origin: 50% 100%;
		animation: fma-dot-bounce 2.2s ease-in-out infinite;
	}
}

/* --- A pötty maradjon mindig kör ---------------------------------
   A ::before flex-elem, alapból flex-shrink:1 – szűk helyen a
   böngésző vízszintesen összenyomta, így ellipszis lett belőle
   (a 8 szekció-címkéből 4-en). A flex:none ezt megakadályozza.
   A prototípus a .about-points li::before-nál már így csinálta. */
.eyebrow::before,
.widget-title::before {
	flex: none;
}

/* =============== GYAKORI KÉRDÉSEK =============== */
/* Natív <details> harmonika – JS nélkül is működik, a válaszok
   csukott állapotban is a HTML-ben vannak (keresők, AI-motorok). */
.faq{background:var(--cloud)}
.faq-list{max-width:820px;margin:44px auto 0;display:grid;gap:14px}
.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:box-shadow .25s,border-color .25s}
.faq-item[open]{border-color:var(--green);box-shadow:var(--shadow-md)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{font-size:1.08rem;margin:0;color:var(--ink)}
.faq-item summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--green-tint);color:var(--green-dark);font-family:var(--font-head);font-weight:900;font-size:1.3rem;line-height:1;transition:transform .25s,background .25s,color .25s}
.faq-item[open] summary::after{transform:rotate(45deg);background:var(--green);color:#fff}
.faq-item summary:hover h3{color:var(--green-dark)}
.faq-item summary:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:var(--r-md)}
.faq-answer{padding:0 24px 22px}
.faq-answer p+p{margin-top:10px}
@media (max-width:640px){
  .faq-item summary{padding:16px 18px}
  .faq-answer{padding:0 18px 18px}
}
@media (prefers-reduced-motion: reduce){.faq-item summary::after{transition:none}}

/* =============== MEGOSZTÁS (cikkoldal) =============== */
.post-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:34px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
.post-share-label{font-family:var(--font-head);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark);margin-right:4px;display:inline-flex;align-items:center;gap:8px}
.post-share-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}
.share-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:.88rem;line-height:1;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.share-btn[hidden]{display:none}
.share-btn svg{width:17px;height:17px;flex:none}
.share-btn:hover{border-color:var(--green);color:var(--green-dark);box-shadow:var(--shadow-sm)}
.share-btn:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.share-btn.share-native{background:var(--green);border-color:var(--green);color:#fff}
.share-btn.share-native:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.share-btn.copied{background:var(--ink);border-color:var(--ink);color:#fff}
@media (max-width:480px){
  .post-share-label{width:100%}
  .share-btn span{display:none}
  .share-btn{padding:11px}
  .share-btn.share-native span,.share-btn.copied span{display:inline}
}

/* =============== TELJESÍTMÉNY (1.2.1) =============== */
/* A nyitókép <picture> elembe került (mobilra külön kivágás);
   a burok is töltse ki a hátteret, különben a kép magassága összeesik. */
.hero-bg picture{display:block;width:100%;height:100%}

/* A Testreszabó előnézetében a görgetésre megjelenő blokkok azonnal látszanak
   (újrarajzolás után nem várnak a görgetésfigyelőre). */
.fma-customize-preview .reveal{opacity:1;transform:none}

/* --- Testreszabó: a szerkesztési ceruza a szakaszokon belülre -------------
   A WordPress a ceruzát a blokk bal szélétől 30 px-rel balra teszi
   (customize-preview.css: .customize-partial-edit-shortcut button{left:-30px}).
   A teljes szélességű szakaszoknál ez a képernyőn kívülre esne, ezért
   a saját szakasz-ceruzáinkat a blokkon belülre húzzuk. A WordPress a
   fejlécképnél ugyanezt csinálja (.wp-custom-header … {left:2px}). */
[class*="customize-partial-edit-shortcut-fma_"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

[class*="customize-partial-edit-shortcut-fma_"] button {
	left: 14px;
	top: 14px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}

/* A sötét/képes hátterű szakaszokon (nyitókép, adó 1%) is elváljon. */
.hero [class*="customize-partial-edit-shortcut-fma_"] button,
.tax [class*="customize-partial-edit-shortcut-fma_"] button {
	outline: 2px solid #fff;
	outline-offset: 1px;
}