/* Add your custom styles here */

/* 
 * Sablon-specifikus stílusok 
 * Ezek az osztályok a kiválasztott sablon alapján kerülhetnek a <body> vagy wrapper elemre (pl. body.lagy-elegancia)
*/

html,
body,
* {
  scroll-behavior: smooth !important;
}

/* ****************** */
/**** SABLONOK ****/
/* **************** */
/* === 1. Letisztult egyensúly (Pszichológus) === */
body.sablon-letisztult_egyensuly {
  --vilagos_hatter_szin: #f2f4f6;
  --halvany_hatter_szin: #e0e5ea;
  --sotet_hatter_szin: #748594;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #2e2e2e;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #1f2a30;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #6c88a3;
  --fo_gomb_hatterszine-hover: #5a7691;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #e6e9ec;
  --masodlagos_gomb_betuszine: #6c88a3;
  --gomb-lekerekites: 1em;
  --szegely-vastagsag: 1px;
  --cimsor-betutipus: 'Merriweather', serif;
  --szoveg-betutipus: 'Open Sans', sans-serif;
}

/* === 2. Finom elegancia (Kozmetikus, pillás) === */
body.sablon-finom_elegancia {
  --vilagos_hatter_szin: #fff0f5;
  --halvany_hatter_szin: #f8dde7;
  --sotet_hatter_szin: #d68ca2;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #472233;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #5a2e40;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #f78fb3;
  --fo_gomb_hatterszine-hover: #e0769f;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #fbe8f0;
  --masodlagos_gomb_betuszine: #f78fb3;
  --gomb-lekerekites: 2em;
  --szegely-vastagsag: 1px;
  --cimsor-betutipus: 'Playfair Display', serif;
  --szoveg-betutipus: 'Lato', sans-serif;
}

/* === 3. Természet érintése (Masszőr) === */
body.sablon-termeszet_erintese {
  --vilagos_hatter_szin: #f3efe7;
  --halvany_hatter_szin: #e8e2d9;
  --sotet_hatter_szin: #a39382;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #433b34;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #322c27;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #bcae98;
  --fo_gomb_hatterszine-hover: #a99a84;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #f0eae2;
  --masodlagos_gomb_betuszine: #bcae98;
  --gomb-lekerekites: 1.2em;
  --szegely-vastagsag: 2px;
  --cimsor-betutipus: 'Raleway', sans-serif;
  --szoveg-betutipus: 'Noto Sans', sans-serif;
}

/* === 4. Urban Ink (Tetováló) === */
body.sablon-urban_ink {
  --vilagos_hatter_szin: #1a1a1a;
  --halvany_hatter_szin: #2b2b2b;
  --sotet_hatter_szin: #000000;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #ffffff;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #ffffff;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #a8895c;
  --fo_gomb_hatterszine-hover: #917b52;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #e0e0e0;
  --masodlagos_gomb_betuszine: #a8895c;
  --gomb-lekerekites: 0;
  --szegely-vastagsag: 2px;
  --cimsor-betutipus: 'Oswald', sans-serif;
  --szoveg-betutipus: 'Roboto', sans-serif;
}

/* === 5. Stílus & Vonzerő (fekete-kék) (Fodrász / Barber) === */
body.sablon-stilus_vonzero {
  --vilagos_hatter_szin: #fdfdfd;
  --halvany_hatter_szin: #ececec;
  --sotet_hatter_szin: #1e1e1e;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #111111;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #0e0e0e;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #0099cc;
  --fo_gomb_hatterszine-hover: #0077aa;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #eaeaea;
  --masodlagos_gomb_betuszine: #0099cc;
  --gomb-lekerekites: 0.75em;
  --szegely-vastagsag: 1px;
  --cimsor-betutipus: 'Montserrat', sans-serif;
  --szoveg-betutipus: 'Open Sans', sans-serif;
}

/* === 6. Professzionális megjelenés (Ügyvéd) === */
body.sablon-professzionalis_megjelenes {
  --vilagos_hatter_szin: #f4f4f4;
  --halvany_hatter_szin: #e0e0e0;
  --sotet_hatter_szin: #1c2a38;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #111111;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #0e1620;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #c19f63;
  --fo_gomb_hatterszine-hover: #a68450;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #ddd;
  --masodlagos_gomb_betuszine: #c19f63;
  --gomb-lekerekites: 0.3em;
  --szegely-vastagsag: 2px;
  --cimsor-betutipus: 'Merriweather', serif;
  --szoveg-betutipus: 'Roboto', sans-serif;
}

/* === 7. Modern minimal (általános, semleges) === */
body.sablon-modern_minimal {
  --vilagos_hatter_szin: #ffffff;
  --halvany_hatter_szin: #f7f7f7;
  --sotet_hatter_szin: #2a2a2a;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #202020;
  --betu_szin_vilagos: #ffffff;
  --cimsor_szin_sotet: #121212;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #ff6600;
  --fo_gomb_hatterszine-hover: #cc5200;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #efefef;
  --masodlagos_gomb_betuszine: #ff6600;
  --gomb-lekerekites: 0.5em;
  --szegely-vastagsag: 1px;
  --cimsor-betutipus: 'Poppins', sans-serif;
  --szoveg-betutipus: 'Open Sans', sans-serif;
}

/* ===  8. Lágy elegancia === */
body.sablon-lagy_elegancia {
  --vilagos_hatter_szin: #f9f5f2;
  --halvany_hatter_szin: #efe9e4;
  --sotet_hatter_szin: #e5ddd8;
  /* világosabb, mint eddig */
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #3a312c;
  /* sötétbarna tónus, jó kontraszt */
  --betu_szin_vilagos: #3a312c;
  /* világos háttéren is sötét marad, kontrasztos */
  --cimsor_szin_sotet: #1f1f1f;
  --cimsor_szin_vilagos: #2b2320;
  /* sötétebb címsor világos háttéren */
  --fo_gomb_hatterszine: #d6b8a2;
  --fo_gomb_hatterszine-hover: #c4a58f;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #ffffff;
  --masodlagos_gomb_hatterszine-hover: #ede8e4;
  --masodlagos_gomb_betuszine: #d6b8a2;
  --gomb-lekerekites: 2em;
  --szegely-vastagsag: 1px;
  --cimsor-betutipus: 'Playfair Display', serif;
  --szoveg-betutipus: 'Open Sans', sans-serif;
}

/* ===  9. Modern (fekete-pink) === */
body.sablon-modern_hatas {
  --vilagos_hatter_szin: #ffffff;
  --halvany_hatter_szin: #f2f2f2;
  --sotet_hatter_szin: #1c1c1e;
  --nagyon_sotet_attetszo_hatter: color-mix(in srgb, var(--sotet_hatter_szin) 80%, transparent);
  --betu_szin_sotet: #111111;
  --betu_szin_vilagos: #f2f2f2;
  --cimsor_szin_sotet: #000000;
  --cimsor_szin_vilagos: #ffffff;
  --fo_gomb_hatterszine: #ff3366;
  --fo_gomb_hatterszine-hover: #cc004f;
  --fo_gomb_betuszine: #ffffff;
  --masodlagos_gomb_hatterszine: #eeeeee;
  --masodlagos_gomb_hatterszine-hover: #cccccc;
  --masodlagos_gomb_betuszine: #ff3366;
  --gomb-lekerekites: 0.5em;
  --szegely-vastagsag: 2px;
  --cimsor-betutipus: 'Oswald', sans-serif;
  --szoveg-betutipus: 'Montserrat', sans-serif;
}


/* ****************** */
/**** BETŰMÉRETEK ****/
/* **************** */

/* ===== Globális tipó változók (méret + vastagság) ===== */
/* ===== VÁLTOZÓK (méret + vastagság + sor) ===== */
:root {
  /* Méretek (clamp) */
  /* --fs-h1: clamp(2.6rem, 4.8vw, 3.6rem);
  --fs-h2: clamp(2.2rem, 3.6vw, 2.9rem);
  --fs-h2-altipus: clamp(1.6rem, 3vw, 2.2rem);
  --fs-h3: clamp(1.7rem, 2.6vw, 2.2rem);
  --fs-h3-arlista: clamp(1.6rem, 2.2vw, 1.8rem);
  --fs-h4: clamp(1.25rem, 1.8vw, 1.4rem);
  --fs-h5: clamp(1.2rem, 1.6vw, 1.3rem);
  --fs-subtitle: clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-body: clamp(1.15rem, 0.8vw, 1.15rem);
  --fs-body-sm: clamp(1.05rem, 0.6vw, .9rem);
  --fs-body-lg: clamp(1.25rem, 1vw, 1.3rem);
  --fs-btn: clamp(1.15rem, .6vw, 1.25rem);
  --fs-btn-sm: clamp(.9375rem, .5vw, 1rem);
  --fs-btn-lg: clamp(1.25rem, 1vw, 1.35rem);
  --fs-footer-title: clamp(1.2rem, 1vw, 1.35rem);
  --fs-footer-link: clamp(1rem, .6vw, 1.1rem); */

  /* NAV */
  /* --fs-topbar-link: 16px;
  --fs-nav: clamp(1rem, 0.7vw, 1.15rem);
  --fs-nav-sub: clamp(.95rem, 0.6vw, 1.0625rem);
  --fs-nav-mobile: clamp(1.2rem, 2.2vw, 1.25rem);
  --fs-burger: clamp(1.6rem, 2.4vw, 1.5rem); */

  /* Vastagságok */
  /* --fw-h1: 700;
  --fw-h2: 600;
  --fw-h3: 600;
  --fw-h4: 500;
  --fw-h5: 500;
  --fw-subtitle: 500;
  --fw-body: 400;
  --fw-body-lg: 400;
  --fw-btn: 500;
  --fw-footer-title: 600;
  --fw-footer-link: 400;
  --fw-topbar-link: 400;
  --fw-nav: 500;
  --fw-nav-sub: 500;
  --fw-nav-mobile: 500; */

  /* Sor­magasságok */
  /* --lh-h1: 1.3;
  --lh-h2: 1.3;
  --lh-h3: 1.3;
  --lh-h4: 1.25;
  --lh-h5: 1.25;
  --lh-subtitle: 1.30;
  --lh-body: 1.70;
  --lh-btn: 1.20; */

  /* Alap (mobil / default) – tipográfiai méretek */
  --fs-h1: 2.5rem;          /* ~38px  (2.4 * 16) */
  --fs-h2: 2.2rem;            /* ~32px  */
  --fs-h2-altipus: 1.6rem;  /* ~26px  */
  --fs-h3: 1.7rem;          /* ~24px  */
  --fs-h3-arlista: 1.3rem;  /* ~21px  */
  --fs-h4: 1.2rem;          /* ~19px  */
  --fs-h5: 1.1rem;          /* ~18px  */

  --fs-subtitle: 1.1rem;    /* ~18px  */

  --fs-body: 1.05rem;           /* ~16px  – alap szöveg */
  --fs-body-sm: 1rem;     /* ~14px  – kisebb kiegészítő szöveg */
  --fs-body-lg: 1.15rem;     /* ~18px  – nagyobb törzsszöveg */

  --fs-btn: 1.15rem;        /* ~17px  */
  --fs-btn-sm: 1rem;     /* ~15px  */
  --fs-btn-lg: 1.25rem;     /* ~18px–19px */

  --fs-footer-title: 1.05rem; /* ~17px */
  --fs-footer-link: 0.95rem;  /* ~15px */

  /* NAV – mobilon is jól olvasható, de nem óriási */
  --fs-topbar-link: 0.95rem;   /* ~15px */
  --fs-nav: 1.1rem;              /* ~16px */
  --fs-nav-sub: 1.1rem;       /* ~15px */
  --fs-nav-mobile: 1.1rem;     /* ~18px */
  --fs-burger: 1.5rem;         /* ~24px */

  /* Vastagságok */
  --fw-h1: 700;
  --fw-h2: 600;
  --fw-h3: 600;
  --fw-h4: 500;
  --fw-h5: 500;
  --fw-subtitle: 500;
  --fw-body: 400;
  --fw-body-lg: 400;
  --fw-btn: 500;
  --fw-footer-title: 600;
  --fw-footer-link: 400;
  --fw-topbar-link: 400;
  --fw-nav: 500;
  --fw-nav-sub: 500;
  --fw-nav-mobile: 500;

  /* Sor­magasságok */
  --lh-h1: 1.3;
  --lh-h2: 1.3;
  --lh-h3: 1.3;
  --lh-h4: 1.25;
  --lh-h5: 1.25;
  --lh-subtitle: 1.30;
  --lh-body: 1.70;
  --lh-btn: 1.20;
}

/* Tablet / kisebb laptop – kicsit nagyobb minden, de nem extrém */
@media (min-width: 768px) {
  :root {
    --fs-body: 1.05rem;        /* ~17px */
    --fs-body-sm: 1rem;     /* ~15px */
    --fs-body-lg: 1.15rem;     /* ~18–19px */

    --fs-h1: 2.6rem;           /* ~42px */
    --fs-h2: 2.2rem;           /* ~35px */
    --fs-h2-altipus: 1.7rem;   /* ~27px */
    --fs-h3: 1.6rem;           /* ~26px */
    --fs-h3-arlista: 1.35rem;  /* ~22px */
    --fs-h4: 1.25rem;          /* ~20px */
    --fs-h5: 1.1rem;           /* ~18px */

    --fs-subtitle: 1.15rem;    /* ~18–19px */

    --fs-btn: 1.1rem;          /* ~18px */
    --fs-btn-sm: 1rem;         /* ~16px */
    --fs-btn-lg: 1.2rem;       /* ~19px */

    --fs-footer-title: 1.1rem; /* ~18px */
    --fs-footer-link: 1rem;    /* ~16px */

    --fs-topbar-link: 1rem;    /* ~16px */
    --fs-nav: 1.05rem;         /* ~17px */
    --fs-nav-sub: 1rem;        /* ~16px */
    --fs-nav-mobile: 1.15rem;  /* ~18–19px */
    --fs-burger: 1.6rem;       /* ~26px */
  }
}

/* Nagy desktop – finom ráemelés, nem óriásbetűk */
@media (min-width: 1200px) {
  :root {
    --fs-body: 1.05rem;         /* ~18px */
    --fs-body-sm: 1rem;        /* ~16px */
    --fs-body-lg: 1.2rem;      /* ~19px */

    --fs-h1: 2.8rem;           /* ~45px */
    --fs-h2: 2.4rem;           /* ~38px */
    --fs-h2-altipus: 1.8rem;   /* ~29px */
    --fs-h3: 1.7rem;           /* ~27px */
    --fs-h3-arlista: 1.4rem;   /* ~22–23px */
    --fs-h4: 1.3rem;           /* ~21px */
    --fs-h5: 1.15rem;          /* ~18–19px */

    --fs-subtitle: 1.2rem;     /* ~19px */

    --fs-btn: 1.1rem;          /* ~18px */
    --fs-btn-sm: 1rem;         /* ~16px */
    --fs-btn-lg: 1.25rem;      /* ~20px */

    --fs-footer-title: 1.15rem;/* ~18–19px */
    --fs-footer-link: 1.05rem; /* ~17px */

    --fs-topbar-link: 1.05rem; /* ~17px */
    --fs-nav: 1.1rem;          /* ~18px */
    --fs-nav-sub: 1.05rem;     /* ~17px */
    --fs-nav-mobile: 1.2rem;   /* ~19px */
    --fs-burger: 1.7rem;       /* ~27px */
  }
}


/* ===== ALAP ===== */
html {
  font-size: clamp(15px, 0.25vw + 14px, 18px) !important;
}

body {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
}

/* ===== CÍMSOROK (Elementor Heading + natív) ===== */
:where(.elementor-widget-heading h1, h1) {
  font-size: var(--fs-h1) !important;
  line-height: var(--lh-h1) !important;
  font-weight: var(--fw-h1) !important;
  letter-spacing: -0.015em !important;
}

:where(.elementor-widget-heading h2, h2) {
  font-size: var(--fs-h2) !important;
  line-height: var(--lh-h2) !important;
  font-weight: var(--fw-h2) !important;
  letter-spacing: -0.01em !important;
}

:where(.szolgaltatas-col h2, .altipus-col h2, .arlista h2) {
  font-size: var(--fs-h2-altipus) !important;
  line-height: var(--lh-h2) !important;
  font-weight: var(--fw-h2) !important;
  letter-spacing: -0.01em !important;
}

:where(.elementor-widget-heading h3, h3) {
  font-size: var(--fs-h3) !important;
  line-height: var(--lh-h3) !important;
  font-weight: var(--fw-h3) !important;
}

:where(.arlista-sor h3) {
  font-size: var(--fs-h3-arlista) !important;
  line-height: var(--lh-h3) !important;
  font-weight: var(--fw-h3) !important;
}

:where(.elementor-widget-heading h4, h4, h4 a) {
  font-size: var(--fs-h4) !important;
  line-height: var(--lh-h4) !important;
  font-weight: var(--fw-h4) !important;
}

:where(.elementor-widget-heading h5, h5, h5 a) {
  font-size: var(--fs-h5) !important;
  line-height: var(--lh-h5) !important;
  font-weight: var(--fw-h5) !important;
}

/* ===== TÖRZSSZÖVEG ===== */
:where(p, .elementor-widget-text-editor) {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: var(--fw-body) !important;
}

/* „Szöveg – nagyobb” (lead) */
.text-lg p,
.text-lg .elementor-icon-list-text {
  font-size: var(--fs-body-lg) !important;
  line-height: 1.45 !important;
  font-weight: var(--fw-body-lg) !important;
}

/* Elementor Heading widget – subtitle változat (HTML tag: <p>) */
.elementor .elementor-widget-heading.subtitle .elementor-heading-title,
.subtitle p {
  font-size: var(--fs-subtitle) !important;
  line-height: var(--lh-subtitle) !important;
  font-weight: var(--fw-subtitle) !important;
  text-transform: uppercase !important;
  ;
}

/* ===== GOMBOK ===== */
:where(.elementor-button-text) {
  font-size: var(--fs-btn) !important;
  line-height: var(--lh-btn) !important;
  font-weight: var(--fw-btn) !important;
  padding: .1em .3em !important;
}

.btn-sm .elementor-button-text,
.elementor-button.btn-sm {
  font-size: var(--fs-btn-sm) !important;
}

.btn-lg .elementor-button-text,
.elementor-button.btn-lg {
  font-size: var(--fs-btn-lg) !important;
}

/* ===== LÁBLÉC ===== */
.footer .footer-title .elementor-heading-title {
  font-size: var(--fs-footer-title) !important;
  line-height: 1.35 !important;
  font-weight: var(--fw-footer-title) !important;
}

.footer a,
.footer p,
.footer span {
  font-size: var(--fs-footer-link) !important;
  line-height: 1.45 !important;
  font-weight: var(--fw-footer-link) !important;
}

.footer .elementor-widget .elementor-icon-list-icon svg {
  width: var(--fs-footer-link) !important;
  height: var(--fs-footer-link) !important;
}

.footer .elementor-widget-social-icons .elementor-social-icon svg {
  width: 30px !important;
  height: 30px !important;
}

.footer .elementor-divider .elementor-divider-separator {
  border-color: var(--betu_szin_vilagos) !important;
  opacity: .35 !important;
}

.footer .footer-brand-text p,
.footer .footer-brand-text a,
.footer .footer-copyright p,
.footer .footer-copyright span {
  font-size: 16px !important;
}

/* TOP BAR */
.top-bar .elementor-icon-list-item a {
  font-size: 15px !important;
  line-height: var(--lh-body) !important;
  font-weight: var(--fw-topbar-link) !important;
}

.top-bar .elementor-widget .elementor-icon-list-icon svg {
  width: var(--fs-topbar-link) !important;
  height: var(--fs-topbar-link) !important;
}


/* ===== DESKTOP FŐMENÜ LINK ===== */
.elementor .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
  font-size: var(--fs-nav) !important;
  font-weight: var(--fw-nav) !important;
  line-height: 1.4 !important;
}

/* Aktív elem örökölje ugyanazt */
.elementor .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
  font-size: var(--fs-nav) !important;
  font-weight: var(--fw-nav) !important;
}

/* ===== DESKTOP LEGÖRDÜLŐ (SUBMENU) ===== */
.elementor .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item {
  font-size: var(--fs-nav-sub) !important;
  font-weight: var(--fw-nav-sub) !important;
  line-height: 1.4 !important;
}

/* ===== MOBIL MENÜ (burger alatt megnyíló konténer) ===== */
.elementor .elementor-widget-nav-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item,
.elementor .elementor-widget-nav-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-sub-item {
  font-size: var(--fs-nav-mobile) !important;
  font-weight: var(--fw-nav-mobile) !important;
  line-height: 1.5 !important;
}

.elementor-nav-menu--dropdown li a:hover,
.elementor-nav-menu--dropdown li a:active,
.elementor-nav-menu--dropdown li a:focus,
.elementor-nav-menu--dropdown .elementor-item-active
{
  background-color: var(--fo_gomb_hatterszine) !important;
}


/* ===== BURGER KAPCSOLÓ (ikon a gombon az em-hez igazodik) ===== */
.elementor .elementor-widget-nav-menu .elementor-menu-toggle {
  font-size: var(--fs-burger) !important;
  line-height: 1 !important;
}

.elementor .elementor-widget-nav-menu .elementor-menu-toggle svg {
  width: 1em !important;
  height: 1em !important;
}

/* ===== LEFELE NYÍL (submenu nyíl) skálázása az aktuális szöveghez ===== */
.elementor .elementor-widget-nav-menu .sub-arrow svg {
  width: .9em !important;
  height: .9em !important;
}


/* BLOG */
/* ===== Elementor Posts / Loop Grid – CÍM ===== */
body .elementor [data-widget_type^="posts"] .elementor-post__title,
body .elementor [data-widget_type^="posts"] .elementor-post__title a,
body .elementor [data-widget_type^="archive-posts"] .elementor-post__title,
body .elementor [data-widget_type^="archive-posts"] .elementor-post__title a,
body .elementor [data-widget_type^="loop"] .elementor-post__title,
body .elementor [data-widget_type^="loop"] .elementor-post__title a {
  font-size: var(--fs-h4) !important;
  line-height: var(--lh-h4) !important;
  font-weight: var(--fw-h4) !important;
  letter-spacing: -0.005em !important;
}

/* ===== KIVONAT (p) ===== */
body .elementor [data-widget_type^="posts"] .elementor-post__excerpt p,
body .elementor [data-widget_type^="archive-posts"] .elementor-post__excerpt p,
body .elementor [data-widget_type^="loop"] .elementor-post__excerpt p {
  font-size: var(--fs-body-sm) !important;
  line-height: var(--lh-body) !important;
  font-weight: var(--fw-body) !important;
}

/* ===== „Tovább olvasom” link ===== */
body .elementor [data-widget_type^="posts"] a.elementor-post__read-more,
body .elementor [data-widget_type^="archive-posts"] a.elementor-post__read-more,
body .elementor [data-widget_type^="loop"] a.elementor-post__read-more {
  font-size: var(--fs-btn) !important;
  /* vagy var(--fs-body), ha szövegérzet kell */
  line-height: var(--lh-btn) !important;
  font-weight: var(--fw-btn) !important;
}

.blog-post-content p {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: var(--fw-body) !important;
}

/* ===== Single post content – tipó kötés clamp változókra ===== */
/* SCOPED a te wrapperedre */
.blog-post-content p {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: var(--fw-body) !important;
}

/* Linkek a törzsben (nem gomb) */
.blog-post-content a:not(.elementor-button) {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: 500 !important;
  /* kis hangsúly a linknek */
  text-underline-offset: .14em;
}

/* Címek a bejegyzés tartalomban */
.blog-post-content h2 {
  font-size: var(--fs-h2) !important;
  line-height: var(--lh-h2) !important;
  font-weight: var(--fw-h2) !important;
  margin-top: 30px !important;
}

.blog-post-content h3 {
  font-size: var(--fs-h3) !important;
  line-height: var(--lh-h3) !important;
  font-weight: var(--fw-h3) !important;
  margin-top: 30px !important;

}

.blog-post-content h4 {
  font-size: var(--fs-h4) !important;
  line-height: var(--lh-h4) !important;
  font-weight: var(--fw-h4) !important;
  margin-top: 30px !important;

}

/* Listák */
.blog-post-content li {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
}

/* Képaláírás (Gutenberg) */
.blog-post-content .wp-caption-text,
.blog-post-content figcaption {
  font-size: clamp(.95rem, .6vw, 1.05rem) !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

/* Biztonsági „szuper-scope”, ha nincs saját osztály a widgeten */
body .elementor [data-widget_type="theme-post-content.default"] p {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: var(--fw-body) !important;
}

body .elementor [data-widget_type="theme-post-content.default"] a:not(.elementor-button) {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: 500 !important;
}

body .elementor [data-widget_type="theme-post-content.default"] h1 {
  font-size: var(--fs-h1) !important;
  line-height: var(--lh-h1) !important;
  font-weight: var(--fw-h1) !important;
}

body .elementor [data-widget_type="theme-post-content.default"] h2 {
  font-size: var(--fs-h2) !important;
  line-height: var(--lh-h2) !important;
  font-weight: var(--fw-h2) !important;
}

body .elementor [data-widget_type="theme-post-content.default"] h3 {
  font-size: var(--fs-h3) !important;
  line-height: var(--lh-h3) !important;
  font-weight: var(--fw-h3) !important;
}

body .elementor [data-widget_type="theme-post-content.default"] h4 {
  font-size: var(--fs-h4) !important;
  line-height: var(--lh-h4) !important;
  font-weight: var(--fw-h4) !important;
}


/* FAQ */
.faq-container h3.faq-question,
.faq-accordion .faq-item h3.faq-question {
  font-size: var(--fs-h4) !important;
  line-height: var(--lh-h4) !important;
  font-weight: var(--fw-h4) !important;
}

.faq-container .faq-answer,
.faq-accordion .faq-answer {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  font-weight: 500 !important;
}

/* LANDOLÓ OLDAL */
.landing_top_text p {
  font-size: var(--fs-h3) !important;
  line-height: var(--lh-h3) !important;
  font-weight: var(--fw-h2) !important;
}


/* ****************** */
/**** FEJLÉC, NAV ****/
/* **************** */
.top-bar {
  background-color: var(--vilagos_hatter_szin);
  color: var(--betu_szin_sotet);
  font-size: 14px;
  padding: 8px 0;
}

.top-bar a span,
.top-bar a svg,
.top-bar .e-font-icon-svg {
  color: var(--betu_szin_sotet);
  fill: var(--betu_szin_sotet) !important;
  text-decoration: none;
}

.site-header,
.main-navigation {
  background-color: var(--sotet_hatter_szin);
  color: var(--betu_szin_vilagos);
}

.site-header a,
.main-navigation a {
  color: var(--betu_szin_vilagos);
  text-decoration: none;
  font-weight: 600;
}

.site-header a:hover,
.main-navigation a:hover {
  opacity: 0.85;
}

.site-header .elementor-menu-toggle svg {
  fill: var(--betu_szin_vilagos) !important;
}

.site-header .elementor-nav-menu--dropdown li a {
  color: var(--betu_szin_vilagos) !important;
}

/* LOGO kép */
.site-header-logo-container {
  display: grid;
}

.site-header img {
  border-radius: var(--gomb-lekerekites) !important;
}

.site-header-logo img {
  max-height: 65px;
  width: 100%;
  object-fit: contain; /* arányt tart, nem vág */
}



/* MENÜ SZÍNEK  */
.menu-item-has-children .sub-arrow svg,
.sub-arrow svg {
  fill: var(--cimsor_szin_vilagos) !important;
}

.menu-item-has-children .sub-menu li a {
  color: var(--cimsor_szin_vilagos) !important;
  background-color: transparent;
}

.menu-item-has-children .sub-menu li a:hover {
  color: var(--cimsor_szin_sotet) !important;
  background-color: var(--halvany_hatter_szin) !important;
}

.elementor-nav-menu--dropdown {
  background-color: var(--sotet_hatter_szin) !important;
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, .2);
}


/* LÁBLÉC */
.footer-top-icon a {
  background-color: var(--sotet_hatter_szin) !important;
  box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, .2);
  border: 1px solid var(--betu_szin_vilagos);
  padding: 8px 12px !important;
}

.footer-top-icon svg {
  fill: var(--betu_szin_vilagos) !important;
}

.footer .elementor-icon-list-items .elementor-icon-list-icon svg {
  fill: var(--betu_szin_vilagos) !important;
}

/* ****************** */
/**** SZÍNEK ****/
/* **************** */
.hero h1,
.hero .elementor-text-editor,
.hero p {
  color: white !important;
}

/* 🌤 Világos háttér – elsődleges világos szín */
.vilagos {
  background-color: var(--vilagos_hatter_szin) !important;
}

/* 🌫 Halvány háttér – világos szín világosított változata */
.halvany {
  background-color: var(--halvany_hatter_szin) !important;
}

/* Szöveg – világos és halvány egyaránt sötét betűt használnak */
.vilagos p,
.vilagos li,
.vilagos .elementor-text-editor,
.vilagos .faq-answer,
.vilagos .elementor-icon-list-text,
.halvany p,
.halvany li,
.halvany .elementor-text-editor,
.halvany .faq-answer,
.halvany .elementor-icon-list-text {
  color: var(--betu_szin_sotet) !important;
}

/* Címsor szín – világos és halvány egyaránt sötét címszínt használ */
.vilagos h1,
.vilagos h2,
.vilagos h3,
.halvany h1,
.halvany h2,
.halvany h3 {
  color: var(--cimsor_szin_sotet) !important;
}

/* 🌑 Sötét háttér */
.sotet {
  background-color: var(--sotet_hatter_szin) !important;
}

:root {
  --sotet_hatter_szin: #1c2a38;
  /* nálad már megvan */
  --overlay-strength: 94%;
  /* TE adod meg: 0%–100% */
}

.overlay {
  background-color: rgba(0, 0, 0, .65) !important;
  background-blend-mode: multiply;
}

@media only screen and (max-width: 600px) {
  .overlay {
    background-color: rgba(0, 0, 0, .75) !important;
    /* .80–.90 erős sötétítés */
    background-blend-mode: multiply;
  }
}

.sotet p,
.sotet li,
.sotet .elementor-text-editor,
.sotet .faq-answer,
.sotet .elementor-icon-list-text .sotet .footer-link-container a,
.footer span {
  color: var(--betu_szin_vilagos) !important;
}

.sotet h1,
.sotet h2,
.sotet h3,
.sotet h4,
.sotet h5,
.sotet h6 {
  color: var(--cimsor_szin_vilagos) !important;
}


/* KEZDŐOLDAL - SZOLGÁLTATÁSOK SZAKASZ */
.service-box {
    position: relative;
        cursor: pointer;
  height: 300px !important;
  border-radius: var(--gomb-lekerekites) !important;
}

.service-box:hover {
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.3);
}


.service-box-title {
      background-color: var(--vilagos_hatter_szin) !important;
  border-radius: var(--gomb-lekerekites) !important;
  padding: 12px 18px;
}

.service-box-title h3 {
   font-size: 1.25rem !important;  
   font-weight: 500 !important;
}

/* Create and position :after pseudo-element */
.service-box :not(.elementor-element-overlay, .elementor-element-overlay *, .elementor-shape, .ui-resizable-handle, .clickable-card--excluded) {
    position: static;
}

.service-box-title a::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer!important;
    display: block;
    z-index: 99;
	/*border: 5px solid red;*/
}

.service-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--gomb-lekerekites) !important;
    background: rgba(0,0,0,0.2); /* sötétítés mértéke */
    z-index: 1;
    transition: 0.3s ease;
}

/* Hoverre eltűnik a sötét réteg */
.service-box:hover::before {
    background: rgba(0,0,0,0);
}

/* hogy a szöveg a sötétítés felett legyen */
.service-box .e-con-inner {
    position: relative;
    z-index: 2;
}



/* KEZDŐOLDAL - SZOLGÁLTATÁS ACF box szöveg hátterek */
.dce-posts-wrapper article .dce-content-area {
  background-color: var(--vilagos_hatter_szin) !important;
  border-radius: var(--gomb-lekerekites) !important;
  /* margin-top: -30% !important; */
}

.dce-posts-wrapper article .dce-content-area .dce-post-title a {
  color: var(--cimsor_szin_sotet) !important;
}

.service-box {
  height: 400px;
}

.service-box-title {

}



/* ***************** */
/* GOMBOK */
/* **************** */
.button,
.elementor-button {
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
}

img,
.e-gallery-image,
.e-gallery-item,
.dce-img {
  border-radius: var(--gomb-lekerekites) !important;
}

.button--primary-custom {
  background-color: var(--fo_gomb_hatterszine) !important;
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
  border-color: var(--fo_gomb_betuszine) !important;
  border: solid;
  font-size: var(--fs-btn-lg) !important;
  color: white;
  padding: 0.75rem 1.5rem;
  transition-duration: 0.4s;
}

.button--primary-custom:hover {
  background-color: var(--fo_gomb_hatterszine-hover) !important;
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
  border-color: var(--fo_gomb_betuszine) !important;
  border: solid;
  color: white;
  padding: 0.75rem 1.5rem;
  transition-duration: 0.4s;
}

.button--primary .elementor-button:hover {
  background-color: var(--fo_gomb_hatterszine-hover) !important;
  color: white;
  font-size: var(--fs-btn-lg) !important;
}


.button--primary .elementor-button {
  background-color: var(--fo_gomb_hatterszine) !important;
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
  border-color: var(--fo_gomb_betuszine) !important;
  font-size: var(--fs-btn-lg) !important;
}

.button--secondary .elementor-button {
  background-color: var(--masodlagos_gomb_hatterszine) !important;
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
  border-color: var(--masodlagos_gomb_betuszine);
  color: var(--masodlagos_gomb_betuszine) !important;
}

.button--secondary .elementor-button:hover {
  background-color: var(--masodlagos_gomb_hatterszine-hover) !important;
}

.elony-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 34px);
}

@media (min-width: 768px) {
  .elony-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.elony-box {
  text-align: center;
  /*border-radius: 16px;*/
  padding: clamp(16px, 2.4vw, 28px);
  background-color: var(--sotet_hatter_szin);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
  border-radius: var(--gomb-lekerekites);
}

.elony-box .elony-cim {
  margin: 0 0 .35em 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--cimsor_szin_vilagos) !important;
}

.elony-box .elony-leiras p {
  opacity: .75;
  font-size: 1.2rem;
  color: var(--betu_szin_vilagos) !important;
}



/* ****************** */
/**** BETŰTÍPUSOK ****/
/* **************** */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title:not(p) {
  font-family: var(--cimsor-betutipus) !important;
}

body,
p,
li,
p.elementor-heading-title,
.faq-answer {
  font-family: var(--szoveg-betutipus) !important;
}

/* ****************** */
/**** KATTINTHATÓ LISTA ****/
/* **************** */
.elementor-icon-list-item .e-font-icon-svg {
  fill: var(--fo_gomb_hatterszine-hover) !important;
}


/* ****************** */
/**** SZOLGÁLTATÁSOK ****/
/* **************** */
.vilagos .ikon-idotartam,
.vilagos .ikon-ar {
  color: var(--betu_szin_sotet) !important;
  font-size: 1.2rem;
}

.altipus-row,
.szolgaltatas-row {
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
  border-color: var(--fo_gomb_betuszine) !important;
}

@media screen and (max-width: 768px) {
  .altipus-row h2,
.szolgaltatas-row h2  {
    margin-top: 1em !important;
  }
}

.icon-list-custom,
.altipus-info-icons div {
  background-color: var(--masodlagos_gomb_hatterszine) !important;
  border-radius: var(--gomb-lekerekites);
  border-width: var(--szegely-vastagsag);
  color: var(--masodlagos_gomb_betuszine) !important;
  border: none;
  padding: 0.4rem 0.8rem;
}

.icon-list-custom .elementor-icon-list-text {
  color: var(--masodlagos_gomb_betuszine) !important;
}

.icon-list-custom .e-font-icon-svg {
  fill: var(--masodlagos_gomb_betuszine) !important;
}

.egyedi-szolgaltatas-container {
  display: flex;
  flex-direction: column;
  /*   gap: 3em; */
}

.szolgaltatas-row {
  display: flex;
  flex-direction: row;
  padding: 3em;
  border: solid;
  box-shadow: 0 0 25px 4px rgba(0, 0, 0, .15);
}

.szolgaltatas-row.reverse {
  flex-direction: row-reverse;
}

.szolgaltatas-row:not(.reverse) .szolgaltatas-col.kep {
  margin-right: 3em;
  margin-left: 0;
}

.szolgaltatas-row.reverse .szolgaltatas-col.kep {
  margin-left: 3em;
  margin-right: 0;
}

.szolgaltatas-col h2 {
  font-size: 2.2rem;
  margin-bottom: 0.6em !important;
  /* korábban 10px – kisebb margó */
  font-weight: 600;
}

.szolgaltatas-col p {
  margin-bottom: 0.8em !important;
  /* korábban 1em – kisebb margó */
  font-size: var(--fs-body);
}

.szolgaltatas-col.szoveg {
  flex: 1;
  max-width: calc(60% - 3em);
}

.szolgaltatas-col.kep img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  display: block;
}

/* Mobil nézet – egy oszlopos */
@media (max-width: 767px) {

  .szolgaltatas-row,
  .szolgaltatas-row.reverse {
    flex-direction: column !important;
    padding: 1.5em 1.5em 2.5em;
  }

  .szolgaltatas-col.kep,
  .szolgaltatas-col.szoveg {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0 !important;
  }

  .szolgaltatas-col.kep img {
    height: auto;
    margin-bottom: 2em;
  }

  .szolgaltatas-col h2 {
    margin-bottom: 20px !important;
  }
}

/* Több szolgáltatás */
.tobb-szolgaltatas-container {
  display: flex;
  flex-direction: column;
  gap: 3em;
}

.altipus-row {
  display: flex;
  flex-direction: row;
  padding: 2em;
  border: solid;
  box-shadow: 0 0 25px 4px rgba(0, 0, 0, 0.15);
}

/* Reverse sorok */
.altipus-row.reverse {
  flex-direction: row-reverse;
}

/* Kép oszlop */
.altipus-col.bal {
  flex: 0 0 40%;
  max-width: 40%;
}

.altipus-row:not(.reverse) .altipus-col.bal {
  margin-right: 3em;
  margin-left: 0;
}

.altipus-row.reverse .altipus-col.bal {
  margin-left: 3em;
  margin-right: 0;
}

.altipus-col.bal img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center;
  display: block;
  margin-bottom: 2em;
}

/* Új: ikonok vízszintesen egymás mellett */
.altipus-info-icons {
  display: flex;
  flex-direction: row;
  gap: 1em;
}


/* Szöveg oszlop */
.altipus-col.jobb {
  flex: 1;
  max-width: calc(60% - 3em);
}

.altipus-col.jobb h2 {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 2.2rem;
}

.altipus-col.jobb p {
  margin-bottom: 1em;
  font-size: var(--fs-body);
}

/* Mobil nézet */
@media (max-width: 768px) {

  .altipus-row,
  .altipus-row.reverse {
    flex-direction: column !important;
  }

  .altipus-col.bal,
  .altipus-col.jobb {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0 !important;
  }

  .altipus-col.bal img {
    height: 220px;
  }

  .altipus-info-icons {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* ****************** */
/****   RÓLAM BLOKK  ****/
/* ****************** */

.rolam-container {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  /* finomabb függőleges ritmus */
}

/* Külső kártya/blokk */
.rolam-row {
  display: flex;
  flex-direction: row;
  padding: 3em;
  /* border: solid; */
  border-radius: var(--gomb-lekerekites);
  /* border-width: var(--szegely-vastagsag);
  border-color: var(--fo_gomb_betuszine) !important; */
  box-shadow: 0 0 25px 4px rgba(0, 0, 0, .15);
  background: transparent;
  /* maradjon a téma háttere */
}

/* Váltakozó irány (kép ↔ szöveg) */
.rolam-row.reverse {
  flex-direction: row-reverse;
}

/* Oldalsó margók a képoszlop körül – irányfüggő */
.rolam-row:not(.reverse) .rolam-col.kep {
  margin-right: 3em;
  margin-left: 0;
}

.rolam-row.reverse .rolam-col.kep {
  margin-left: 3em;
  margin-right: 0;
}

/* Tipográfia */
.rolam-col h2 {
  font-size: 2.2rem;
  margin-bottom: 0.6em !important;
  font-weight: 600;
}

.rolam-col .rolam-szoveg, .rolam-col .rolam-szoveg p {
  margin-bottom: 0.8em !important;
  font-size: var(--fs-body-sm) !important;
}

/* Oszlopok arányai */
.rolam-col.szoveg {
  flex: 1;
  max-width: calc(60% - 3em);
}

.rolam-col.kep {
  flex: 0 0 40%;
  max-width: 40%;
}

/* Kép stílus */
.rolam-col.kep img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  display: block;
}

/* Világos témához (ha használod a .vilagos hookot) */
.vilagos .rolam-row {
  border-color: var(--betu_szin_sotet) !important;
}

/* Mobil nézet – egyoszlopos elrendezés */
@media (max-width: 767px) {

  .rolam-row,
  .rolam-row.reverse {
    flex-direction: column !important;
    padding: 1.5em 1.5em 2.5em;
  }

  .rolam-col.kep,
  .rolam-col.szoveg {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0 !important;
  }

  .rolam-col.kep img {
    height: auto;
    margin-bottom: 2em;
  }

  .rolam-col h2 {
    margin-bottom: 20px !important;
  }
}





/* ***************** */
/* ÁRLISTA */
/* **************** */
/* ***************** */
/* ÁRLISTA (Grid)    */
/* ***************** */
.arlista-sor {
  display: grid;
  grid-template-columns: 1fr minmax(220px, max-content);
  /* bal rugalmas, jobb fix-min */
  align-items: start;
  gap: 2rem;
  padding: 1.5em;
  background-color: rgba(255, 255, 255, .2);
  border: solid var(--szegely-vastagsag) var(--fo_gomb_betuszine) !important;
  border-radius: var(--gomb-lekerekites);
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.15);
  margin-bottom: 1.5em;
}

.arlista-bal {
  min-width: 0;
  /* szöveg törhessen, ne tolja szét a rácsot */
}

.arlista-jobb {
  display: grid;
  grid-auto-rows: min-content;
  gap: .5em;
  justify-items: end;
  text-align: right;
  align-self: start;
}

/* Címek */
.arlista h2 {
  font-family: var(--cimsor-betutipus) !important;
  font-size: 1.8rem !important;
  font-weight: 600;
  margin-bottom: 1em;
}

.arlista h3 {
  font-family: var(--cimsor-betutipus) !important;
  font-size: 1.3rem !important;
  font-weight: 600;
}

/* Leírás */
.arlista-leiras {
  color: var(--betu_szin_sotet) !important;
  line-height: 1.4;
}

/* Badgek (időtartam/ár) – ha túl hosszú, ne törje szét a layoutot */
.arlista-idotartam,
.arlista-ar {
  background-color: rgba(255, 255, 255, .5);
  padding: 0.4em 0.8em;
  border-radius: var(--gomb-lekerekites);
  font-size: 1.15rem;
  display: inline-block;
  max-width: 28ch;
  /* igény szerint állítható */
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
}


.mt-large {
  margin-top: 2em;
}

/* Mobil: menjen egymás alá, badge-ek balra igazítva és mellé/mögé férhetnek */
@media (max-width: 768px) {
  .arlista-sor {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .arlista-jobb {
    justify-items: start;
    text-align: left;
    grid-auto-flow: column;
    /* mobilon egymás mellé is tehető */
    gap: 1em;
  }
}



/* ****************** */
/**** FAQ ACCORDION ****/
/* **************** */
.faq-accordion {
  width: 90%;
  margin: 2em auto;
}

.faq-item {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 1rem;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.faq-question {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.2rem 1.5rem 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.faq-question::after {
  content: "+";
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
  content: "–";
}

.faq-answer {
  display: none;
  padding: 0 1.5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
  animation: fadeIn 0.3s ease-in-out;
}

.faq-item.active .faq-answer {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/******************
/**** IDŐPONTFOGLALÁS / ŰRLAP ****/
/* **************** */
.custom-contact-form,
.custom-amelia-box {
  background-color: var(--halvany_hatter_szin) !important;
  border-radius: var(--gomb-lekerekites) !important;
}

.custom-contact-form h3,
.custom-amelia-box h3 {
  color: var(--cimsor_szin_sotet) !important;
  font-size: var(--fs-h3) !important;
  line-height: var(--lh-h3) !important;
  font-weight: var(--fw-h3) !important;
}
.custom-contact-form p,
.custom-amelia-box p {
  color: var(--cimsor_szin_sotet) !important;
}

.custom-contact-divider h4 {
  font-size: var(--fs-h3-arlista) !important;
}

.custom-contact-form input,
.custom-contact-form textarea {
  border-radius: calc(var(--gomb-lekerekites) / 2) !important;
}

.custom-contact-form .elementor-button {
  background-color: var(--fo_gomb_hatterszine) !important;
  color: white;
  font-size: var(--fs-btn-lg) !important;
  border-radius: var(--gomb-lekerekites) !important;
}

.custom-contact-form .elementor-button-text {
  font-size: var(--fs-btn-lg) !important;
}

.custom-contact-form .elementor-button:hover {
  background-color: var(--fo_gomb_hatterszine-hover) !important;
  color: white;
}

#idopontfoglalas .button--primary span {
  font-size: var(--fs-btn) !important;
}

/* ****************** */
/**** IDŐPONTFOGLALÁS, AMELIA ****/
/* **************** */
/* Amelia v2: Kategória kártyák 2 oszlopban (csak ennél a booking instancenél) */
#amelia-v2-booking-1001 .am-fcl {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* A kártyák ne legyenek full szélesek */
#amelia-v2-booking-1001 .am-fcl__item {
  width: auto !important;
}

/* Mobilon vissza 1 oszlopra */
@media (max-width: 767px) {
  #amelia-v2-booking-1001 .am-fcl {
    grid-template-columns: 1fr !important;
  }
}

/* Amelai háttér */
.am-fcl, .am-fcil {
  background-color: rgba(0,0,0,0) !important;
}

/* Kategória és szolgáltatás nevek */
.am-fcl__item-name, .am-fcis__header-name {
  font-size: 1.1rem !important;
  /* white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important; */
  display: block !important;
  line-height: 1.3 !important;
}
/* Ár */
.am-fcis__header-price, .am-fcil__item-price {
    font-size: 18px !important;
  /* margin-top: 10px !important; */
}

/* Gomb */
.am-fcl__item-footer button, .am-button__inner {
  font-size: 1rem !important;
}

/* Kategórián belül */
.am-fcil__heading, .am-fcil__filter-buttons .is-icon-only, .am-advsc__time-zone {
  display: none !important;
}

/* Kategória és időtartam */
.am-fcil__item-info {
  margin-top: -5px !important;
  margin-bottom: 10px !important;
}
.am-fcil__item-info__inner span {
  font-size: 16px !important;
}

/* Naptár */
.am-advsc__slots-heading {
  font-size: 18px !important;
}
.am-advsc__slots-item__inner {
  font-size: 17px !important;
}

/* MEzők */
.m-input-wrapper input, .m-input-wrapper label  {
  font-size: 16px !important;
}

/* összegzés */
.am-fs__payments-services-info span {
  display: none !important;
}
.am-fs__payments-services-sub p {
  font-size: 16px !important;
}
.am-fs__payments-services-sub>p>span {
  display: none !important;
}
.am-fs__payments-sentence p {
  font-size: 14px !important;
}
.am-fs__payments-app-info-total span {
  font-size: 18px !important;
  font-weight: 500 !important;
}




/* === Sütikezelés === */
#c-bns #c-p-bn {
  background-color: var(--fo_gomb_hatterszine) !important;
  color: var(--fo_gomb_betuszine) !important;
  border: 1px solid var(--fo_gomb_betuszine) !important;
}

#c-bns #c-p-bn:hover {
  border: 1px solid var(--fo_gomb_betuszine) !important;
}

#c-bns #c-s-bn {
  background-color: var(--masodlagos_gomb_hatterszinee) !important;
  color: var(--masodlagos_gomb_betuszine) !important;
  border: 1px solid var(--masodlagos_gomb_betuszine) !important;
}

#c-bns #c-s-bn:hover {
  border: 1px solid var(--masodlagos_gomb_betuszine) !important;
}

/* Ha több példány van és ezt akarod célozni (pl. aria-label alapján) */
pressidium-floating-button[aria-label="Süti beálíltások"] button {
  background-color: var(--fo_gomb_hatterszine) !important;
  background: var(--fo_gomb_hatterszine) !important;
  --cc-btn-floating-icon: #fff;
  /* ikon */
  --cc-btn-floating-hover-icon: #fff;
}

/* **************** */
/* BLOG */
/* **************** */
.blog-cards .elementor-post__card {
  border-radius: var(--gomb-lekerekites) !important;
}

.blog-cards a {
  color: var(--fo_gomb_hatterszine) !important;
}

.blog-cards p {
  color: var(--betu_szin_sotet) !important;
}

/* ===== LÁBLÉC ===== */
footer,
.footer,
.site-footer,
.elementor-location-footer {
  background-color: color-mix(in srgb, var(--sotet_hatter_szin) 90%, black) !important;
  border: 0px solid color-mix(in srgb, var(--sotet_hatter_szin) 80%, black);
  border-top: 2px;

}


/* STICKY HEADER */
.elementor-sticky--active {
  padding: 8px 0 !important;
  transition-duration: .6s;
}

.elementor-sticky--active .site-header-logo img {
  max-height: 45px;
  width: 100%;
  object-fit: contain;
  transition-duration: .2s;
}

.elementor-sticky--active.site-header .elementor-button-text {
font-size: 17px !important;
padding: 0 !important;
transition-duration: .2s;
}

.elementor-element-e426a26.elementor-sticky--active {
  top: 90px !important;
}
@media (max-width: 720px) {
  .elementor-sticky--active {
    padding: 12px 10px 10px !important;
    transition-duration: .6s;
  }
  .elementor-sticky--active .elementor-nav-menu--dropdown {
    top: 25px !important;
  }
  .elementor-element-e426a26.elementor-sticky--active {
    top: 60px !important;
  }
}