/*
Theme Name: Figyelemfejlesztés – Kadence Child
Theme URI: https://figyelemfejlesztes.hu/
Description: A Figyelemfejlesztés oldal Kadence gyermek témája.
Author: Figyelemfejlesztés
Template: kadence
Version: 0.9.4
Text Domain: figyelemfejlesztes-kadence-child
License: GPL-2.0-or-later
*/

/* Globális arculat – a régi oldalak, a Kadence fejléc és a lábléc számára. */
:root {
  --ff-ink: #213c35;
  --ff-green: #285b4d;
  --ff-green-dark: #174337;
  --ff-muted: #507e70;
  --ff-cream: #fbf8f1;
  --ff-sage: #edf1e9;
  --ff-line: #dae4da;
}
body {
  --global-palette1: #285b4d;
  --global-palette2: #174337;
  --global-palette3: #213c35;
  --global-palette4: #38534a;
  --global-palette5: #60756c;
  --global-palette6: #b5cbbc;
  --global-palette7: #edf1e9;
  --global-palette8: #fbf8f1;
  --global-palette9: #ffffff;
  color: var(--ff-ink);
  background: var(--ff-cream);
}
#inner-wrap, #wrapper { background: var(--ff-cream); }

/* A téma beállításaitól függetlenül olvasható, nyugodt fejléc. */
#masthead .site-header-row-container-inner,
#mobile-header .site-header-row-container-inner {
  background: var(--ff-cream);
  border-bottom: 1px solid var(--ff-line);
}
#masthead .site-header-row-container-inner,
#mobile-header .site-header-row-container-inner {
  box-shadow: 0 8px 24px rgba(33, 60, 53, .045);
}
#masthead .site-title, #mobile-header .site-title,
#masthead .site-title a, #mobile-header .site-title a,
#masthead .site-description, #mobile-header .site-description,
#masthead .header-html-inner, #mobile-header .header-html-inner,
#masthead .header-html-inner a, #mobile-header .header-html-inner a {
  color: var(--ff-ink);
}
#masthead .site-title, #mobile-header .site-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: -.025em;
}
#masthead .main-navigation .primary-menu-container > ul > li > a,
#masthead .main-navigation .primary-menu-container > ul > li > a:hover,
#masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a,
#masthead .main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a,
#masthead .header-navigation .menu > li > a,
#mobile-header .header-navigation .menu > li > a {
  color: var(--ff-ink);
  font-weight: 600;
}
#masthead .main-navigation .primary-menu-container > ul > li > a:hover,
#masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a,
#masthead .main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a {
  color: var(--ff-green);
}
#masthead .main-navigation .sub-menu {
  background: #fff;
  border: 1px solid var(--ff-line);
  border-radius: 14px;
  box-shadow: 0 16px 36px rgba(33, 60, 53, .10);
  overflow: hidden;
}
#masthead .main-navigation .sub-menu a { color: var(--ff-ink); }
#masthead .main-navigation .sub-menu a:hover { color: var(--ff-green); background: var(--ff-sage); }
#masthead .menu-toggle-open, #mobile-header .menu-toggle-open,
#masthead .search-toggle-open, #mobile-header .search-toggle-open {
  color: var(--ff-ink);
}
#mobile-drawer .drawer-inner { background: var(--ff-cream); color: var(--ff-ink); }
#mobile-drawer .mobile-navigation a,
#mobile-drawer .drawer-header .menu-toggle-close { color: var(--ff-ink); }
#mobile-drawer .mobile-navigation a:hover { color: var(--ff-green); }

/* Régi oldalak, blog és archívumok. Az új minták saját stílusa erősebb. */
.site-main .entry-title,
.site-main .archive-title,
.site-main .entry-content :where(h1, h2) {
  color: var(--ff-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.025em;
}
.site-main .entry-content :where(h3, h4) { color: var(--ff-green-dark); }
.site-main .entry-content :where(p, li) { line-height: 1.7; }
.site-main .entry-content a:not(.wp-block-button__link),
.site-main .entry-meta a, .site-main .entry-taxonomies a {
  color: var(--ff-green);
  text-underline-offset: .16em;
}
.site-main .entry-content a:not(.wp-block-button__link):hover,
.site-main .entry-meta a:hover { color: var(--ff-green-dark); }
.entry-hero-container-inner {
  background: linear-gradient(145deg, #f9f5e9 0%, #edf1e9 100%);
}
.entry-hero .entry-title { color: var(--ff-ink); }
.site-main .loop-entry {
  background: #fff;
  border: 1px solid var(--ff-line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(33, 60, 53, .045);
}
.site-main .loop-entry .entry-content-wrap { padding: clamp(1.2rem, 3vw, 2rem); }
.site-main .entry-content .wp-block-button__link,
.site-main .entry-content .button,
.site-main .entry-content input[type="submit"] {
  border-radius: 100px;
  background: var(--ff-green);
  color: #fff;
  font-weight: 600;
  padding: .8rem 1.5rem;
}
.site-main .entry-content .wp-block-button__link:hover,
.site-main .entry-content .button:hover,
.site-main .entry-content input[type="submit"]:hover {
  background: var(--ff-green-dark);
  color: #fff;
}
/* A hozzászólás űrlapja az entry-content elemen kívül van. */
#respond #submit,
.comment-respond .comment-form .form-submit input[type="submit"] {
  appearance: none;
  border: 0;
  border-radius: 100px;
  background: var(--ff-green);
  color: #fff;
  font-weight: 600;
  padding: .8rem 1.5rem;
  cursor: pointer;
}
#respond #submit:hover,
.comment-respond .comment-form .form-submit input[type="submit"]:hover {
  background: var(--ff-green-dark);
  color: #fff;
}
#respond #submit:focus-visible {
  outline: 3px solid var(--ff-muted);
  outline-offset: 3px;
}
.site-main .entry-content input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.site-main .entry-content textarea,
.site-main .entry-content select {
  border: 1px solid #b5cbbc;
  border-radius: 10px;
  background: #fff;
  color: var(--ff-ink);
}
.site-main .entry-content :where(a, button, input, textarea, select):focus-visible,
#masthead :where(a, button):focus-visible,
#mobile-drawer :where(a, button):focus-visible {
  outline: 3px solid var(--ff-muted);
  outline-offset: 3px;
}

/* A lábléc minden sablonon azonos, jól olvasható kontrasztot kap. */
.site-footer, .site-footer-wrap,
.site-footer .site-footer-row-container-inner {
  background: var(--ff-ink);
  color: #f7f5ec;
}
.site-footer :where(p, li, .site-info-inner, .footer-html-inner, .widget-title) {
  color: #f7f5ec;
}
.site-footer a { color: #e1f0df; text-underline-offset: .18em; }
.site-footer a:hover { color: #fff; }
.site-footer .site-footer-row-container-inner { border-color: rgba(255,255,255,.14); }
@media (max-width: 780px) {
  #masthead .site-title, #mobile-header .site-title { font-size: 1.2rem; }
  .site-main .loop-entry .entry-content-wrap { padding: 1.3rem; }
}

/* A kezdőlap mintájának stílusai csak az új oldalra hatnak. */
.ff-home { color: #213c35; background: #fbf8f1; }
.ff-home .ff-section { padding: clamp(3.5rem, 7vw, 6.5rem) max(1.4rem, calc((100vw - 1180px) / 2)); }
.ff-home .ff-hero {
  position: relative; overflow: hidden; padding-top: clamp(5rem, 10vw, 9rem);
  padding-bottom: clamp(5rem, 9vw, 8rem);
  background: radial-gradient(ellipse at 82% 20%, #dbe8dd 0, transparent 43%),
    linear-gradient(155deg, #f9f5e9 0%, #edf1e9 72%, #e6efe8 100%);
}
.ff-home .ff-hero::after {
  content: ''; position: absolute; pointer-events: none; width: 160%; height: 140px;
  left: -30%; bottom: -95px; border-radius: 50%; background: #fbf8f1;
}
.ff-home .ff-eyebrow { color: #507e70; font-size: .84rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ff-home h1, .ff-home h2 { color: #213c35; font-family: Georgia, 'Times New Roman', serif; font-weight: 500; line-height: 1.12; }
.ff-home h1 { max-width: 900px; font-size: clamp(2.8rem, 6vw, 5.7rem); letter-spacing: -.035em; }
.ff-home h2 { font-size: clamp(2.1rem, 4vw, 3.6rem); letter-spacing: -.025em; }
.ff-home h3 { color: #25473d; font-size: 1.35rem; }
.ff-home p { line-height: 1.7; }
.ff-home .ff-lead { max-width: 760px; font-size: clamp(1.1rem, 2vw, 1.34rem); }
.ff-home .wp-block-button__link { border-radius: 100px; padding: .88rem 1.5rem; background: #285b4d; color: #fff; font-weight: 600; }
.ff-home .ff-secondary .wp-block-button__link { background: transparent; color: #285b4d; border: 1.5px solid #285b4d; }
.ff-home .ff-card { background: #fff; border: 1px solid #dae4da; border-radius: 20px; padding: clamp(1.3rem, 3vw, 2.3rem); box-shadow: 0 14px 36px rgba(33, 60, 53, .05); height: 100%; }
.ff-home .ff-card p:last-child { margin-bottom: 0; }
.ff-home .ff-card p a { color: #285b4d; font-weight: 700; }
.ff-home .ff-card .wp-block-button__link { color: #fff; }
.ff-home .ff-muted { background: #edf1e9; }
.ff-home .ff-feature { background: #dce9dc; border-radius: 28px; }
.ff-home .ff-step { border-top: 1px solid #b5cbbc; padding-top: 1rem; }
.ff-home .ff-small { max-width: 690px; }
.ff-home-illustration { margin: clamp(1.5rem, 4vw, 3rem) 0 0; }
.ff-home-illustration img {
  display: block; width: 100%; height: auto; max-height: 560px;
  object-fit: cover; border-radius: 24px;
  box-shadow: 0 18px 42px rgba(33, 60, 53, .10);
}
.ff-home-illustration--hero img { max-height: 460px; }
.ff-home-blog {
  padding: clamp(3.5rem, 7vw, 6.5rem) max(1.4rem, calc((100vw - 1180px) / 2));
  width: 100vw; max-width: none; position: relative; left: 50%; transform: translateX(-50%);
  background: #edf1e9; color: #213c35;
}
.ff-home-blog-inner { max-width: 1180px; margin: 0 auto; }
.ff-home-blog-eyebrow { color: #507e70; font-size: .84rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ff-home-blog h2 { color: #213c35; font: 500 clamp(2.1rem, 4vw, 3.6rem)/1.12 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
.ff-home-blog-lead { max-width: 760px; line-height: 1.7; }
.ff-home-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; margin-top: 2rem; }
.ff-home-blog-card { display: flex; flex-direction: column; padding: clamp(1.4rem, 3vw, 2rem); background: #fff; border: 1px solid #dae4da; border-radius: 20px; box-shadow: 0 14px 36px rgba(33, 60, 53, .05); }
.ff-home-blog-card time { color: #507e70; font-size: .9rem; }
.ff-home-blog-card h3 { margin: .7rem 0 1rem; color: #25473d; font: 500 1.5rem/1.25 Georgia, 'Times New Roman', serif; }
.ff-home-blog-card h3 a { color: inherit; text-decoration: none; }
.ff-home-blog-card h3 a:hover, .ff-home-blog-more:hover { color: #174337; text-decoration: underline; }
.ff-home-blog-card p { line-height: 1.65; }
.ff-home-blog-more { color: #285b4d; font-weight: 700; margin-top: auto; }
.ff-home-blog-all { margin: 2rem 0 0; }
.site-main .entry-content .ff-home-blog-all a { display: inline-block; border-radius: 100px; padding: .88rem 1.5rem; background: #285b4d; color: #fff; font-weight: 600; text-decoration: none; }
.site-main .entry-content .ff-home-blog-all a:hover { background: #174337; color: #fff; }
.ff-home-blog a:focus-visible { outline: 3px solid #507e70; outline-offset: 3px; }
@media (max-width: 780px) {
  .ff-home .ff-section { padding: 3.6rem 1.4rem; }
  .ff-home .ff-hero { padding-top: 5rem; padding-bottom: 6rem; }
  .ff-home .ff-card { margin-bottom: 1rem; }
  .ff-home-blog { padding: 3.6rem 1.4rem; }
  .ff-home-blog-grid { grid-template-columns: 1fr; }
  .ff-home-illustration img { border-radius: 18px; }
}

/* v0.9 — illustrated homepage cards and the approved drawn visual direction. */
/* The page template setting does not remove Kadence's nested width limits. */
body.ff-homepage #primary,
body.ff-homepage #main,
body.ff-homepage .content-container,
body.ff-homepage .content-area,
body.ff-homepage .entry,
body.ff-homepage .entry-content-wrap,
body.ff-homepage .entry-content {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.ff-homepage .content-container { display: block !important; }
body.ff-homepage .entry-content-wrap,
body.ff-homepage .entry-content { padding-left: 0 !important; padding-right: 0 !important; }
.ff-home { box-sizing: border-box; width: 100%; max-width: none !important; margin: 0; }
.ff-home > .ff-section { box-sizing: border-box; width: 100%; max-width: none !important; }
.ff-home .ff-hero {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr);
  align-items: center; column-gap: clamp(2rem, 5vw, 5rem);
  background: linear-gradient(115deg, #faf8f4 0%, #f3f1e8 100%);
}
.ff-home .ff-hero::after { display: none; }
/* v0.9.4: A Kadence (klasszikus téma) minden Csoport blokkba beszúr egy
   .wp-block-group__inner-container réteget. Emiatt a rács egyetlen elemet
   látott, és minden az első oszlopba került. A display: contents
   „átlátszóvá” teszi ezt a réteget, így a rács a valódi elemeket rendezi. */
.ff-home .wp-block-group__inner-container { display: contents; }
.ff-home .ff-hero .ff-eyebrow,
.ff-home .ff-hero h1,
.ff-home .ff-hero .ff-lead,
.ff-home .ff-hero .wp-block-buttons { grid-column: 1; }
.ff-home .ff-hero h1 { font-size: clamp(2.7rem, 5vw, 4.8rem); }
.ff-home .ff-hero figure.ff-home-illustration--hero { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
.ff-home-illustration img { object-fit: contain; border-radius: 0; box-shadow: none; }
.ff-home-illustration--hero img { width: 100%; max-height: 530px; }
.ff-home .ff-topics { position: relative; background: #faf8f4; }
.ff-home .ff-topic-intro { max-width: 680px; color: #66786c; }
.ff-home .ff-topic-grid { display: grid; width: 100%; max-width: none; box-sizing: border-box; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 2.5rem; border-top: 1px solid #d9dfd3; border-left: 1px solid #d9dfd3; }
.ff-home .ff-topic-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 270px; padding: clamp(1.4rem, 3vw, 2.2rem); background: #fff; border-right: 1px solid #d9dfd3; border-bottom: 1px solid #d9dfd3; }
.ff-home .ff-topic-card h3 { margin: 1rem 0 .65rem; font: 500 clamp(1.25rem, 2vw, 1.75rem)/1.2 Georgia, 'Times New Roman', serif; }
.ff-home .ff-topic-card p { margin: 0; color: #66786c; }
.ff-home .ff-topic-card p:last-child { margin-top: auto; padding-top: 1.1rem; }
.ff-home .ff-topic-card a { color: #315949; font-weight: 700; text-decoration: none; }
.ff-home .ff-topic-card a:hover { text-decoration: underline; text-underline-offset: .18em; }
.ff-topic-icon { display: grid; place-items: center; width: 72px; height: 72px; }
.ff-topic-icon img { display: block; width: 48px; height: 48px; }
.ff-topic-icon--figyelem { background: #eddfa8; }
.ff-topic-icon--tanulas { background: #d3c7df; }
.ff-topic-icon--teljesitmeny { background: #bfd8c7; }
.ff-topic-icon--alvas { background: #e5c0b7; }
.custom-logo-link { display: inline-block; max-width: min(285px, 32vw); }
.custom-logo { display: block; width: 100%; height: auto; max-height: 66px; object-fit: contain; }
@media (max-width: 900px) {
  /* The grid follows its available content width: two cards on a full-width
     tablet, one card when the page is still using a narrow/sidebar template. */
  .ff-home .ff-topic-grid {
    width: 100%; box-sizing: border-box;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  }
}
@media (max-width: 780px) {
  .ff-home .ff-hero { display: block; }
  .ff-home .ff-hero figure.ff-home-illustration--hero { width: 100%; max-width: 530px; margin: 2rem auto 0; }
  .ff-home .ff-topic-card { min-height: 0; }
  .custom-logo-link { max-width: min(230px, 62vw); }
}

/* A Rólunk minta önálló színei és elrendezése. */
.ff-about { color: #213c35; background: #fbf8f1; }
.ff-about .ff-about-section { padding: clamp(3.5rem, 7vw, 6rem) max(1.4rem, calc((100vw - 1180px) / 2)); }
.ff-about .ff-about-hero {
  padding-top: clamp(5rem, 9vw, 8rem); padding-bottom: clamp(4rem, 7vw, 6rem);
  background: radial-gradient(ellipse at 85% 20%, #dbe8dd 0, transparent 43%),
    linear-gradient(155deg, #f9f5e9 0%, #edf1e9 100%);
}
.ff-about .ff-about-eyebrow { color: #507e70; font-size: .84rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ff-about h1, .ff-about h2 { color: #213c35; font-family: Georgia, 'Times New Roman', serif; font-weight: 500; line-height: 1.12; }
.ff-about h1 { max-width: 930px; font-size: clamp(2.8rem, 6vw, 5.7rem); letter-spacing: -.035em; }
.ff-about h2 { font-size: clamp(2.1rem, 4vw, 3.4rem); letter-spacing: -.025em; }
.ff-about h3 { color: #25473d; font-size: 1.45rem; margin-bottom: .3rem; }
.ff-about p, .ff-about li { line-height: 1.7; }
.ff-about .ff-about-lead { max-width: 760px; font-size: clamp(1.1rem, 2vw, 1.34rem); }
.ff-about .ff-about-intro { max-width: 850px; }
.ff-about .ff-about-grid { gap: 1.5rem; align-items: stretch; }
.ff-about .ff-person { height: 100%; padding: clamp(1.25rem, 2.3vw, 2rem); background: #fff; border: 1px solid #dae4da; border-radius: 22px; box-shadow: 0 14px 36px rgba(33, 60, 53, .05); }
.ff-about .ff-person figure { margin: 0 0 1.5rem; }
.ff-about .ff-person img { width: 100%; height: clamp(240px, 27vw, 340px); object-fit: cover; object-position: center 35%; border-radius: 14px; }
.ff-about .ff-person .ff-person-role { color: #507e70; font-size: .94rem; font-weight: 700; margin: 0 0 1.3rem; }
.ff-about .ff-person ul { padding-left: 1.2rem; }
.ff-about .ff-about-note { background: #edf1e9; }
.ff-about .ff-about-note p { max-width: 870px; }
.ff-about .ff-about-cta { background: #dce9dc; border-radius: 28px; padding: clamp(1.6rem, 4vw, 3rem); }
.ff-about .wp-block-button__link { border-radius: 100px; padding: .88rem 1.5rem; background: #285b4d; color: #fff; font-weight: 600; }
@media (max-width: 780px) {
  .ff-about .ff-about-section { padding: 3.6rem 1.4rem; }
  .ff-about .ff-about-hero { padding-top: 5rem; }
  .ff-about .ff-person { margin-bottom: 1rem; }
  .ff-about .ff-person img { height: 300px; }
}

/* Kapcsolat oldal: a többi új oldal színei és ritmusa. */
.ff-contact { color: #213c35; background: #fbf8f1; }
.ff-contact .ff-contact-section { padding: clamp(3.5rem, 7vw, 6rem) max(1.4rem, calc((100vw - 1180px) / 2)); }
.ff-contact .ff-contact-hero {
  padding-top: clamp(5rem, 9vw, 8rem); padding-bottom: clamp(4rem, 7vw, 6rem);
  background: radial-gradient(ellipse at 84% 20%, #dbe8dd 0, transparent 43%),
    linear-gradient(155deg, #f9f5e9 0%, #edf1e9 100%);
}
.ff-contact .ff-contact-eyebrow { color: #507e70; font-size: .84rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ff-contact h1, .ff-contact h2 { color: #213c35; font-family: Georgia, 'Times New Roman', serif; font-weight: 500; line-height: 1.12; }
.ff-contact h1 { max-width: 950px; font-size: clamp(2.8rem, 6vw, 5.7rem); letter-spacing: -.035em; }
.ff-contact h2 { font-size: clamp(2.1rem, 4vw, 3.4rem); letter-spacing: -.025em; }
.ff-contact h3 { color: #25473d; font-size: 1.35rem; }
.ff-contact p { line-height: 1.7; }
.ff-contact .ff-contact-lead { max-width: 760px; font-size: clamp(1.1rem, 2vw, 1.34rem); }
.ff-contact .ff-contact-grid { gap: 1.5rem; align-items: stretch; }
.ff-contact .ff-contact-card {
  height: 100%; padding: clamp(1.4rem, 3vw, 2.4rem); background: #fff;
  border: 1px solid #dae4da; border-radius: 22px; box-shadow: 0 14px 36px rgba(33, 60, 53, .05);
}
.ff-contact .ff-contact-card p:last-child { margin-bottom: 0; }
.ff-contact a { color: #285b4d; }
.ff-contact .ff-contact-muted { background: #edf1e9; }
.ff-contact .ff-contact-soon { color: #507e70; font-weight: 700; }
.ff-contact .ff-contact-form-wrap { background: #fff; border: 1px solid #dae4da; border-radius: 22px; padding: clamp(1.4rem, 3vw, 2.4rem); }
.ff-contact .wpcf7 label { display: block; font-weight: 600; }
.ff-contact .wpcf7 input:not([type="submit"]):not([type="checkbox"]),
.ff-contact .wpcf7 textarea { width: 100%; max-width: 100%; border: 1px solid #b5cbbc; border-radius: 10px; padding: .8rem; background: #fff; }
.ff-contact .wpcf7 input[type="submit"] { border-radius: 100px; padding: .88rem 1.7rem; background: #285b4d; color: #fff; font-weight: 600; cursor: pointer; }
@media (max-width: 780px) {
  .ff-contact .ff-contact-section { padding: 3.6rem 1.4rem; }
  .ff-contact .ff-contact-hero { padding-top: 5rem; }
  .ff-contact .ff-contact-card { margin-bottom: 1rem; }
}

/* Közös aloldalrendszer: kizárólag a megfelelő mintával készült tartalomra hat. */
.ff-subpage { color: #213c35; background: #fbf8f1; }
.ff-subpage .ff-subpage-section {
  box-sizing: border-box;
  padding: clamp(3.5rem, 7vw, 6rem) max(1.4rem, calc((100vw - 1180px) / 2));
}
.ff-subpage .ff-subpage-hero {
  padding-top: clamp(5rem, 9vw, 8rem); padding-bottom: clamp(4rem, 7vw, 6rem);
  background: radial-gradient(ellipse at 83% 18%, #dbe8dd 0, transparent 43%),
    linear-gradient(155deg, #f9f5e9 0%, #edf1e9 100%);
}
.ff-subpage .ff-subpage-eyebrow {
  color: #507e70; font-size: .84rem; font-weight: 700;
  letter-spacing: .13em; text-transform: uppercase;
}
.ff-subpage h1, .ff-subpage h2 {
  color: #213c35; font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500; line-height: 1.12;
}
.ff-subpage h1 { max-width: 950px; font-size: clamp(2.8rem, 6vw, 5.7rem); letter-spacing: -.035em; }
.ff-subpage h2 { max-width: 950px; font-size: clamp(2.1rem, 4vw, 3.4rem); letter-spacing: -.025em; }
.ff-subpage h3 { color: #25473d; font-size: 1.3rem; line-height: 1.25; }
.ff-subpage p { line-height: 1.7; }
.ff-subpage .ff-subpage-lead { max-width: 810px; font-size: clamp(1.1rem, 2vw, 1.34rem); }
.ff-subpage .ff-subpage-section > p:not(.ff-subpage-eyebrow) { max-width: 850px; }
.ff-subpage .ff-subpage-muted { background: #edf1e9; }
.ff-subpage .ff-subpage-grid { gap: 1.4rem; align-items: stretch; }
.ff-subpage .ff-subpage-grid > .wp-block-column { min-width: 0; }
.ff-subpage .ff-subpage-card {
  box-sizing: border-box; height: 100%;
  padding: clamp(1.3rem, 2.5vw, 2rem);
  border: 1px solid #dae4da; border-radius: 20px; background: #fff;
  box-shadow: 0 14px 36px rgba(33, 60, 53, .05);
}
.ff-subpage .ff-subpage-card p:last-child { margin-bottom: 0; }
.ff-subpage a { color: #285b4d; font-weight: 700; }
.ff-subpage .ff-subpage-cta { max-width: 100%; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 26px; background: #dce9dc; }
.ff-subpage .wp-block-button__link {
  border-radius: 100px; padding: .88rem 1.6rem;
  background: #285b4d; color: #fff; font-weight: 600;
}
.ff-subpage .wp-block-button__link:hover,
.ff-subpage .wp-block-button__link:focus { background: #174337; color: #fff; }
@media (max-width: 780px) {
  .ff-subpage .ff-subpage-section { padding: 3.6rem 1.4rem; }
  .ff-subpage .ff-subpage-hero { padding-top: 5rem; }
  .ff-subpage .ff-subpage-grid > .wp-block-column { margin-bottom: 1rem; }
}

/* Egyertelmu suti valasztas: a bezaro X helyett a ket feliratozott gomb hasznalhato. */
#cn-close-notice{display:none!important}
#cookie-notice .cn-button{margin:5px 7px;padding:9px 15px;border-radius:20px;font-size:14px}
#cookie-notice{font-size:14px;line-height:1.6}