/*
Theme Name: Marosi-Albert Dorottya
Theme URI: https://marosialbertdorottya.hu/
Author: OpenAI
Description: Egyedi, letisztult, gyors WordPress téma Marosi-Albert Dorottya pszichológus honlapjához.
Version: 1.0.13
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: marosi-dorottya
*/

:root{--md-bg:#f8f3ed;--md-surface:#fffdfb;--md-surface-warm:#fbf3ec;--md-border:rgba(121,89,67,.16);--md-border-strong:rgba(121,89,67,.25);--md-heading:#2f231e;--md-text:#493932;--md-muted:#6f5f57;--md-accent:#8e6552;--md-accent-dark:#744e3f;--md-green:#95a48f;--md-shadow:0 18px 45px rgba(83,58,45,.07);--md-shadow-soft:0 12px 30px rgba(83,58,45,.055);--md-radius:24px;--md-container:1180px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(226,207,194,.23),transparent 32%),linear-gradient(180deg,var(--md-bg) 0%,#fbf8f4 100%);color:var(--md-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--md-accent-dark)}img{max-width:100%;height:auto}.site-main{min-height:70vh}.md-container{width:min(var(--md-container),calc(100vw - 56px));margin-inline:auto}.md-section{padding:78px 0}.md-section-soft{background:radial-gradient(circle at 82% 10%,rgba(226,207,194,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04))}.md-section-head{max-width:820px;margin-bottom:28px}.md-section-intro{color:var(--md-muted);font-size:18px;line-height:1.72;margin:0}h1,h2,h3,h4{color:var(--md-heading);margin:0;font-weight:500;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(54px,5.2vw,80px);line-height:.98;letter-spacing:-.058em}h2{font-size:clamp(34px,3.4vw,50px);margin-bottom:26px}h3{font-size:24px;letter-spacing:-.025em}p{color:var(--md-muted);margin:0}p+p{margin-top:16px}.md-card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius);box-shadow:var(--md-shadow-soft)}.md-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px;border-radius:999px;background:var(--md-accent);color:#fff!important;font-size:15px;font-weight:700;line-height:1;text-decoration:none;box-shadow:0 16px 34px rgba(111,73,57,.17);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.md-button:hover,.wp-block-button__link:hover{transform:translateY(-1px);background:var(--md-accent-dark);box-shadow:0 18px 38px rgba(111,73,57,.22)}.md-button-secondary{background:var(--md-surface);color:var(--md-accent-dark)!important;border:1px solid var(--md-border-strong);box-shadow:none}.md-button-secondary:hover{background:var(--md-surface-warm);color:var(--md-accent-dark)!important}.md-pill-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;border:1px solid var(--md-border-strong);background:var(--md-surface);color:var(--md-accent-dark);font-size:14px;font-weight:700;text-decoration:none}.md-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,243,237,.92);border-bottom:1px solid rgba(121,89,67,.14);backdrop-filter:blur(14px)}.admin-bar .site-header{top:32px}.header-inner{width:min(var(--md-container),calc(100vw - 56px));min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-branding{display:flex;align-items:center;gap:14px;color:var(--md-heading);text-decoration:none;min-width:210px}.custom-logo{display:block;max-height:54px;width:auto}.site-name{display:grid;gap:2px;line-height:1.1}.site-name strong{font-size:16px;letter-spacing:.01em;font-weight:600}.site-name span{color:var(--md-muted);font-size:13px}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1}.site-nav a{color:#594b45;text-decoration:none;font-size:15.5px;padding:10px 13px;border-radius:999px;transition:background .2s ease,color .2s ease}.site-nav a:hover{background:rgba(142,101,82,.10);color:var(--md-accent-dark)}.site-nav .nav-cta{background:var(--md-accent);color:#fff;padding:11px 18px;box-shadow:0 10px 24px rgba(116,78,63,.18)}.site-nav .nav-cta:hover{background:var(--md-accent-dark);color:#fff}.menu-toggle{display:none;appearance:none;border:1px solid var(--md-border);background:var(--md-surface);color:var(--md-heading);border-radius:999px;padding:10px 14px;font-weight:700}
.md-hero{padding:clamp(56px,6vw,82px) 0 clamp(54px,6vw,74px);background:linear-gradient(180deg,rgba(250,245,240,.96) 0%,rgba(249,243,236,.98) 100%)}.md-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:clamp(48px,7vw,108px);align-items:center}.md-hero-subtitle{color:#201916;font-size:clamp(28px,2.4vw,40px);line-height:1.11;letter-spacing:-.035em;font-weight:500;max-width:630px;margin:22px 0 28px}.md-hero-text{max-width:620px;display:grid;gap:18px}.md-hero-text p{font-size:18px;line-height:1.72}.md-hero .md-actions{margin-top:24px}.md-hero-media{display:flex;justify-content:center}.md-portrait,.md-portrait-placeholder{width:min(100%,390px);aspect-ratio:4/5;border-radius:32px;box-shadow:0 24px 56px rgba(83,58,45,.10)}.md-portrait{object-fit:cover}.md-portrait-placeholder{display:grid;place-items:center;text-align:center;padding:28px;border:1px dashed rgba(142,101,82,.30);background:linear-gradient(180deg,#efe1d5 0%,#ecdccf 100%)}.md-portrait-placeholder span{display:block;color:var(--md-accent-dark);font-size:22px;line-height:1.3}.md-portrait-placeholder small{display:block;margin-top:14px;color:rgba(111,95,86,.9);font-size:13px}
.md-about-card{padding:clamp(28px,3vw,42px)}.md-text-flow{display:grid;gap:18px}.md-text-flow p{font-size:17px;line-height:1.78}.md-credentials-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}.md-column-title{font-size:22px;font-weight:700;line-height:1.25;margin:0 0 14px;letter-spacing:-.02em}.md-timeline{display:grid;gap:12px}.md-timeline-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:center;min-height:76px;padding:16px 18px}.md-year{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;background:var(--md-surface-warm);border:1px solid var(--md-border-strong);color:var(--md-accent-dark);font-size:13px;font-weight:700;white-space:nowrap}.md-timeline-text{color:var(--md-muted);font-size:15.8px;line-height:1.58}.md-side-stack{display:grid;gap:22px}.md-side-card{padding:24px 26px}.md-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.md-topic-card{padding:20px;min-height:178px}.md-topic-card h3{font-size:20px;line-height:1.25;margin-bottom:10px;font-weight:700}.md-topic-card p{font-size:15.5px;line-height:1.62}
.md-skin-stack{display:grid;gap:18px}.md-skin-card{padding:clamp(24px,3vw,34px)}.md-skin-card h3{font-size:24px;line-height:1.25;font-weight:700;margin-bottom:14px}.md-publication-list{display:grid;gap:10px;margin-top:16px}.md-publication-item{display:block;padding:14px 16px;border-radius:16px;border:1px solid rgba(121,89,67,.13);background:var(--md-surface-warm)}.md-publication-item p{font-size:14.8px;line-height:1.55}.md-publication-button{display:inline-flex;margin-top:10px;color:var(--md-accent-dark);font-size:13.5px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.md-check-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:8px 0 0;padding:0}.md-check-grid li{position:relative;padding-left:22px;color:var(--md-muted);font-size:15.2px;line-height:1.58}.md-check-grid li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:999px;background:var(--md-green)}.md-boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.md-soft-box{background:var(--md-surface-warm);border:1px solid var(--md-border);border-radius:18px;padding:18px}.md-soft-box h4{font-size:18px;margin-bottom:10px;font-weight:700}.md-soft-box ul{display:grid;gap:8px;margin:0;padding-left:18px}.md-soft-box li{font-size:14.8px;line-height:1.56}
.md-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.md-step-card{padding:26px 24px;min-height:310px}.md-step-number{color:#9a7d71;font-size:22px;font-weight:700;margin-bottom:10px}.md-step-card h3{font-size:25px;line-height:1.22;margin-bottom:12px;font-weight:700}.md-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.md-term-card{padding:22px 22px 24px;min-height:176px}.md-term-card h3{font-size:21px;line-height:1.25;font-weight:700;margin-bottom:10px}.md-term-card-wide{grid-column:1/-1}.md-testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.md-testimonial-card{padding:26px}.md-testimonial-card blockquote{margin:0;color:var(--md-muted);font-size:17px;line-height:1.78}.md-testimonial-card figcaption{margin-top:14px;color:var(--md-accent-dark);font-size:14px;font-weight:700}.md-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.md-social-card{display:grid;gap:8px;min-height:150px;padding:22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.md-social-card:hover{transform:translateY(-2px);box-shadow:var(--md-shadow)}.md-social-card span{color:var(--md-accent-dark);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.md-social-card strong{color:var(--md-heading);font-size:23px;line-height:1.2}.md-social-card small{color:var(--md-muted);font-size:15px;line-height:1.55}
.md-accordion-stack{display:grid;gap:14px;margin-top:28px}.md-accordion{overflow:hidden}.md-accordion summary{cursor:pointer;list-style:none;padding:20px 22px;color:var(--md-heading);font-size:20px;font-weight:700}.md-accordion summary::-webkit-details-marker{display:none}.md-accordion summary:before{content:"▸";margin-right:10px;color:var(--md-accent-dark)}.md-accordion[open] summary:before{content:"▾"}.md-link-list{display:grid;padding:0 18px 16px}.md-link-list a{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 10px;border-top:1px solid rgba(121,89,67,.12);text-decoration:none}.md-link-title{color:var(--md-accent-dark);font-size:16px;font-weight:800;line-height:1.4;text-decoration:underline;text-underline-offset:4px}.md-link-action{color:var(--md-muted);font-size:13px;white-space:nowrap}.md-price-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;width:100%;padding:32px 36px}.md-price-left h3{font-size:28px;line-height:1.18;margin-bottom:10px}.md-price-note{font-size:13.5px;margin-top:12px}.md-price-right{text-align:left}.md-price{color:var(--md-accent-dark);font-size:clamp(44px,4vw,56px);font-weight:500;line-height:1.05;white-space:nowrap}.md-price-right span{display:block;margin-top:10px;color:var(--md-muted);font-size:15px}.md-price-right .md-button{margin-top:18px}.md-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:42px;align-items:center}.md-contact-card{padding:28px;text-decoration:none}.md-contact-card h3{font-size:23px;margin-bottom:8px}.md-badge-wrap{display:flex;justify-content:center;align-items:center;padding-top:18px}.md-badge-wrap img{width:118px;height:118px;object-fit:contain}
.site-footer{border-top:1px solid rgba(121,89,67,.12);background:rgba(255,255,255,.28)}.footer-inner{width:min(var(--md-container),calc(100vw - 56px));margin-inline:auto;padding:22px 0;display:flex;justify-content:space-between;gap:18px;align-items:center}.footer-inner span,.footer-inner a{color:var(--md-muted);font-size:13px;text-decoration:none}.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.page-shell{padding:72px 0 96px}.page-card{max-width:900px;margin:0 auto;padding:clamp(28px,3.5vw,46px)}.page-card h1{font-size:clamp(42px,4vw,62px);margin-bottom:22px}.page-content{color:var(--md-muted);font-size:17px;line-height:1.75}.page-content h2,.page-content h3{margin-top:32px;margin-bottom:14px}.page-content p,.page-content ul,.page-content ol{margin-bottom:16px}
@media (max-width:1100px){.md-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-steps-grid{grid-template-columns:1fr}.md-step-card{min-height:auto}}@media (max-width:980px){.site-nav{position:fixed;inset:76px 18px auto 18px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px;border:1px solid var(--md-border);border-radius:22px;background:rgba(255,253,251,.98);box-shadow:var(--md-shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:13px 14px}.menu-toggle{display:inline-flex}.md-hero-grid,.md-credentials-layout,.md-contact-grid,.md-price-card{grid-template-columns:1fr}.md-hero-media{justify-content:flex-start}.md-social-grid,.md-testimonial-grid,.md-terms-grid,.md-boundary-grid,.md-check-grid{grid-template-columns:1fr}.md-price-right{text-align:left}}@media (max-width:782px){.admin-bar .site-header{top:46px}}@media (max-width:680px){html{scroll-padding-top:82px}.md-container,.header-inner,.footer-inner{width:min(100%,calc(100vw - 36px))}.header-inner{min-height:68px}.custom-logo{max-height:42px}.site-name strong{font-size:15px}.site-name span{font-size:12px}.md-section{padding:54px 0}.md-hero{padding:42px 0 52px}h1{font-size:clamp(42px,14vw,60px)}.md-hero-subtitle{font-size:clamp(24px,8vw,34px)}.md-portrait,.md-portrait-placeholder{width:min(100%,340px)}.md-card,.md-skin-card,.md-step-card,.md-term-card,.md-price-card,.md-contact-card{padding-left:20px;padding-right:20px}.md-topic-grid{grid-template-columns:1fr}.md-timeline-item{grid-template-columns:1fr;gap:12px}.md-link-list a{flex-direction:column;align-items:flex-start;gap:6px}.footer-inner{align-items:flex-start;flex-direction:column}}

/* =========================================================
   1.0.4 – Header finomhangolás
   ========================================================= */

/* A fejléc kicsit szűkebb oldaltükörre kerül, hogy a logó és a
   Kapcsolat gomb is esztétikusabban "bentebb" legyen. */
.header-inner {
  width: min(var(--md-container), calc(100vw - 88px));
  max-width: var(--md-container);
  min-height: 78px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* Logó: enyhén kisebb, még jól olvasható méretben. */
.site-branding {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 300px;
  margin-left: 0;
}

.custom-logo-link {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.custom-logo-link img,
.site-logo img,
img.custom-logo {
  display: block;
  width: auto;
  height: auto;
  max-height: 48px;
  max-width: 340px;
}

/* Menü: marad egy sorban, de kevésbé tolja ki jobbra a CTA-t. */
.site-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}

.site-nav a {
  white-space: nowrap;
  font-size: 15px;
  padding: 10px 10px;
}

.site-nav .nav-cta {
  padding: 11px 18px;
  margin-left: 6px;
}

.site-name {
  color: var(--md-heading);
  text-decoration: none;
}

@media (max-width: 1180px) {
  .header-inner {
    width: min(100%, calc(100vw - 64px));
  }

  .site-branding {
    min-width: 245px;
  }

  .custom-logo-link img,
  .site-logo img,
  img.custom-logo {
    max-height: 44px;
    max-width: 300px;
  }

  .site-nav a {
    font-size: 14.5px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 980px) {
  .site-branding {
    min-width: 0;
  }

  .site-nav {
    justify-content: flex-start;
  }

  .site-nav a {
    white-space: normal;
    font-size: 15.5px;
    padding: 13px 14px;
  }
}

@media (max-width: 680px) {
  .header-inner {
    width: min(100%, calc(100vw - 36px));
    min-height: 66px;
  }

  .custom-logo-link img,
  .site-logo img,
  img.custom-logo {
    max-height: 38px;
    max-width: 205px;
  }
}



/* =========================================================
   1.0.5 – prémium vizuális finomhangolás
   ========================================================= */

:root {
  --md-sage: #9aa88f;
  --md-sage-soft: rgba(154, 168, 143, 0.16);
  --md-warm-line: rgba(142, 101, 82, 0.18);
}

body {
  background:
    radial-gradient(circle at 78% 8%, rgba(226, 207, 194, .24), transparent 32%),
    radial-gradient(circle at 13% 42%, rgba(154, 168, 143, .10), transparent 28%),
    linear-gradient(180deg, var(--md-bg) 0%, #fbf8f4 100%);
}

/* Prémium, meleg frosted header */
.site-header {
  background: rgba(248, 243, 237, .78);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
  backdrop-filter: blur(18px) saturate(132%);
  border-bottom: 1px solid rgba(121, 89, 67, .11);
  box-shadow: 0 8px 28px rgba(83, 58, 45, .035);
  transition: background .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.site-header.is-scrolled {
  background: rgba(248, 243, 237, .93);
  border-bottom-color: rgba(121, 89, 67, .16);
  box-shadow: 0 14px 34px rgba(83, 58, 45, .075);
}
.header-inner { min-height: 76px; }
.custom-logo-link img,
.site-logo img,
img.custom-logo { max-height: 46px; max-width: 330px; }
.site-nav a { transition: background .22s ease, color .22s ease, transform .22s ease; }
.site-nav a:hover { transform: translateY(-1px); }
.site-nav .nav-cta { box-shadow: 0 12px 28px rgba(116,78,63,.20); }

/* Finomabb hero-tipográfia */
h1 { font-size: clamp(50px, 4.9vw, 74px); letter-spacing: -.052em; }
.md-hero-subtitle { color: #332722; font-size: clamp(27px, 2.25vw, 37px); font-weight: 560; }
.md-hero { position: relative; overflow: hidden; }
.md-hero::after {
  content: "";
  position: absolute;
  inset: auto -10% -34% 46%;
  height: 360px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(154,168,143,.13), transparent 62%);
}
.md-hero .md-container { position: relative; z-index: 1; }

/* Portré placeholder: finom organikus háttérmotívum */
.md-portrait-placeholder { position: relative; overflow: hidden; background: linear-gradient(180deg, #efe1d5 0%, #ecdccf 100%); }
.md-portrait-placeholder::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(142, 101, 82, .14);
  border-radius: 42% 58% 63% 37% / 45% 39% 61% 55%;
  transform: rotate(-18deg);
  top: 28px;
  right: -72px;
}
.md-portrait-placeholder::after {
  content: "MD";
  position: absolute;
  left: 28px;
  bottom: 22px;
  font-family: Georgia, serif;
  font-size: 56px;
  letter-spacing: -.08em;
  color: rgba(116,78,63,.08);
}
.md-portrait-placeholder > div { position: relative; z-index: 1; }

/* Egységes vonalas ikonrendszer */
.md-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--md-accent-dark);
  background: linear-gradient(180deg, rgba(251,243,236,.98), rgba(247,238,231,.85));
  border: 1px solid rgba(142,101,82,.17);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
  flex: 0 0 auto;
}
.md-icon svg { width: 23px; height: 23px; }
.md-topic-card .md-icon,
.md-term-card .md-icon { margin-bottom: 16px; }
.md-step-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.md-step-top .md-icon { color: var(--md-sage); background: var(--md-sage-soft); border-color: rgba(154,168,143,.24); }
.md-price-head,
.md-verified-head { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.md-price-head .md-icon,
.md-verified-head .md-icon { color: var(--md-sage); background: var(--md-sage-soft); border-color: rgba(154,168,143,.24); }
.md-verified-head h3 { margin: 0; }

/* Kártyák: prémium hover és finom accent */
.md-card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.md-topic-card,
.md-step-card,
.md-term-card,
.md-social-card,
.md-testimonial-card,
.md-price-card,
.md-contact-card {
  position: relative;
  overflow: hidden;
}
.md-topic-card::before,
.md-step-card::before,
.md-term-card::before,
.md-price-card::before,
.md-contact-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(142,101,82,.28), rgba(154,168,143,.22), transparent);
  opacity: .72;
}
.md-topic-card:hover,
.md-step-card:hover,
.md-term-card:hover,
.md-social-card:hover,
.md-testimonial-card:hover,
.md-contact-card:hover {
  transform: translateY(-3px);
  border-color: rgba(142,101,82,.24);
  box-shadow: 0 20px 48px rgba(83,58,45,.09);
}
.md-topic-card { padding-top: 22px; }
.md-topic-card h3 { margin-top: 0; }
.md-term-card h3 { margin-top: 0; }

/* Szakaszcímek és ritmus */
.md-section { padding: 82px 0; }
.md-section-soft { background: radial-gradient(circle at 82% 10%, rgba(226,207,194,.16), transparent 34%), radial-gradient(circle at 16% 76%, rgba(154,168,143,.08), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.04)); }
h2 { letter-spacing: -.04em; }
.md-section-intro { max-width: 920px; }

/* Publikációk: elegánsabb kattintható sorok */
.md-accordion summary { transition: background .2s ease; }
.md-accordion summary:hover { background: rgba(251,243,236,.55); }
.md-link-list a { border-radius: 14px; margin: 0 0 3px; transition: background .2s ease, transform .2s ease; }
.md-link-list a:hover { background: rgba(251,243,236,.78); transform: translateX(2px); }
.md-link-title { text-decoration-thickness: 1px; }
.md-link-action { color: var(--md-accent-dark); opacity: .78; }

/* Díjazás és kapcsolat */
.md-price-card { background: linear-gradient(180deg, #fffdfb 0%, #fffaf7 100%); }
.md-price-trust { margin-top: 8px; color: var(--md-accent-dark); font-size: 15.5px; font-weight: 700; }
.md-contact-help { margin-top: 12px; max-width: 720px; color: var(--md-muted); font-size: 16.5px; line-height: 1.68; }

/* Gombok */
.md-button { transition: transform .22s ease, background .22s ease, box-shadow .22s ease; }
.md-button:hover { transform: translateY(-2px); }
.md-button:focus-visible,
.site-nav a:focus-visible,
.md-link-list a:focus-visible,
.md-social-card:focus-visible {
  outline: 3px solid rgba(154,168,143,.45);
  outline-offset: 4px;
}

/* Finom betöltési / görgetési animációk */
.md-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .58s ease, transform .58s ease;
  transition-delay: var(--reveal-delay, 0ms);
}
.md-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
  .md-reveal { opacity: 1 !important; transform: none !important; }
}

@media (max-width: 1180px) {
  .custom-logo-link img,
  .site-logo img,
  img.custom-logo { max-height: 43px; max-width: 300px; }
}

@media (max-width: 680px) {
  .md-icon { width: 40px; height: 40px; }
  .md-icon svg { width: 21px; height: 21px; }
  h1 { font-size: clamp(42px, 13vw, 58px); }
  .md-section { padding: 58px 0; }
  .md-price-head,
  .md-verified-head { align-items: flex-start; }
}


/* =========================================================
   1.0.7 – UI finomhangolás és díjazás blokk frissítés
   ========================================================= */

/* Ritmus: kevésbé szellős, modernebb szekciótávok */
.md-section { padding: 72px 0; }
@media (max-width: 680px) {
  .md-section { padding: 52px 0; }
}

/* Scrolled állapotban finoman kompaktabb fejléc */
.header-inner { transition: min-height .24s ease, gap .24s ease; }
.site-header.is-scrolled .header-inner { min-height: 72px; }
.site-header.is-scrolled .custom-logo-link img,
.site-header.is-scrolled .site-logo img,
.site-header.is-scrolled img.custom-logo { max-height: 43px; }

/* Aktív menüpont visszajelzés görgetés közben */
.site-nav a.is-active:not(.nav-cta) {
  background: rgba(142,101,82,.11);
  color: var(--md-accent-dark);
  box-shadow: inset 0 0 0 1px rgba(142,101,82,.08);
}
.site-nav .nav-cta.is-active {
  background: var(--md-accent-dark);
  color: #fff;
  box-shadow: 0 12px 28px rgba(116,78,63,.24);
}

/* Bemutatkozás: könnyebb olvashatóság */
.md-about-lead {
  color: var(--md-heading);
  font-size: 18.5px !important;
  line-height: 1.82 !important;
  font-weight: 500;
}
.md-about-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: -2px;
}
.md-about-highlights span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(251,243,236,.95), rgba(247,239,232,.92));
  border: 1px solid rgba(142,101,82,.16);
  color: var(--md-accent-dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

/* Cikkkártyák elegánsabb CTA-ja */
.md-publication-item { padding: 16px 18px; }
.md-publication-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(142,101,82,.22);
  background: rgba(255,255,255,.68);
  color: var(--md-accent-dark);
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.md-publication-button:hover {
  background: rgba(251,243,236,.96);
  border-color: rgba(142,101,82,.34);
  transform: translateY(-1px);
}
.md-publication-button::after { content: "→"; }

/* Publikáció accordion: prémiumabb linkek */
.md-accordion summary { padding: 21px 24px; }
.md-link-list { padding: 2px 18px 18px; }
.md-link-list a {
  padding: 14px 12px;
  border-top: 1px solid rgba(121,89,67,.10);
  border-radius: 16px;
}
.md-link-title {
  color: var(--md-heading);
  font-weight: 700;
  text-decoration: none;
}
.md-link-list a:hover .md-link-title,
.md-link-list a:focus-visible .md-link-title {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.md-link-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(251,243,236,.92);
  border: 1px solid rgba(142,101,82,.16);
  color: var(--md-accent-dark);
  font-size: 12.5px;
  font-weight: 700;
}

/* Ajánlások: idézőjel motívum */
.md-testimonial-card { position: relative; padding-top: 30px; }
.md-testimonial-card::after {
  content: "“";
  position: absolute;
  top: 14px;
  right: 20px;
  font-family: Georgia, serif;
  font-size: 74px;
  line-height: 1;
  color: rgba(142,101,82,.12);
  pointer-events: none;
}
.md-testimonial-card blockquote { position: relative; z-index: 1; }

/* Díjazás blokk – letisztultabb, ikon és extra mondat nélkül */
.md-price-card {
  grid-template-columns: minmax(0,1.35fr) minmax(240px,.75fr);
  gap: 32px;
  align-items: center;
  padding: 36px 36px;
}
.md-price-left { display: grid; gap: 14px; }
.md-price-title {
  font-size: clamp(28px, 2.2vw, 40px);
  line-height: 1.16;
  margin: 0;
  font-weight: 600;
}
.md-price-description {
  font-size: 17.5px;
  line-height: 1.72;
  color: var(--md-muted);
}
.md-price-note {
  font-size: 14.5px;
  line-height: 1.68;
  margin-top: 2px;
  color: var(--md-muted);
}
.md-price-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding-left: 22px;
  border-left: 1px solid rgba(121,89,67,.10);
}
.md-price { font-size: clamp(48px,4.2vw,62px); }
.md-price-right span { margin-top: 0; font-size: 16px; }
.md-price-right .md-button { margin-top: 2px; }

/* Mobil finomítások */
@media (max-width: 980px) {
  .md-price-card { grid-template-columns: 1fr; gap: 22px; }
  .md-price-right { border-left: 0; padding-left: 0; }
}
@media (max-width: 680px) {
  .md-about-highlights span { font-size: 13.5px; }
  .md-price-card { padding-top: 28px; padding-bottom: 28px; }
  .md-price-title { font-size: 28px; }
  .md-price-description { font-size: 16.5px; }
  .md-link-action { padding: 7px 10px; }
}

/* =========================================================
   1.0.7 – prémium finomhangolás: láthatóbb glass header + ikoncsere
   ========================================================= */

/* Láthatóbb, de továbbra is olvasható frosted-glass fejléc.
   Az előző verzió túl opak volt, ezért a szöveg nem igazán „úszott be” alá. */
.site-header {
  background: linear-gradient(180deg, rgba(248,243,237,.64), rgba(248,243,237,.52));
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  border-bottom: 1px solid rgba(121,89,67,.10);
  box-shadow: 0 10px 34px rgba(83,58,45,.045);
}
.site-header.is-scrolled {
  background: linear-gradient(180deg, rgba(248,243,237,.72), rgba(248,243,237,.58));
  -webkit-backdrop-filter: blur(26px) saturate(150%);
  backdrop-filter: blur(26px) saturate(150%);
  border-bottom-color: rgba(121,89,67,.16);
  box-shadow: 0 16px 42px rgba(83,58,45,.075);
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(142,101,82,.22), transparent);
  pointer-events: none;
}

/* A glass hatás miatt a menüpontok kapjanak egy nagyon finom saját olvashatósági réteget hover/active állapotban. */
.site-nav a:hover,
.site-nav a.is-active:not(.nav-cta) {
  background: rgba(255,253,251,.46);
  box-shadow: inset 0 0 0 1px rgba(142,101,82,.08);
}
.site-nav .nav-cta {
  background: rgba(142,101,82,.94);
  backdrop-filter: blur(8px);
}
.site-nav .nav-cta:hover,
.site-nav .nav-cta.is-active {
  background: var(--md-accent-dark);
}

/* Tipográfiai finomítás: modernebb, de nem idegen font-stack, külső betöltés nélkül. */
body {
  font-family: Aptos, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1, h2, h3, h4 {
  text-wrap: balance;
}
p, li, blockquote {
  text-wrap: pretty;
}

/* Ikonok finomabb vizuális súlya */
.md-icon {
  background: linear-gradient(180deg, rgba(255,253,251,.92), rgba(247,238,231,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 8px 18px rgba(83,58,45,.035);
}
.md-icon svg {
  stroke-width: 1.6;
}

/* A nagyon hosszú accordion-linkek kevésbé technikai érzetűek legyenek. */
.md-link-list a {
  min-height: 52px;
}
.md-link-action::after {
  content: "";
}

/* Mobilon a glass ne rontsa az olvashatóságot. */
@media (max-width: 980px) {
  .site-header,
  .site-header.is-scrolled {
    background: rgba(248,243,237,.86);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }
}


/* =========================================================
   1.0.8 – ikonok, fejléc shrink és kontrasztosabb gombok
   ========================================================= */

/* Másodlagos gombok: kevésbé fehér, karakteresebb hover */
.md-button-secondary {
  background: rgba(255,253,251,.88);
  border-color: rgba(142,101,82,.22);
  box-shadow: 0 6px 18px rgba(83,58,45,.04);
}
.md-button-secondary:hover,
.md-button-secondary:focus-visible {
  background: #f3e7dc;
  border-color: rgba(142,101,82,.34);
  box-shadow: 0 12px 26px rgba(83,58,45,.09);
}

/* Egyenletesebb scroll viselkedés: ne csak a logó, hanem a teljes fejléc kompaktosodjon. */
.site-header,
.header-inner,
.custom-logo-link img,
.site-logo img,
img.custom-logo,
.site-nav a,
.site-nav .nav-cta {
  transition: min-height .24s ease, padding .24s ease, gap .24s ease, background .24s ease,
              box-shadow .24s ease, transform .24s ease, max-height .24s ease, font-size .24s ease;
}

.site-header.is-scrolled .header-inner {
  min-height: 70px;
  gap: 16px;
}
.site-header.is-scrolled .custom-logo-link img,
.site-header.is-scrolled .site-logo img,
.site-header.is-scrolled img.custom-logo {
  max-height: 41px;
}
.site-header.is-scrolled .site-nav a:not(.nav-cta) {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14.4px;
}
.site-header.is-scrolled .site-nav .nav-cta {
  padding: 10px 17px;
}

/* Az ikonoknál legyen kicsit kifinomultabb tónus és jobb függőleges pozíció. */
.md-step-top .md-icon,
.md-topic-card .md-icon,
.md-term-card .md-icon {
  color: #86614f;
}

/* Mobilon ne legyen külön shrink élmény. */
@media (max-width: 980px) {
  .site-header.is-scrolled .header-inner { min-height: 76px; }
  .site-header.is-scrolled .custom-logo-link img,
  .site-header.is-scrolled .site-logo img,
  .site-header.is-scrolled img.custom-logo { max-height: 46px; }
  .site-header.is-scrolled .site-nav a:not(.nav-cta) { font-size: 15px; padding-top: 13px; padding-bottom: 13px; }
}
@media (max-width: 680px) {
  .site-header.is-scrolled .header-inner { min-height: 66px; }
  .site-header.is-scrolled .custom-logo-link img,
  .site-header.is-scrolled .site-logo img,
  .site-header.is-scrolled img.custom-logo { max-height: 38px; }
}


/* =========================================================
   1.0.9 – kontrasztosabb, áttetsző barna kiemelések
   ========================================================= */

/* A halvány fehér hover/aktív háttér helyett melegebb, láthatóbb,
   de nem CTA-erősségű barna áttetsző réteg. */
:root {
  --md-accent-soft-visible: rgba(142, 101, 82, .16);
  --md-accent-soft-visible-hover: rgba(142, 101, 82, .22);
  --md-accent-soft-border: rgba(142, 101, 82, .26);
  --md-accent-soft-border-hover: rgba(142, 101, 82, .36);
}

/* Fejléc menüpontok: hover és aktív állapot jobban látszik a glass headeren. */
.site-nav a:hover,
.site-nav a.is-active:not(.nav-cta) {
  background: var(--md-accent-soft-visible);
  color: var(--md-accent-dark);
  box-shadow:
    inset 0 0 0 1px var(--md-accent-soft-border),
    0 8px 18px rgba(83, 58, 45, .055);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.site-nav a:hover {
  background: var(--md-accent-soft-visible-hover);
}

/* A Kapcsolat CTA marad erősebb, de ne legyen túl harsány hoverkor sem. */
.site-nav .nav-cta {
  background: rgba(142, 101, 82, .94);
  color: #fff;
}
.site-nav .nav-cta:hover,
.site-nav .nav-cta.is-active {
  background: rgba(116, 78, 63, .96);
}

/* Másodlagos gombok: ne fehéredjenek ki, legyen egyértelmű barna háttér. */
.md-button-secondary,
.md-pill-link,
.md-publication-button,
.md-link-action {
  background: rgba(142, 101, 82, .10);
  border-color: var(--md-accent-soft-border);
  color: var(--md-accent-dark) !important;
}

.md-button-secondary:hover,
.md-button-secondary:focus-visible,
.md-pill-link:hover,
.md-pill-link:focus-visible,
.md-publication-button:hover,
.md-publication-button:focus-visible {
  background: rgba(142, 101, 82, .20);
  border-color: var(--md-accent-soft-border-hover);
  color: var(--md-accent-dark) !important;
  box-shadow: 0 12px 26px rgba(83, 58, 45, .085);
}

/* Accordion linkek: a sor hoverje is legyen láthatóbb, de ne gombszerűen erős. */
.md-link-list a:hover {
  background: rgba(142, 101, 82, .085);
  box-shadow: inset 0 0 0 1px rgba(142, 101, 82, .12);
}

.md-link-list a:hover .md-link-action,
.md-link-list a:focus-visible .md-link-action {
  background: rgba(142, 101, 82, .18);
  border-color: rgba(142, 101, 82, .30);
}

/* Mobil menüben is maradjon olvasható és látható az aktív állapot. */
@media (max-width: 980px) {
  .site-nav a:hover,
  .site-nav a.is-active:not(.nav-cta) {
    background: rgba(142, 101, 82, .14);
    box-shadow: inset 0 0 0 1px rgba(142, 101, 82, .22);
  }
}


/* =========================================================
   1.0.10 – mobil menü viselkedés javítása
   ========================================================= */

/* Mobilon a menü ne érződjön "beragadtnak": kapjon egyértelmű overlay-jelleget,
   és nyitott állapotban kontrollált, teljes menükártyaként jelenjen meg. */
@media (max-width: 980px) {
  .site-header {
    z-index: 1000;
  }

  .site-nav {
    position: fixed;
    top: calc(var(--md-mobile-header-offset, 76px) + 10px);
    left: 18px;
    right: 18px;
    bottom: auto;
    max-height: min(74vh, 560px);
    overflow-y: auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 18px;
    border: 1px solid rgba(142,101,82,.18);
    border-radius: 26px;
    background: rgba(255,253,251,.92);
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    backdrop-filter: blur(24px) saturate(140%);
    box-shadow: 0 24px 70px rgba(83,58,45,.16);
  }

  .site-nav.is-open {
    display: flex;
    animation: mdMenuIn .18s ease-out;
  }

  .site-nav a {
    text-align: center;
    justify-content: center;
    border-radius: 18px;
  }

  .site-nav .nav-cta {
    align-self: center;
    min-width: 190px;
    margin-top: 4px;
  }

  body.md-menu-open {
    overflow: hidden;
  }

  body.md-menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(47,35,30,.10);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  body.md-menu-open .site-header {
    z-index: 1001;
  }
}

@media (max-width: 680px) {
  .site-nav {
    top: calc(var(--md-mobile-header-offset, 68px) + 10px);
    left: 16px;
    right: 16px;
    max-height: min(76vh, 560px);
    padding: 18px 16px;
  }
}

@keyframes mdMenuIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* =========================================================
   1.0.11 – mobil menü végső finomhangolás
   ========================================================= */

/* A videón a menü kártyája még túl áttetsző volt, és a háttérszöveg túlságosan átütött.
   Mobilon legyen olvashatóbb, de maradjon glass jellegű. */
@media (max-width: 980px) {
  .site-nav {
    background: rgba(255, 253, 251, .965);
    border-color: rgba(142,101,82,.20);
    box-shadow: 0 24px 74px rgba(83,58,45,.18);
  }

  body.md-menu-open::before {
    background: rgba(47,35,30,.15);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }

  .site-nav a {
    min-height: 48px;
  }

  .site-nav .nav-cta {
    margin-top: 8px;
  }
}


/* =========================================================
   1.0.13 – mobil menü scroll-jump és aktív állapot javítás
   ========================================================= */

/* Az előző mobil scroll-lock iOS-en néha visszaugrott. Most nem fixáljuk a body-t,
   csak finom overlayt használunk, így a menü zárása nem görgeti el az oldalt. */
@media (max-width: 980px) {
  body.md-menu-open {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    overflow: hidden;
  }

  .site-nav a.is-active:not(.nav-cta) {
    background: rgba(142, 101, 82, .18);
    box-shadow: inset 0 0 0 1px rgba(142, 101, 82, .24);
  }
}
