/* Thrive My Flow — custom.css: amit a theme.json nem tud (árnyék, átmenet, hover, összetett szelektor).
   A színtokenek a theme.json presetjeire hivatkoznak.
   Forrás: tokens/*.css és components/* a design systemben. A tokenek neve megegyezik a forráséval. */

:root{
/* Szín — alappaletta */
--tmf-charcoal:var(--wp--preset--color--charcoal);--tmf-orange:var(--wp--preset--color--orange);--tmf-peach:var(--wp--preset--color--peach);--tmf-ivory:var(--wp--preset--color--ivory);--tmf-white:var(--wp--preset--color--white);--tmf-orange-deep:var(--wp--preset--color--orange-700);
/* Szín — neutrálisok */
--ink-900:var(--wp--preset--color--charcoal);--ink-800:var(--wp--preset--color--ink-800);--ink-700:var(--wp--preset--color--ink-700);--ink-500:var(--wp--preset--color--ink-500);--ink-400:var(--wp--preset--color--ink-400);--ink-200:var(--wp--preset--color--ink-200);
/* Szín — akcentus lépcsők */
--orange-700:var(--wp--preset--color--orange-700);--orange-600:var(--wp--preset--color--orange-600);--orange-500:var(--wp--preset--color--orange);--orange-200:var(--wp--preset--color--orange-200);--peach-300:var(--wp--preset--color--peach);--peach-200:var(--wp--preset--color--peach-200);--peach-100:var(--wp--preset--color--peach-100);
/* Szín — szemantikus */
--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-accent:var(--orange-700);--text-on-dark:var(--tmf-ivory);--text-on-dark-muted:var(--wp--preset--color--text-on-dark-muted);--text-on-accent:var(--tmf-white);
--surface-page:var(--tmf-ivory);--surface-card:var(--tmf-white);--surface-sunken:var(--wp--preset--color--surface-sunken);--surface-peach:var(--peach-300);--surface-peach-soft:var(--peach-100);--surface-dark:var(--tmf-charcoal);--surface-dark-raised:var(--wp--preset--color--ink-800);--surface-accent:var(--tmf-orange);--surface-action:var(--orange-600);
--border-subtle:var(--wp--preset--color--border-subtle);--border-strong:var(--ink-200);--border-dark:var(--wp--preset--color--border-dark);--border-accent:var(--tmf-orange);
--accent-hover:var(--orange-700);--dark-hover:var(--wp--preset--color--dark-hover);--focus-ring:var(--tmf-orange);
--status-error:var(--wp--preset--color--orange-700);
/* Betű */
--font-sans:var(--wp--preset--font-family--sans);--font-display:var(--wp--preset--font-family--display);--font-script:var(--wp--preset--font-family--script);
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-md:19px;--text-lg:21px;--text-xl:25px;--text-2xl:31px;--text-3xl:39px;
--display-hero:clamp(38px,5.4vw,68px);--display-section:clamp(29px,3.4vw,44px);--display-card:clamp(21px,1.8vw,25px);
--leading-tight:1.04;--leading-display:1.08;--leading-snug:1.25;--leading-body:1.62;
--tracking-display:-0.032em;--tracking-heading:-0.02em;--tracking-eyebrow:0.18em;
--measure-body:62ch;--measure-display:22ch;
/* Tér */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;
--section-y:clamp(64px,7vw,112px);--section-y-tight:clamp(40px,4.5vw,72px);--grid-gap:var(--space-6);--split-gap:clamp(28px,5vw,64px);
--container-max:1180px;--container-narrow:760px;--container-pad:clamp(20px,5vw,48px);
--card-pad:var(--space-7);--card-pad-lg:var(--space-8);--control-h-md:46px;--control-h-lg:54px;--header-h:96px;
/* Sarok */
--radius-xs:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--radius-card:14px;--radius-control:var(--radius-pill);--radius-input:var(--radius-md);--radius-image:var(--radius-lg);--radius-tile:var(--radius-md);--radius-badge:var(--radius-pill);
/* Árnyék */
--shadow-xs:0 1px 2px rgba(27,27,27,.05);--shadow-md:0 10px 28px -8px rgba(27,27,27,.14);--shadow-lg:0 24px 60px -18px rgba(27,27,27,.22);--shadow-accent:0 12px 28px -12px rgba(255,69,0,.55);--shadow-card:var(--shadow-xs),var(--shadow-md);--shadow-card-hover:var(--shadow-xs),var(--shadow-lg);--shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);--ring-focus:0 0 0 3px rgba(255,69,0,.32);
/* Mozgás */
--ease-out:cubic-bezier(.22,.7,.28,1);--duration-fast:150ms;--duration-base:240ms;--duration-slow:400ms;--lift-hover:translateY(-2px);--press-scale:.985;
--transition-control:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out);
--transition-card:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);
}
@media (prefers-reduced-motion:reduce){:root{--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms;--lift-hover:none;--press-scale:1}}

/* Alap */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0 0 var(--space-4);text-wrap:pretty}
h1{font-size:var(--display-hero);margin-bottom:var(--space-5)}h2{font-size:var(--display-section)}h3{font-size:var(--display-card);letter-spacing:var(--tracking-heading)}h4{font-size:var(--text-md);letter-spacing:var(--tracking-heading);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}
p{margin:0 0 var(--space-4);max-width:var(--measure-body)}
strong,b{font-weight:var(--weight-bold);color:var(--text-strong)}
a{color:var(--text-accent);text-decoration:none;border-bottom:1px solid currentColor;transition:var(--transition-control)}
a:hover{color:var(--accent-hover);border-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}
ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}li{margin-bottom:var(--space-2)}
img{max-width:100%;display:block}
.lead{font-size:var(--text-md)}.small{font-size:var(--text-sm)}.muted{color:var(--text-muted)}.note{font-size:var(--text-xs);font-style:italic;color:var(--text-muted)}.list-sm{font-size:var(--text-sm);line-height:var(--leading-body)}
.accent-orange{color:var(--tmf-orange)}
.script-accent{font-family:var(--font-script);font-size:var(--text-xl);line-height:1.1;color:var(--text-accent);transform:rotate(-3deg);transform-origin:left center;margin-top:var(--space-6)}

/* Szakasz és rács */
.section{background:var(--surface-page);padding:var(--section-y) var(--container-pad)}
.section--card{background:var(--surface-card)}.section--peach{background:var(--surface-peach)}.section--dark{background:var(--surface-dark)}
.container{max-width:var(--container-max);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}
.measure-narrow{max-width:var(--container-narrow)}
.grid{display:grid;gap:var(--grid-gap)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.grid--wide{gap:clamp(24px,4vw,56px)}
.split{display:grid;gap:var(--split-gap);align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.split--center{align-items:center}.split--end{align-items:end}
.split--1-12{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.split--1-135{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.split--13-1{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.split--08-12{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.split--085-115{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.split--105-095{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.split--13-07{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.stack-top{margin-top:var(--space-8)}.stack-top-lg{margin-top:var(--space-10)}

/* Felcím */
.eyebrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-4)}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--surface-accent);flex:none}
.eyebrow--light{color:var(--text-on-dark-muted)}.eyebrow--strong{color:var(--text-strong)}.eyebrow--norule::before{display:none}

/* Szakaszcím */
.section-heading{margin-bottom:var(--space-9)}
.section-heading h2{max-width:var(--measure-display);margin:0}
.section-heading__intro{margin:var(--space-5) 0 0;font-size:var(--text-md)}

/* Gomb */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 24px;border:1px solid transparent;border-radius:var(--radius-control);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1;white-space:nowrap;cursor:pointer;transition:var(--transition-control)}
.btn--lg{height:var(--control-h-lg);padding:0 32px;font-size:var(--text-base)}
.btn--block{display:flex;width:100%}
.btn--primary{background:var(--surface-action);border-color:var(--surface-action);color:var(--text-on-accent)}
.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-accent);box-shadow:var(--shadow-accent)}
.btn--dark{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}
.btn--dark:hover{background:var(--dark-hover);border-color:var(--dark-hover);color:var(--text-on-dark)}
.btn--secondary{background:var(--surface-card);border-color:var(--border-strong);color:var(--text-strong)}
.btn--secondary:hover{border-color:var(--ink-900);color:var(--text-strong)}
.btn--outline-light{background:transparent;border-color:var(--border-dark);color:var(--text-on-dark)}
.btn--outline-light:hover{background:rgba(247,243,238,.08);border-color:var(--text-on-dark-muted);color:var(--text-on-dark)}
.btn:active{transform:scale(var(--press-scale))}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed;box-shadow:none}

/* Szöveges link */
.text-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-style:italic;color:var(--text-strong);border-bottom:1px solid transparent;padding-bottom:1px}
.text-link::after{content:"→";font-style:normal;transition:transform var(--duration-fast) var(--ease-out)}
.text-link:hover{color:var(--text-accent);border-color:currentColor}.text-link:hover::after{transform:translateX(3px)}
.text-link--muted{color:var(--text-muted)}.text-link--peach{color:var(--tmf-peach)}.text-link--peach:hover{color:var(--tmf-white)}
.text-link--plain{font-style:normal}.text-link--noarrow::after{display:none}
.link-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6)}
.link-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin:var(--space-6) 0}

/* Címke */
.badge{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid transparent;border-radius:var(--radius-badge);font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;line-height:1.2;white-space:nowrap}
.badge--concept{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}
.badge--accent{background:var(--surface-action);border-color:var(--surface-action);color:var(--text-on-accent)}
.badge--peach{background:var(--surface-peach);border-color:var(--surface-peach);color:var(--ink-900)}

/* Ikon (Lucide, a data-icon a neve) */
.icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:none}
.icon-tile{width:40px;height:40px;border-radius:var(--radius-tile);background:var(--surface-accent);color:var(--text-on-accent);display:grid;place-items:center;flex:none}

/* Kártya */
.card{position:relative;display:block;padding:var(--card-pad);border-radius:var(--radius-card);background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-body)}
.card--ivory{background:var(--surface-page)}.card--peach{background:var(--surface-peach-soft);border-color:var(--peach-200)}.card--lg{padding:var(--card-pad-lg)}
.card--link{text-decoration:none;color:var(--text-body);height:100%;display:flex;flex-direction:column;gap:var(--space-3);transition:var(--transition-card)}
.card--link:hover{box-shadow:var(--shadow-card-hover);transform:var(--lift-hover);color:var(--text-body);border-color:var(--border-subtle)}
.card--center{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}
.card h3,.card h4{margin-top:0}.card p:last-child{margin-bottom:0}
.card__icon{color:var(--text-subtle);margin-bottom:var(--space-4)}
.card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text-strong)}
.card__head h3{margin:0;font-size:var(--text-md)}
.card__title-sm{font-size:var(--text-md);font-weight:var(--weight-bold);margin:0 0 var(--space-3)}
.card__more{margin-top:auto;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong)}
.placeholder-box{border:1.5px dashed var(--border-strong);border-radius:var(--radius-card);padding:var(--card-pad);display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}
.placeholder-box--media{aspect-ratio:16/10;border-radius:var(--radius-input);align-items:center;text-align:center;width:100%}
.placeholder-box--phone{aspect-ratio:9/17;border-radius:var(--radius-image);background:var(--surface-sunken);align-items:center;text-align:center;font-size:var(--text-xs);padding:var(--space-4)}

/* Vonalas tétel (álláspont, tartalom, munkamód) */
.rule-item{padding-top:var(--space-5);border-top:2px solid var(--ink-900)}
.rule-item h3{font-size:var(--text-lg);margin:0 0 var(--space-4)}
.rule-item p{margin:0;font-size:var(--text-sm);line-height:var(--leading-body)}
.rule-item--thin{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-bottom:var(--space-4)}
.rule-item--plain{border-top:0;padding-top:0}
.section--peach .rule-item h3,.section--peach h4{color:var(--ink-900)}.section--peach p{color:var(--ink-800)}

/* Fejléc */
.site-header{position:sticky;top:0;z-index:40;background:var(--surface-dark)}
.site-header__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}
.site-header__logo{display:flex;border:0}.site-header__logo img{height:60px;width:auto}
.site-nav{display:flex;align-items:center;gap:var(--space-7)}
.site-nav__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6)}.site-nav__list li{margin:0}
.site-nav__link{font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:.01em;color:var(--text-on-dark-muted);border-bottom:2px solid transparent;padding-bottom:3px}
.site-nav__link:hover{color:var(--text-on-dark-muted);border-color:transparent}
.site-nav__link[aria-current="page"]{color:var(--tmf-peach);border-color:var(--tmf-peach)}

/* Főoldali hero */
.hero{position:relative;z-index:1;background:var(--surface-dark);padding:0 var(--container-pad);margin-top:calc(-1 * var(--header-h))}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(8px,1.5vw,24px);align-items:stretch}
.hero__text{align-self:center;padding:var(--header-h) clamp(8px,2vw,40px) var(--space-6) 0;position:relative;z-index:2}
.hero__title{color:var(--text-on-dark);line-height:var(--leading-tight);max-width:20ch;margin:0}
.hero__lead{margin:var(--space-6) 0 0;font-size:var(--text-md);color:var(--text-on-dark-muted)}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-top:var(--space-8)}
.hero__micro{margin:var(--space-5) 0 0;font-size:var(--text-xs);font-style:italic;color:var(--text-on-dark-muted);max-width:48ch}
.hero__media{position:relative;background:var(--surface-accent);margin-left:calc(-1 * clamp(24px,5vw,96px));min-height:clamp(480px,46vw,640px);padding-top:var(--header-h);clip-path:polygon(clamp(60px,12%,180px) 0,100% 0,100% 100%,0 100%);display:flex;align-items:flex-end;overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:62% 0%}
.hero__script{position:absolute;right:var(--space-6);top:calc(var(--header-h) + var(--space-5));font-family:var(--font-script);font-size:var(--text-lg);line-height:1.1;color:var(--ink-900);transform:rotate(-4deg)}
.hero__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);margin-top:clamp(28px,4vw,56px);margin-bottom:calc(-1 * clamp(28px,4vw,56px))}
.hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-6);color:var(--text-body);transition:var(--transition-card)}
.hero-card:hover{box-shadow:var(--shadow-card-hover);transform:var(--lift-hover);border-color:var(--border-subtle);color:var(--text-body)}
.hero-card__title{display:block;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-strong);margin-bottom:var(--space-2)}
.hero-card__text{display:block;font-size:var(--text-sm);line-height:var(--leading-body)}
.hero-card__arrow{font-size:var(--text-md);color:var(--text-muted)}.hero-card:hover .hero-card__arrow{color:var(--text-accent)}

/* Sötét oldalnyitó (Ingyenes átnézés) */
.page-hero-dark{background:var(--surface-dark);padding:var(--section-y-tight) var(--container-pad) var(--section-y)}
.page-hero-dark h1{color:var(--text-on-dark);max-width:18ch}
.page-hero-dark p{color:var(--text-on-dark-muted)}
.page-hero-dark .note{color:var(--text-on-dark-muted);margin-top:var(--space-3)}
.page-hero-dark__script{font-family:var(--font-script);font-size:clamp(30px,3.4vw,44px);color:var(--tmf-peach);transform:rotate(-4deg);line-height:1.1;padding-bottom:var(--space-6)}

/* Kép */
.media{width:100%;border-radius:var(--radius-image);object-fit:cover}
.media--portrait{aspect-ratio:4/5;object-position:50% 8%}
.media--tall{aspect-ratio:3/4;object-position:50% 6%}
.media--shadow{box-shadow:var(--shadow-lg)}
.media--wide{aspect-ratio:16/10}

/* Munkakártya */
.work-card{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;color:var(--text-body);box-shadow:var(--shadow-xs);transition:var(--transition-card)}
.work-card:hover{box-shadow:var(--shadow-card-hover);transform:var(--lift-hover);border-color:var(--border-subtle);color:var(--text-body)}
.work-card__media{position:relative;aspect-ratio:16/10;background:var(--surface-sunken);overflow:hidden}
.work-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}
.work-card:hover .work-card__media img{transform:scale(1.03)}
.work-card__media .badge{position:absolute;top:var(--space-4);left:var(--space-4)}
.work-card__body{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--space-3)}
.work-card__title-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}
.work-card__title-row h3{margin:0;font-size:var(--text-lg)}
.work-card__discipline{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-muted)}
.work-card__body p{margin:0;font-size:var(--text-sm)}
.work-card__more{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong)}
.work-card:hover .work-card__more{color:var(--text-accent)}

/* Árkártya */
.pricing-card{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--card-pad-lg);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card)}
.pricing-card--featured{border:1.5px solid var(--border-accent);box-shadow:var(--shadow-card);margin-top:-12px;padding-bottom:calc(var(--card-pad-lg) + 12px)}
.pricing-card__badge{position:absolute;top:-12px;left:var(--card-pad-lg)}
.pricing-card__name{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}
.pricing-card__price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-display);color:var(--text-strong);line-height:1}
.pricing-card__audience{margin:0;font-size:var(--text-sm)}
.pricing-card__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);flex:1}
.pricing-card__features li{display:flex;gap:var(--space-3);margin:0;font-size:var(--text-sm);line-height:var(--leading-snug)}
.pricing-card__features li::before{content:"—";color:var(--surface-accent);font-weight:var(--weight-bold);flex:none}
.pricing-card__lead{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}
.pricing-grid{align-items:start}
.notice{margin-top:var(--space-7);padding:var(--space-5) var(--space-6);border:1.5px solid var(--surface-accent);border-radius:var(--radius-card);display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);align-items:baseline}
.notice span{font-size:var(--text-sm);color:var(--text-muted)}

/* Ártétel táblázat */
.price-table{width:100%;border-collapse:collapse;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}
.price-table th,.price-table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);text-align:left;vertical-align:top}
.price-table th{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-muted);font-weight:var(--weight-bold);border-bottom-color:var(--border-strong)}
.price-table td:first-child{font-weight:var(--weight-semibold);color:var(--text-strong)}
.price-table td{color:var(--text-muted)}
.price-table .price-table__price{text-align:right;white-space:nowrap;font-weight:var(--weight-bold);color:var(--text-strong)}
.price-table th.price-table__price{color:var(--text-muted)}
.price-table caption{caption-side:top;text-align:left}

/* Adattábla (kapcsolat, esettanulmány) */
.info-table{border-collapse:collapse;margin-top:var(--space-6)}
.info-table--full{width:100%}
.info-table th,.info-table td{padding:var(--space-3) var(--space-6) var(--space-3) 0;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;font-size:var(--text-sm)}
.info-table th{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-muted);font-weight:var(--weight-regular)}
.info-table td{color:var(--text-strong)}
.info-table--case th{font-size:var(--text-sm);text-transform:none;letter-spacing:0;width:160px}
.info-table--case td{color:var(--text-body)}

/* Folyamatlépés */
.process-step{display:flex;gap:var(--space-5);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}
.process-step:last-child{border-bottom:0;margin-bottom:0}
.process-step__num{width:34px;height:34px;flex:none;border-radius:var(--radius-pill);background:var(--surface-dark);color:var(--text-on-dark);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-extrabold)}
.process-step h4{margin:0 0 var(--space-2)}
.process-step__duration{color:var(--text-accent)}
.process-step p{margin:0;font-size:var(--text-sm);max-width:46ch}

/* Illeszkedési lista */
.fit-list h3{font-size:var(--text-md);font-weight:var(--weight-bold);margin:0 0 var(--space-4)}
.fit-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.fit-list li{display:flex;gap:var(--space-3);margin:0;font-size:var(--text-sm)}
.fit-list li::before{content:"✓";flex:none;margin-top:3px;width:18px;height:18px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:11px;font-weight:var(--weight-bold);background:var(--surface-accent);color:var(--text-on-accent)}
.fit-list--not li::before{content:"–";background:transparent;color:var(--text-subtle);box-shadow:var(--shadow-inset-hairline)}

/* Modulkártya */
.module-card{display:flex;flex-direction:column;gap:var(--space-4);height:100%}
.module-card__head{display:flex;align-items:center;gap:var(--space-3)}
.module-card__head h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-bold)}
.module-card p{margin:0;font-size:var(--text-sm)}
.module-card__situation{color:var(--text-muted)}

/* Számozott lista (szakmaoldal) */
.numbered-list{list-style:none;margin:0;padding:0}
.numbered-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0;margin:0;border-bottom:1px solid var(--border-subtle);color:var(--text-strong)}
.numbered-list__num{font-family:var(--font-display);font-weight:var(--weight-extrabold);color:var(--text-accent)}

/* GYIK — <details> */
.faq{border-bottom:1px solid var(--border-subtle)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) 0;cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);color:var(--text-strong)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);display:grid;place-items:center;font-size:16px;line-height:1;transition:var(--transition-control)}
.faq[open] summary::after{content:"–";background:var(--surface-accent);border-color:var(--surface-accent);color:var(--text-on-accent)}
.faq__answer{padding-bottom:var(--space-6);font-size:var(--text-sm)}

/* Űrlap */
.form{display:flex;flex-direction:column;gap:var(--space-5);position:relative}
.form__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}
.form__group{display:flex;flex-direction:column;gap:var(--space-3)}
.form__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__micro{margin:var(--space-3) 0 0;text-align:center;max-width:none}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong)}
.field__req{color:var(--text-accent)}
.field__input{height:var(--control-h-md);padding:0 var(--space-4);border-radius:var(--radius-input);border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-strong);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;transition:var(--transition-control)}
textarea.field__input{height:auto;padding:var(--space-3) var(--space-4);line-height:var(--leading-snug);resize:vertical}
.field__input:focus{border-color:var(--border-accent);box-shadow:var(--ring-focus)}
.field__input:disabled{background:var(--surface-sunken)}
.field__hint{font-size:var(--text-2xs);color:var(--text-muted)}
.field--error .field__input{border-color:var(--status-error)}.field--error .field__hint{color:var(--status-error)}
.checkbox{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer;font-size:var(--text-xs);line-height:var(--leading-snug)}
.checkbox input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--surface-accent)}
.checkbox--error input{outline:1px solid var(--status-error)}

/* CTA sáv */
.cta-band{background:var(--surface-dark);padding:var(--section-y) var(--container-pad)}
.cta-band__inner{max-width:var(--container-narrow);margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}
.cta-band h2{margin:0;color:var(--text-on-dark)}
.cta-band p{margin:0;font-size:var(--text-md);color:var(--text-on-dark-muted);max-width:54ch}
.cta-band .note{font-size:var(--text-xs);color:var(--text-on-dark-muted)}

/* Lábléc */
.site-footer{background:var(--surface-dark);color:var(--text-on-dark);padding:var(--section-y-tight) var(--container-pad) var(--space-7)}
.site-footer__grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr 1fr;gap:var(--grid-gap)}
.site-footer__logo img{height:46px;width:auto}
.site-footer__blurb{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-xs);color:var(--text-on-dark-muted);max-width:28ch}
.site-footer__legal-name{margin:0;font-size:var(--text-xs);color:var(--text-on-dark-muted)}
.site-footer__heading{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-on-dark-muted);font-weight:var(--weight-bold);margin:0 0 var(--space-4);font-family:var(--font-sans)}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:0}
.site-footer a,.site-footer__item{display:block;font-size:var(--text-xs);color:var(--text-on-dark);border:0;padding:3px 0;opacity:.86}
.site-footer a:hover{color:var(--text-on-dark);border:0}
.site-footer__item--muted{opacity:.62}
.site-footer__social{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.site-footer__social a{font-weight:var(--weight-bold)}
.site-footer__bottom{max-width:var(--container-max);margin:var(--space-9) auto 0;padding-top:var(--space-5);border-top:1px solid var(--border-dark);font-size:var(--text-2xs);color:var(--text-on-dark-muted)}

/* Sütisáv */
.cookie-bar{position:fixed;left:var(--space-5);right:var(--space-5);bottom:var(--space-5);z-index:60;max-width:720px;margin:0 auto;background:var(--surface-dark);color:var(--text-on-dark);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}
.cookie-bar p{margin:0;flex:1 1 320px;font-size:var(--text-sm);color:var(--text-on-dark-muted)}
.cookie-bar a{color:var(--tmf-peach)}
.cookie-bar__actions{display:flex;gap:var(--space-3)}

/* Esettanulmány képsor */
.case-gallery{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));gap:var(--grid-gap);margin-top:var(--space-9);align-items:start}
.pager{margin-top:var(--space-9);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-5)}

/* Blog — bejegyzéslista */
.category-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;margin:var(--space-6) 0 0;padding:0}
.category-filter li{margin:0}
.category-filter a{white-space:nowrap;display:inline-flex;align-items:center;height:38px;padding:0 18px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong)}
.category-filter a:hover{border-color:var(--ink-900);color:var(--text-strong)}
.category-filter a[aria-current="page"]{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}
.post-card{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;color:var(--text-body);box-shadow:var(--shadow-xs);transition:var(--transition-card)}
.post-card:hover{box-shadow:var(--shadow-card-hover);transform:var(--lift-hover);border-color:var(--border-subtle);color:var(--text-body)}
.post-card__media{aspect-ratio:16/10;background:var(--surface-sunken);overflow:hidden;display:block;border:0}
.post-card h3 a{color:var(--text-strong);border:0}.post-card h3 a:hover{color:var(--text-accent)}
.post-card__more{border:0}.post-meta a{border:0}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}
.post-card:hover .post-card__media img{transform:scale(1.03)}
.post-card__body{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--space-3);flex:1}
.post-card__body h3{margin:0;font-size:var(--text-lg)}
.post-card__body p{margin:0;font-size:var(--text-sm)}
.post-card__more{margin-top:auto;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong)}
.post-card:hover .post-card__more{color:var(--text-accent)}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-muted)}
.post-meta__term{color:var(--text-accent);font-weight:var(--weight-bold)}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-9)}
.pagination a,.pagination span{white-space:nowrap;display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong)}
.pagination a:hover{border-color:var(--ink-900);color:var(--text-strong)}
.pagination [aria-current="page"]{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}

/* Blog — bejegyzés */
.post-header{max-width:var(--container-narrow);margin:0 auto}
.post-header .post-meta{margin-bottom:var(--space-5)}
.post-header h1{max-width:20ch}
.post-header__lead{font-size:var(--text-md)}
.post-hero{max-width:var(--container-max);margin:var(--space-8) auto 0}
.post-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-image)}
.prose{max-width:var(--container-narrow);margin:0 auto}
.prose h2{font-size:var(--text-2xl);margin:var(--space-9) 0 var(--space-4)}
.prose h3{font-size:var(--text-lg);margin:var(--space-7) 0 var(--space-3)}
.prose p,.prose li{font-size:var(--text-base)}
.prose ul,.prose ol{margin-bottom:var(--space-5)}
.prose blockquote{margin:var(--space-7) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:2px solid var(--surface-accent);font-size:var(--text-md);color:var(--text-strong)}
.prose blockquote p{margin:0}
.prose figure{margin:var(--space-8) 0}
.prose figure img{border-radius:var(--radius-image);width:100%}
.prose figcaption{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}
.author-box{max-width:var(--container-narrow);margin:var(--space-10) auto 0;padding-top:var(--space-7);border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-6);align-items:start}
.author-box img{width:96px;height:96px;border-radius:var(--radius-pill);object-fit:cover;object-position:50% 8%}
.author-box h2{font-size:var(--text-lg);margin:0 0 var(--space-2)}
.author-box p{font-size:var(--text-sm)}
.post-nav{max-width:var(--container-narrow);margin:var(--space-9) auto 0;padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-5)}

/* Egyetlen töréspont — a forrásoldalakon nincs kidolgozott mobilnézet, ez egyoszlopos tartalék */
@media (max-width:900px){
.grid--2,.grid--3,.grid--4,.split,.hero__grid,.hero__cards,.form__row,.case-gallery,.author-box{grid-template-columns:minmax(0,1fr)}
.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero__media{margin-left:0;clip-path:none}
}

/* ===== WordPress-megfeleltetés ===== */
/* Alapstílusok semlegesítése */
.wp-site-blocks{padding:0}
.wp-block-image{margin:0}
.wp-block-group{box-sizing:border-box}
.wp-block-post-content>*{margin-block-start:0}
:where(.wp-block-group.is-layout-flow)>*{margin-block-start:0}
.price-table td,.price-table th,.info-table td,.info-table th{border:0}

/* A tervben <span> vagy <div> volt, a WP-ben bekezdésblokk lett: ne kapja meg a p szövegszélességét és alsó margóját.
   Nulla fölötti, de osztálynál gyengébb erősség (p:where), így a komponens saját margója érvényes marad. */
p:where(.card__head-icon,.link-col,.hero__script,.hero__cards,.card__icon,.card__more,.badge,.icon-tile,.link-row,.notice,.faq__answer,.placeholder-box,.process-step__num,.pricing-card__name,.pricing-card__price,.pricing-card__lead,.pricing-card__badge,.work-card__discipline,.work-card__more,.site-footer__item,.site-footer__social,.site-footer__bottom){margin:0;max-width:none;line-height:var(--leading-body)}
.card__head-icon{display:flex;line-height:0}
.pager>p,.post-nav>*{margin:0}
/* A GYIK-válasz a tervben <div><p>, itt egy bekezdés: a p alsó margója a belső térközbe kerül */
p.faq__answer{padding-bottom:calc(var(--space-6) + var(--space-4))}
.work-card__body p.work-card__discipline{font-size:var(--text-2xs)}
.work-card__body p.work-card__more{font-size:var(--text-xs)}
.wp-block-table.price-table,.wp-block-table.info-table{margin-bottom:0}

/* Főoldali hero: a fejléc mögé csúszik. A .wp-block-post-content>* nullázás miatt erősebb szelektor kell. */
.wp-block-post-content>.hero,main>.hero{margin-top:calc(-1 * var(--header-h))}

/* Linkek, amelyek nem kapnak aláhúzás-keretet (a globális a{border-bottom} a tervből jön) */
.wp-block-site-logo a,.wp-block-post-featured-image a,.wp-block-navigation a,.wp-block-post-title a,.wp-block-read-more{border-bottom:0}

/* Fejléc: a template part maga a ragadós elem */
header.wp-block-template-part.site-header{position:sticky;top:0;z-index:40;background:var(--surface-dark)}
.site-header .wp-block-site-logo img{height:60px;width:auto}
.site-header .wp-block-navigation{gap:var(--space-6)}
/* A navigációs blokk CSS-e később töltődik be (color:inherit), ezért kell a három szintű szelektor */
.site-header .wp-block-navigation .wp-block-navigation-item__content{font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:.01em;color:var(--text-on-dark-muted);border-bottom:2px solid transparent;padding-bottom:3px}
.site-header .wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--text-on-dark-muted)}
.site-header .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,.site-header .wp-block-navigation .wp-block-navigation-item__content[aria-current="page"]{color:var(--tmf-peach);border-color:var(--tmf-peach)}
.site-header .wp-block-navigation__responsive-container-open{color:var(--text-on-dark)}
header.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background:var(--surface-dark);color:var(--text-on-dark);padding:var(--space-7) var(--container-pad)}
.site-header .wp-block-navigation__responsive-container-close{color:var(--text-on-dark)}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:var(--text-lg)}
.site-header .site-nav{display:flex;align-items:center;gap:var(--space-7)}
/* Mobilmenü a design.md 900px-es töréspontján (a WordPress alapból 600px-en vált) */
@media (max-width:900px){
.site-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
.site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
.site-header .site-nav{gap:var(--space-4)}
.site-header .wp-block-site-logo img{height:48px}
}
@media (max-width:480px){.site-header .wp-block-button.btn-lg .wp-block-button__link{height:var(--control-h-md);padding:0 var(--space-4);font-size:var(--text-xs)}.site-header .wp-block-site-logo img{height:40px}}
.site-header .wp-block-buttons{margin:0}

/* Lábléc */
footer.wp-block-template-part.site-footer{background:var(--surface-dark)}
.site-footer .wp-block-navigation{display:block}
.site-footer .wp-block-navigation__container{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.site-footer .wp-block-navigation-item__content{font-size:var(--text-xs);color:var(--text-on-dark);opacity:.86;padding:3px 0}
.site-footer .wp-block-site-logo img{height:46px;width:auto}

/* Gombok (core/button) — ugyanaz, mint a .btn */
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 24px;border:1px solid var(--surface-action);white-space:nowrap;transition:var(--transition-control)}
/* A globális a:hover (mélynarancs szöveg) ne érje el a gombot: a felirat a hover-háttéren is látszódjon */
.wp-block-button__link:hover,.wp-block-button__link:focus{color:var(--text-on-accent);box-shadow:var(--shadow-accent);border-color:var(--accent-hover)}
.wp-block-button__link:active{transform:scale(var(--press-scale))}
.wp-block-button.btn-lg .wp-block-button__link{height:var(--control-h-lg);padding:0 32px;font-size:var(--text-base)}
.wp-block-button.has-custom-width .wp-block-button__link{display:flex;width:100%}
.wp-block-button.is-style-dark .wp-block-button__link{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}
.wp-block-button.is-style-dark .wp-block-button__link:hover{background:var(--dark-hover);border-color:var(--dark-hover);color:var(--text-on-dark);box-shadow:none}
.wp-block-button.is-style-secondary .wp-block-button__link{background:var(--surface-card);border-color:var(--border-strong);color:var(--text-strong)}
.wp-block-button.is-style-secondary .wp-block-button__link:hover{border-color:var(--ink-900);color:var(--text-strong);box-shadow:none}
.wp-block-button.is-style-outline-light .wp-block-button__link{background:transparent;border-color:var(--border-dark);color:var(--text-on-dark)}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover{background:rgba(247,243,238,.08);border-color:var(--text-on-dark-muted);color:var(--text-on-dark);box-shadow:none}
.wp-block-buttons.stack-top{margin-top:var(--space-8)}

/* Képek: az osztály a figure-ön van */
.wp-block-image.media{overflow:hidden}
.wp-block-image.media img{width:100%;height:100%;object-fit:cover;object-position:inherit;border-radius:0}
.hero__media .wp-block-image{width:100%;height:100%}

/* Táblázatok: az osztály a figure-ön van */
.wp-block-table.price-table,.wp-block-table.info-table{overflow:hidden}
.price-table table,.info-table table{border-collapse:collapse;width:100%}
.wp-block-table.info-table:not(.info-table--full) table{width:auto}
.price-table td{color:var(--text-muted)}
.price-table td:first-child{font-weight:var(--weight-semibold);color:var(--text-strong)}
.price-table td:last-child,.price-table th:last-child{text-align:right;white-space:nowrap}
.price-table td:last-child{font-weight:var(--weight-bold);color:var(--text-strong)}
.info-table--case th{font-size:var(--text-sm);text-transform:none;letter-spacing:0;width:160px}

/* Linkkártyák: a cím linkje az egész kártyát lefedi */
.hero-card,.work-card,.card--link{position:relative}
.hero-card__title a,.work-card h3 a,.card--link h3 a{color:inherit;border:0}
.hero-card__title a::after,.work-card h3 a::after,.card--link h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.hero-card .icon-tile{margin:0}

/* GYIK (core/details) */
.wp-block-details.faq summary{list-style:none}

/* Sütisáv */
.cookie-bar[hidden]{display:none}
.cookie-bar .wp-block-buttons{margin:0}

/* Kép nélküli bejegyzés: a kártya a meta sorral kezdődik (design.md 7.) */
.post-card .wp-block-post-featured-image{margin:0;aspect-ratio:16/10;overflow:hidden}
.post-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.wp-block-post-template.grid{list-style:none;padding:0;margin:0}
.wp-block-post-template.grid>li{margin:0}
.wp-block-query-pagination.pagination{gap:var(--space-3)}
.wp-block-query-pagination .page-numbers,.wp-block-query-pagination a{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong);white-space:nowrap}
.wp-block-query-pagination .page-numbers.current{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}
.wp-block-categories.category-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;margin:var(--space-6) 0 0;padding:0}
.wp-block-categories.category-filter li{margin:0}
.wp-block-categories.category-filter a{display:inline-flex;align-items:center;height:38px;padding:0 18px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong);white-space:nowrap}
.wp-block-categories.category-filter .current-cat a{background:var(--surface-dark);border-color:var(--surface-dark);color:var(--text-on-dark)}
.post-meta .wp-block-post-terms a{color:var(--text-accent);font-weight:var(--weight-bold);border:0}
/* A tervben <div class="section prose">: szakasznyi térköz és oldalmargó, a hasáb 760px a margóval együtt */
.prose.wp-block-post-content{padding:var(--section-y) var(--container-pad)}
.author-box,.post-nav{width:calc(100% - 2 * var(--container-pad))}
.process-step p.process-step__num{font-size:var(--text-xs);max-width:none}

/* Ikon: a functions.php teszi a span-be az SVG-t */
.icon svg{width:100%;height:100%;display:block}

/* Mobil: a lábléc közösségi linkjei sorba törnek, a hosszú gombfelirat nem lóg ki */
.site-footer__social{flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
@media (max-width:900px){
.wp-block-button__link{white-space:normal;text-align:center;height:auto;min-height:var(--control-h-md);padding-top:var(--space-3);padding-bottom:var(--space-3);line-height:1.25}
.wp-block-button.btn-lg .wp-block-button__link{height:auto;min-height:var(--control-h-lg)}
}

/* Főoldali hero, tömörítve (megrendelői kérés, 2026. 10. 13.): a cím kisebb, a CTA és a két szolgáltatáskártya
   már az első képernyőn látszik (1366×768-on is). */
.hero .hero__title{font-size:clamp(32px,3.4vw,56px);max-width:24ch}
.hero .hero__lead{margin-top:var(--space-5);font-size:var(--text-base)}
.hero .hero__actions{margin-top:var(--space-6)}
.hero .hero__micro{margin-top:var(--space-4)}
.hero .hero__text{padding-top:calc(var(--header-h) + var(--space-5));padding-bottom:var(--space-5)}
.hero .hero__media{min-height:clamp(420px,36vw,600px)}
/* A portré kitölti a panelt, de nem a kép saját magassága szabja meg a sort */
.hero .hero__media .wp-block-image{position:absolute;inset:var(--header-h) 0 0 0;height:auto}
.hero .hero__cards{margin-top:var(--space-6)}
/* Mobilon a kártyák a szöveg után, a portré elé kerülnek */
@media (max-width:900px){
.hero .container{display:flex;flex-direction:column}
.hero .hero__grid{display:contents}
.hero .hero__text{order:1;padding-bottom:0}
.hero .hero__cards{order:2;margin:var(--space-6) 0 var(--space-6)}
.hero .hero__media{order:3;min-height:0;aspect-ratio:4/5;padding-top:0}
.hero .hero__media .wp-block-image{inset:0}
}

/* Fejléc görgetéskor (megrendelői kérés, 2026. 10. 13.): a grafit lefelé áttetszőbe fut, enyhe elmosással.
   Az .is-scrolled osztályt a site.js teszi fel. Az elmosás a ::before rétegen van, hogy a mobilmenü
   (position:fixed) ne a fejléc dobozához igazodjon. */
header.wp-block-template-part.site-header{transition:background-color var(--duration-base) var(--ease-out)}
header.wp-block-template-part.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(27,27,27,.96) 0%,rgba(27,27,27,.82) 55%,rgba(27,27,27,.62) 100%);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);transition:opacity var(--duration-base) var(--ease-out)}
header.wp-block-template-part.site-header.is-scrolled{background:transparent}
header.wp-block-template-part.site-header.is-scrolled::before{opacity:1}

/* ===== Hover-állapotok (megrendelői kérés, 2026. 10. 13.): minden kattintható elem kap színt és/vagy effektet ===== */
/* Szövegközi linkek: hoverre grafit szöveg narancs aláhúzással (sötét háttéren fehér) */
a:hover{color:var(--ink-900);border-color:var(--tmf-orange)}
:is(.section--dark,.page-hero-dark,.cta-band,.cookie-bar,.hero) a:not([class]):hover{color:var(--tmf-white);border-color:var(--tmf-orange)}
/* Fejléc menüpontjai: krém szöveg, narancs aláhúzás becsúszik; az aktív menüpont barack marad */
.site-header .wp-block-navigation .wp-block-navigation-item__content{transition:var(--transition-control)}
.site-header .wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--tmf-ivory);border-bottom-color:var(--tmf-orange)}
.site-header .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content:hover{color:var(--tmf-white);border-bottom-color:var(--tmf-orange)}
.site-header .wp-block-navigation__responsive-container-open:hover,.site-header .wp-block-navigation__responsive-container-close:hover{color:var(--tmf-peach)}
/* Logó: enyhe halványodás */
.wp-block-site-logo a{transition:opacity var(--duration-fast) var(--ease-out)}
.wp-block-site-logo a:hover{opacity:.78}
/* Lábléc: menü, közösségi és jogi linkek barackra váltanak, teljes fedettséggel, kicsit jobbra csúsznak */
.site-footer a{transition:color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}
.site-footer .wp-block-navigation .wp-block-navigation-item__content{transition:color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}
.site-footer .wp-block-navigation .wp-block-navigation-item__content:hover,.site-footer__social a:hover,.site-footer p a:hover{color:var(--tmf-peach);opacity:1;transform:translateX(3px)}
.site-footer .wp-block-site-logo a:hover{transform:none}
/* Sütisáv linkje */
.cookie-bar a:hover{color:var(--tmf-white)}
/* GYIK: a kérdés mélynarancs lesz, a kör sötét keretet kap */
.faq summary{transition:color var(--duration-fast) var(--ease-out)}
.faq summary:hover{color:var(--text-accent)}
.faq summary:hover::after{border-color:var(--ink-900)}
.faq[open] summary:hover::after{background:var(--accent-hover);border-color:var(--accent-hover)}
/* Kártyák: a kártya emelkedése mellett a cím is mélynarancs lesz */
.work-card h3 a,.card--link h3 a,.hero-card__title{transition:color var(--duration-fast) var(--ease-out)}
.work-card:hover h3 a,.card--link:hover h3 a,.hero-card:hover .hero-card__title{color:var(--text-accent)}
/* Bejegyzés metasor: a kategória aláhúzódik */
.post-meta .wp-block-post-terms a{border-bottom:1px solid transparent}
.post-meta .wp-block-post-terms a:hover{color:var(--ink-900);border-bottom-color:var(--tmf-orange)}
/* Előző/következő bejegyzés */
.post-nav a{transition:var(--transition-control)}
@media (prefers-reduced-motion:reduce){.site-footer .wp-block-navigation .wp-block-navigation-item__content:hover,.site-footer__social a:hover,.site-footer p a:hover{transform:none}}
/* Kategóriaszűrő pill-gombjai (a blokk saját szelektora erősebb, ezért ugyanazzal az erősséggel) */
.wp-block-categories.category-filter a{transition:var(--transition-control)}
.wp-block-categories.category-filter a:hover{border-color:var(--ink-900);background:var(--surface-card);color:var(--text-strong);transform:translateY(-1px)}
.wp-block-categories.category-filter .current-cat a:hover{background:var(--dark-hover);border-color:var(--dark-hover);color:var(--text-on-dark)}
.wp-block-query-pagination a{transition:var(--transition-control)}
.wp-block-query-pagination a:hover{border-color:var(--ink-900);background:var(--surface-card);transform:translateY(-1px)}