.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5964e83:#FFFFFF;--e-global-color-1b2f729:#FFB128;--e-global-color-dcb044d:#FFEDCD;--e-global-color-f936527:#4A1212;--e-global-color-b4ca787:#F1484B;--e-global-color-f610883:#002C66;--e-global-color-bf09166:#0A2342;--e-global-color-fbd49c8:#1699FF;--e-global-color-725e259:#B3AFAD;--e-global-color-c703233:#F9F0E2;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-mente-h1-font-family:"Poppins";--e-global-typography-mente-h1-font-size:3.6rem;--e-global-typography-mente-h1-font-weight:700;--e-global-typography-mente-h1-line-height:1.12em;--e-global-typography-mente-h1-letter-spacing:-0.035em;--e-global-typography-mente-h2-font-family:"Poppins";--e-global-typography-mente-h2-font-size:2.8rem;--e-global-typography-mente-h2-font-weight:700;--e-global-typography-mente-h2-line-height:1.18em;--e-global-typography-mente-h2-letter-spacing:-0.025em;--e-global-typography-mente-h3-font-family:"Poppins";--e-global-typography-mente-h3-font-size:2.125rem;--e-global-typography-mente-h3-font-weight:600;--e-global-typography-mente-h3-line-height:1.25em;--e-global-typography-mente-h3-letter-spacing:-0.02em;--e-global-typography-mente-h4-font-family:"Poppins";--e-global-typography-mente-h4-font-size:1.625rem;--e-global-typography-mente-h4-font-weight:600;--e-global-typography-mente-h4-line-height:1.3em;--e-global-typography-mente-h4-letter-spacing:-0.015em;--e-global-typography-mente-h5-font-family:"Poppins";--e-global-typography-mente-h5-font-size:1.25rem;--e-global-typography-mente-h5-font-weight:600;--e-global-typography-mente-h5-line-height:1.4em;--e-global-typography-mente-h5-letter-spacing:-0.01em;--e-global-typography-mente-subtitle-font-family:"Poppins";--e-global-typography-mente-subtitle-font-size:1.25rem;--e-global-typography-mente-subtitle-font-weight:500;--e-global-typography-mente-subtitle-line-height:1.55em;--e-global-typography-mente-subtitle-letter-spacing:0em;--e-global-typography-mente-text-lg-font-family:"Poppins";--e-global-typography-mente-text-lg-font-size:1.15rem;--e-global-typography-mente-text-lg-font-weight:400;--e-global-typography-mente-text-lg-line-height:1.7em;--e-global-typography-mente-text-lg-letter-spacing:0em;--e-global-typography-mente-text-font-family:"Poppins";--e-global-typography-mente-text-font-size:1.05rem;--e-global-typography-mente-text-font-weight:400;--e-global-typography-mente-text-line-height:1.7em;--e-global-typography-mente-text-letter-spacing:0em;--e-global-typography-mente-text-sm-font-family:"Poppins";--e-global-typography-mente-text-sm-font-size:0.95rem;--e-global-typography-mente-text-sm-font-weight:400;--e-global-typography-mente-text-sm-line-height:1.6em;--e-global-typography-mente-text-sm-letter-spacing:0em;--e-global-typography-mente-card-title-font-family:"Poppins";--e-global-typography-mente-card-title-font-size:1.35rem;--e-global-typography-mente-card-title-font-weight:600;--e-global-typography-mente-card-title-line-height:1.4em;--e-global-typography-mente-card-title-letter-spacing:-0.01em;--e-global-typography-mente-menu-font-family:"Montserrat";--e-global-typography-mente-menu-font-size:1.05rem;--e-global-typography-mente-menu-font-weight:700;--e-global-typography-mente-menu-line-height:1.3em;--e-global-typography-mente-menu-letter-spacing:0.01em;--e-global-typography-mente-eyebrow-font-family:"Montserrat";--e-global-typography-mente-eyebrow-font-size:0.8125rem;--e-global-typography-mente-eyebrow-font-weight:700;--e-global-typography-mente-eyebrow-text-transform:uppercase;--e-global-typography-mente-eyebrow-line-height:1.3em;--e-global-typography-mente-eyebrow-letter-spacing:0.1em;--e-global-typography-mente-meta-font-family:"Montserrat";--e-global-typography-mente-meta-font-size:0.8125rem;--e-global-typography-mente-meta-font-weight:500;--e-global-typography-mente-meta-line-height:1.5em;--e-global-typography-mente-meta-letter-spacing:0.015em;--e-global-typography-mente-btn-lg-font-family:"Montserrat";--e-global-typography-mente-btn-lg-font-size:1.0625rem;--e-global-typography-mente-btn-lg-font-weight:700;--e-global-typography-mente-btn-lg-line-height:1.2em;--e-global-typography-mente-btn-lg-letter-spacing:0.01em;--e-global-typography-mente-btn-font-family:"Montserrat";--e-global-typography-mente-btn-font-size:0.9375rem;--e-global-typography-mente-btn-font-weight:700;--e-global-typography-mente-btn-line-height:1.2em;--e-global-typography-mente-btn-letter-spacing:0.01em;--e-global-typography-mente-btn-sm-font-family:"Montserrat";--e-global-typography-mente-btn-sm-font-size:0.8125rem;--e-global-typography-mente-btn-sm-font-weight:700;--e-global-typography-mente-btn-sm-line-height:1.2em;--e-global-typography-mente-btn-sm-letter-spacing:0.015em;--e-global-typography-mente-footer-title-font-family:"Montserrat";--e-global-typography-mente-footer-title-font-size:1rem;--e-global-typography-mente-footer-title-font-weight:700;--e-global-typography-mente-footer-title-text-transform:uppercase;--e-global-typography-mente-footer-title-line-height:1.4em;--e-global-typography-mente-footer-title-letter-spacing:0.01em;--e-global-typography-mente-footer-text-font-family:"Poppins";--e-global-typography-mente-footer-text-font-size:0.925rem;--e-global-typography-mente-footer-text-font-weight:400;--e-global-typography-mente-footer-text-line-height:1.65em;--e-global-typography-mente-footer-text-letter-spacing:0em;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{border-radius:200px 200px 200px 200px;padding:20px 26px 20px 26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-mente-h1-font-size:3rem;--e-global-typography-mente-h1-line-height:1.12em;--e-global-typography-mente-h1-letter-spacing:-0.035em;--e-global-typography-mente-h2-font-size:2.375rem;--e-global-typography-mente-h2-line-height:1.18em;--e-global-typography-mente-h2-letter-spacing:-0.025em;--e-global-typography-mente-h3-font-size:1.875rem;--e-global-typography-mente-h3-line-height:1.25em;--e-global-typography-mente-h3-letter-spacing:-0.02em;--e-global-typography-mente-h4-font-size:1.5rem;--e-global-typography-mente-h4-line-height:1.3em;--e-global-typography-mente-h4-letter-spacing:-0.015em;--e-global-typography-mente-h5-font-size:1.1875rem;--e-global-typography-mente-h5-line-height:1.4em;--e-global-typography-mente-h5-letter-spacing:-0.01em;--e-global-typography-mente-subtitle-font-size:1.1875rem;--e-global-typography-mente-subtitle-line-height:1.55em;--e-global-typography-mente-subtitle-letter-spacing:0em;--e-global-typography-mente-text-lg-line-height:1.7em;--e-global-typography-mente-text-lg-letter-spacing:0em;--e-global-typography-mente-text-line-height:1.7em;--e-global-typography-mente-text-letter-spacing:0em;--e-global-typography-mente-text-sm-font-size:0.95rem;--e-global-typography-mente-text-sm-line-height:1.6em;--e-global-typography-mente-text-sm-letter-spacing:0em;--e-global-typography-mente-card-title-font-size:1.2rem;--e-global-typography-mente-card-title-line-height:1.4em;--e-global-typography-mente-card-title-letter-spacing:-0.01em;--e-global-typography-mente-menu-font-size:1rem;--e-global-typography-mente-menu-line-height:1.3em;--e-global-typography-mente-menu-letter-spacing:0.01em;--e-global-typography-mente-eyebrow-font-size:0.8125rem;--e-global-typography-mente-eyebrow-line-height:1.3em;--e-global-typography-mente-eyebrow-letter-spacing:0.1em;--e-global-typography-mente-meta-font-size:0.8125rem;--e-global-typography-mente-meta-line-height:1.5em;--e-global-typography-mente-meta-letter-spacing:0.015em;--e-global-typography-mente-btn-lg-font-size:1rem;--e-global-typography-mente-btn-lg-line-height:1.2em;--e-global-typography-mente-btn-lg-letter-spacing:0.01em;--e-global-typography-mente-btn-font-size:0.9375rem;--e-global-typography-mente-btn-line-height:1.2em;--e-global-typography-mente-btn-letter-spacing:0.01em;--e-global-typography-mente-btn-sm-font-size:0.8125rem;--e-global-typography-mente-btn-sm-line-height:1.2em;--e-global-typography-mente-btn-sm-letter-spacing:0.015em;--e-global-typography-mente-footer-title-font-size:1rem;--e-global-typography-mente-footer-title-line-height:1.4em;--e-global-typography-mente-footer-title-letter-spacing:0.01em;--e-global-typography-mente-footer-text-font-size:0.925rem;--e-global-typography-mente-footer-text-line-height:1.65em;--e-global-typography-mente-footer-text-letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-mente-h1-font-size:2.6rem;--e-global-typography-mente-h1-line-height:1.12em;--e-global-typography-mente-h1-letter-spacing:-0.035em;--e-global-typography-mente-h2-font-size:2.2rem;--e-global-typography-mente-h2-line-height:1.18em;--e-global-typography-mente-h2-letter-spacing:-0.025em;--e-global-typography-mente-h3-font-size:1.8rem;--e-global-typography-mente-h3-line-height:1.25em;--e-global-typography-mente-h3-letter-spacing:-0.02em;--e-global-typography-mente-h4-font-size:1.5rem;--e-global-typography-mente-h4-line-height:1.3em;--e-global-typography-mente-h4-letter-spacing:-0.015em;--e-global-typography-mente-h5-font-size:1.2rem;--e-global-typography-mente-h5-line-height:1.4em;--e-global-typography-mente-h5-letter-spacing:-0.01em;--e-global-typography-mente-subtitle-font-size:1.0625rem;--e-global-typography-mente-subtitle-line-height:1.55em;--e-global-typography-mente-subtitle-letter-spacing:0em;--e-global-typography-mente-text-lg-line-height:1.7em;--e-global-typography-mente-text-lg-letter-spacing:0em;--e-global-typography-mente-text-line-height:1.7em;--e-global-typography-mente-text-letter-spacing:0em;--e-global-typography-mente-text-sm-font-size:0.95rem;--e-global-typography-mente-text-sm-line-height:1.6em;--e-global-typography-mente-text-sm-letter-spacing:0em;--e-global-typography-mente-card-title-font-size:1.2rem;--e-global-typography-mente-card-title-line-height:1.4em;--e-global-typography-mente-card-title-letter-spacing:-0.01em;--e-global-typography-mente-menu-font-size:1rem;--e-global-typography-mente-menu-line-height:1.3em;--e-global-typography-mente-menu-letter-spacing:0.01em;--e-global-typography-mente-eyebrow-font-size:0.75rem;--e-global-typography-mente-eyebrow-line-height:1.3em;--e-global-typography-mente-eyebrow-letter-spacing:0.1em;--e-global-typography-mente-meta-font-size:0.8125rem;--e-global-typography-mente-meta-line-height:1.5em;--e-global-typography-mente-meta-letter-spacing:0.015em;--e-global-typography-mente-btn-lg-font-size:1rem;--e-global-typography-mente-btn-lg-line-height:1.2em;--e-global-typography-mente-btn-lg-letter-spacing:0.01em;--e-global-typography-mente-btn-font-size:0.9375rem;--e-global-typography-mente-btn-line-height:1.2em;--e-global-typography-mente-btn-letter-spacing:0.01em;--e-global-typography-mente-btn-sm-font-size:0.8125rem;--e-global-typography-mente-btn-sm-line-height:1.2em;--e-global-typography-mente-btn-sm-letter-spacing:0.015em;--e-global-typography-mente-footer-title-font-size:1rem;--e-global-typography-mente-footer-title-line-height:1.4em;--e-global-typography-mente-footer-title-letter-spacing:0.01em;--e-global-typography-mente-footer-text-font-size:0.925rem;--e-global-typography-mente-footer-text-line-height:1.65em;--e-global-typography-mente-footer-text-letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================================
   MENTE.HU – EGYEDI STÍLUSLAP (style.css)
   ================================================================
   Ez a fájl az Elementor / WordPress alap stílusait egészíti ki,
   oldalanként és komponensenként csoportosítva. A sorrend nem
   véletlenszerű: CSS-ben a később álló szabály felülírhatja a
   korábbit azonos specificitás esetén, ezért a szakaszok eredeti
   sorrendje meg van tartva, csak a dokumentáció (kommentek) lettek
   bővítve és egységesítve.

   TARTALOMJEGYZÉK
   --------------------------------------------------------------
    0. MENÜ
    1. FEJLÉC – Kiemelt szöveg (coundown-text)
    2. KEZDŐOLDAL – Hero slider (carousel overlay, nyilak/pontok)
    3. GOMBOK – Sárga villogó/pulzáló gomb (globális)
    4. KEZDŐOLDAL – Interaktív régió térkép (SVG)
    5. HÍRLEVÉL ŰRLAP – Egyedi checkbox (globális, Elementor form)
    6. KEZDŐOLDAL – Média választó kártyák (media-cards hullám)
    7. PROGRAMOK OLDAL – Eseménykártya (event-card)
    8. PROGRAMOK OLDAL – Régió badge (regio-badge, globális)
    9. PROGRAMOK OLDAL – "Most jelentkezhetsz" badge
   10. PROGRAMOK OLDAL – Sticky doboz (program_sticky_box)
   11. TALÁLKOZZUNK OLDAL – Korábbi események lista (kivonat)
   12. TALÁLKOZZUNK OLDAL – Korábbi esemény kártya
   13. NÉZD CSAK OLDAL – Fő választó (media-tabs, nested tabs)
   14. NÉZD CSAK OLDAL – Blog élő kereső
   15. NÉZD CSAK OLDAL – Képgaléria (jelenleg inaktív, kikommentelve)
   16. NÉZD CSAK OLDAL – Podcast kártya
   17. NÉZD CSAK OLDAL – Galéria mappa kártya
   18. NÉZD CSAK OLDAL – Galéria kártya (gallery-card, event-card mintájára)
   19. BLOG KÁRTYA – Fő blog kártya (blog-card, hullámos SVG háttér)
   20. BLOG BEJEGYZÉS KÁRTYA – Olvasási idő badge (globális)
   21. PÉNZTÁR – WooCommerce checkout testreszabás
   22. FIÓKOM / BEJELENTKEZÉS
   23. BLOG BEJEGYZÉS TARTALOM – Formázás (post-content)
   ================================================================ */



/* ================================================================
   0. MENÜ
   ----------------------------------------------------------------
   Hol: A felső menüsáv testreszabása
   Mit csinál: aktív menü stílusának beállítása
   ================================================================ */
.website_menu .elementor-item-active,
.website_menu .elementor-item:hover {
    background-color: rgba(255, 177, 40, .6) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 50px;
}

@media only screen and (max-width: 1024px) {
.website_menu .elementor-item-active,
.website_menu .elementor-item:hover {
    background-color: rgba(241, 73, 75, 1) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 0px;
}
}


/* ================================================================
   1. FEJLÉC – KIEMELT SZÖVEG (coundown-text)
   ----------------------------------------------------------------
   Hol: Fejléc, a kiemelt szöveges Elementor Heading widget
   (.coundown-text), benne linkkel.
   Mit csinál: a linket inline elemként jeleníti meg, alapból
   aláhúzás nélkül, a végére egy nyíl (→) karaktert tesz ::after-rel,
   hover állapotban pedig aláhúzást ad a szövegnek és jobbra
   csúsztatja a nyilat.
   ================================================================ */

.coundown-text .elementor-heading-title a {
    display: inline;
    text-decoration: none;
}

.coundown-text .elementor-heading-title a::after {
    content: "→";
    display: inline-block;

    margin-left: 7px;

    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    text-decoration: none !important;

    position: relative;
    top: -2px;

    transition: transform 0.25s ease;
}

.coundown-text .elementor-heading-title a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.coundown-text .elementor-heading-title a:hover::after {
    text-decoration: none !important;
    transform: translateX(3px);
}


/* ================================================================
   2. KEZDŐOLDAL – HERO SLIDER
   ----------------------------------------------------------------
   Hol: Kezdőoldal, fejléc alatti Elementor Swiper (carousel).
   Mit csinál: márkaszínű színátmenetes overlay a slide háttérképe
   fölött, a tartalom réteg elé hozása, a nyilak/pontok pozicionálása
   és rétegsorrendje, valamint a hero alján lévő hullámos SVG alakzat
   (.mente-hero-bottom-shape) pozicionálása a carousel fölé.
   ================================================================ */

/* Háttérképes slide-container */
.mente-hero-carousel .swiper-slide>.e-con {
    position: relative;
    overflow: hidden;
}

/* Mente hero overlay */
/*.mente-hero-carousel .swiper-slide>.e-con::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    z-index: 1;*/
/*    pointer-events: none;*/

/*    background:*/

/* Enyhe napfényes folt jobb oldalon */
/*        radial-gradient(circle at 72% 30%,*/
/*            rgba(255, 196, 75, .32) 0%,*/
/*            rgba(255, 152, 60, .18) 22%,*/
/*            rgba(241, 72, 75, 0) 48%),*/

/* Márkaszín (#F1484B) */
/*        linear-gradient(90deg,*/
/*            rgba(241, 72, 75, .96) 0%,*/
/*            rgba(241, 72, 75, .92) 30%,*/
/*            rgba(241, 72, 75, .64) 48%,*/
/*            rgba(241, 72, 75, .30) 62%,*/
/*            rgba(241, 72, 75, .10) 78%,*/
/*            rgba(241, 72, 75, 0) 92%);*/
/*}*/

/* Slide tartalma */
.mente-hero-carousel .swiper-slide>.e-con>.e-con-inner {
    position: relative;
    z-index: 2;
}

/* Nyilak és pontok */
.mente-hero-carousel .swiper-pagination,
.mente-hero-carousel .elementor-swiper-button {
    z-index: 99 !important;
}

.mente-hero-carousel .swiper-pagination {
    transform: translateY(calc(-2vh - 4vw));
}


/* =====================================================
   HERO WRAPPER
   ===================================================== */

/*.mente-hero-wrap {*/
/*    position: relative !important;*/
/*    overflow: hidden;*/
/*    isolation: isolate;*/
/*}*/


/* =====================================================
   CAROUSEL
   ===================================================== */

.mente-hero-carousel {
    position: relative;
    z-index: 1;
}


/* =====================================================
   HERO ALSÓ SVG
   ===================================================== */

.mente-hero-bottom-shape {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;

    width: 100% !important;
    height: 142px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0;

    z-index: 20 !important;

    pointer-events: none;
}


/* Elementor wrapper */
.mente-hero-bottom-shape .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    line-height: 0;
}


/* Maga az SVG */
.mente-hero-bottom-shape svg {
    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0;
    padding: 0;
}


/* TABLET */
@media (max-width: 1024px) {

    .mente-hero-bottom-shape {
        height: 120px !important;
    }

}


/* =====================================================
   HERO ALSÓ SVG – MOBIL FINOMHANGOLÁS
   ===================================================== */

@media (max-width: 767px) {

    .mente-hero-bottom-shape {
        height: 72px !important;

        bottom: -2px !important;

        z-index: 20 !important;
    }

    .mente-hero-bottom-shape svg {
        display: block;

        width: 100% !important;
        height: 100% !important;
    }

}


/* ================================================================
   3. GOMBOK – SÁRGA VILLOGÓ / PULZÁLÓ GOMB
   ----------------------------------------------------------------
   Hol: bárhol, ahol egy Elementor gomb a "yellow-shine" osztályt
   kapja (globális, több oldalon is felhasználható CTA effekt).
   Mit csinál: folyamatos sárga fénygyűrű-pulzálást ad a gombhoz
   box-shadow animációval.
   ================================================================ */

/* Elementor gomb */
.yellow-shine .elementor-button {
    position: relative;
    overflow: visible;

    animation: yellowGlowPulse 2s ease-in-out infinite;
}

/* Éles szélű pulzálás */
@keyframes yellowGlowPulse {

    0%,
    100% {
        box-shadow:
            0 0 0 0 rgba(255, 193, 7, 0.55),
            0 18px 40px -12px rgba(0, 0, 0, 0.50);
    }

    50% {
        box-shadow:
            0 0 0 14px rgba(255, 193, 7, 0),
            0 18px 40px -12px rgba(0, 0, 0, 0.50);
    }
}


/* ================================================================
   4. KEZDŐOLDAL – INTERAKTÍV RÉGIÓ TÉRKÉP
   ----------------------------------------------------------------
   Hol: Kezdőoldal, a régióválasztó SVG térkép (.mente-map).
   Mit csinál: a térkép alapmérete/reszponzivitása, a régiók
   (.mente-map__region / __shape / __label) hover- és fókusz-
   animációi, valamint a csökkentett mozgást preferáló (prefers-
   reduced-motion) felhasználók kiszolgálása.
   ================================================================ */

:root {
    --map-gap: #ffffff;
    --map-text: #ffffff;
    --map-outline: rgba(19, 34, 48, .22);
    --map-hover-outline: #243746;
    --map-focus: #111827;
    --map-shadow: rgba(18, 35, 48, .22);
}

* {
    box-sizing: border-box;
}

.mente-map {
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
    padding: 20px;
    overflow: hidden;
}

.mente-map svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: visible;
}

.mente-map__region {
    cursor: pointer;
    outline: none;
}

.mente-map__shape {
    stroke: var(--map-gap);
    stroke-width: 12;
    stroke-linejoin: round;
    stroke-linecap: round;
    paint-order: stroke fill;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 5px 7px rgba(18, 35, 48, .08));
    transform-box: fill-box;
    transform-origin: center;
    transition:
        transform .25s cubic-bezier(.2, .8, .2, 1),
        filter .25s ease,
        stroke .25s ease,
        stroke-width .25s ease,
        brightness .25s ease;
}

.mente-map__label {
    fill: var(--map-text);
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -.02em;
    text-anchor: middle;
    pointer-events: none;
    paint-order: stroke fill;
    stroke: rgba(0, 0, 0, .16);
    stroke-width: 3px;
    stroke-linejoin: round;
    transform-box: fill-box;
    transform-origin: center;
    transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}

.mente-map__region:hover .mente-map__shape,
.mente-map__region:focus-visible .mente-map__shape {
    stroke: var(--map-hover-outline);
    stroke-width: 7;
    filter:
        brightness(1.06) drop-shadow(0 15px 14px var(--map-shadow));
    transform: scale(1.035);
}

.mente-map__region:hover .mente-map__label,
.mente-map__region:focus-visible .mente-map__label {
    transform: scale(1.035);
}

.mente-map__region:focus-visible .mente-map__shape {
    outline: 4px solid var(--map-focus);
    outline-offset: 5px;
}

/* Mobil (≤600px): kisebb padding, nagyobb felirat */
@media (max-width: 600px) {

    .mente-map {
        width: 100%;
        max-width: 100%;
        padding: 8px;
        overflow: hidden;
    }

    .mente-map svg {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .mente-map__label {
        font-size: 30px;
    }
}

/* Akadálymentesség: csökkentett animáció esetén nincs átmenet/transzformáció */
@media (prefers-reduced-motion: reduce) {

    .mente-map__shape,
    .mente-map__label {
        transition: none;
    }

    .mente-map__region:hover .mente-map__shape,
    .mente-map__region:focus-visible .mente-map__shape,
    .mente-map__region:hover .mente-map__label,
    .mente-map__region:focus-visible .mente-map__label {
        transform: none;
    }
}


/* ================================================================
   5. HÍRLEVÉL ŰRLAP – EGYEDI ELEMENTOR CHECKBOX
   ----------------------------------------------------------------
   Hol: bárhol, ahol a "mente-newsletter-form" osztályú Elementor
   form widget szerepel (pl. kezdőoldali hírlevél feliratkozás).
   Mit csinál: a natív "elfogadom" checkbox vizuális elrejtése és
   teljesen egyedi, márkaszínű pipa-doboz felépítése ::before/
   ::after pszeudoelemekkel, hover/fókusz/bejelölt állapotokkal.
   ================================================================ */

.mente-newsletter-form .elementor-field-type-acceptance label {
    font-size: 0.95rem !important;
}

/* ==================================================
   EGYEDI ELEMENTOR CHECKBOX
   ================================================== */

.mente-newsletter-form .elementor-field-type-acceptance {
    margin-top: .25rem;
}

/* A label legyen rendesen kattintható */
.mente-newsletter-form .elementor-field-type-acceptance .elementor-field-option {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

/* Natív checkbox vizuális elrejtése */
.mente-newsletter-form .elementor-acceptance-field {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Label */
.mente-newsletter-form .elementor-field-type-acceptance label {
    position: relative;
    display: block;
    padding-left: 2rem;
    cursor: pointer;

    color: #6b7280;
    font-size: 1rem;
    line-height: 1.45;
}

/* Egyedi checkbox doboz */
.mente-newsletter-form .elementor-field-type-acceptance label::before {
    content: "";
    position: absolute;
    left: 0;
    top: .08em;

    width: 1.25rem;
    height: 1.25rem;

    border: 2px solid #f1484b;
    border-radius: .3rem;
    background: #ffffff;

    box-shadow: 0 2px 6px rgba(18, 35, 48, .10);

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

/* Pipa */
.mente-newsletter-form .elementor-field-type-acceptance label::after {
    content: "";
    position: absolute;
    left: .42rem;
    top: .23rem;

    width: .34rem;
    height: .68rem;

    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;

    opacity: 0;
    transform: rotate(45deg) scale(.7);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

/* Bejelölt állapot */
.mente-newsletter-form .elementor-acceptance-field:checked+label::before {
    background: #f1484b;
    border-color: #f1484b;
    transform: scale(1.03);
    box-shadow: 0 4px 10px rgba(241, 72, 75, .28);
}

.mente-newsletter-form .elementor-acceptance-field:checked+label::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

/* Hover */
.mente-newsletter-form .elementor-field-type-acceptance label:hover::before {
    border-color: #d9363a;
    box-shadow: 0 4px 10px rgba(241, 72, 75, .2);
}

/* Billentyűzetes fókusz */
.mente-newsletter-form .elementor-acceptance-field:focus-visible+label::before {
    outline: 3px solid rgba(241, 72, 75, .28);
    outline-offset: 3px;
}

/* Mobil */
@media(max-width:767px) {

    .mente-newsletter-form .elementor-field-type-acceptance label {
        padding-left: 2.15rem;
        font-size: .95rem;
    }

    .mente-newsletter-form .elementor-field-type-acceptance label::before {
        width: 1.3rem;
        height: 1.3rem;
    }
}


/* ================================================================
   6. KEZDŐOLDAL – MÉDIA VÁLASZTÓ KÁRTYÁK
   ----------------------------------------------------------------
   Hol: Kezdőoldal, "média választó" szekció Elementor CTA
   (elementor-cta) kártyái, a "media-cards" osztállyal ellátva.
   Mit csinál: a kártya alján egy SVG-maszkolt, átlátszóból a
   márkaszínbe áttűnő "vízhullám" dekorációt rajzol ::before-ral,
   fölé pedig finom fehér hullámvonalakat ::after-rel. A szín a
   --card-wave-color CSS változón keresztül állítható színvariáns
   osztályokkal (media-card-blue / -red / -yellow).

   Alaposztály:
   media-cards

   Színváltozatok:
   media-card-blue
   media-card-red
   media-card-yellow
   ================================================== */


/* Alapértelmezett hullámszín */

.media-cards {
    --card-wave-color: #24589c;

    position: relative !important;
    overflow: hidden !important;
}


/* A pszeudoelemek ehhez az elemhez igazodnak */

.media-cards .elementor-cta {
    position: relative !important;
    overflow: hidden !important;
}


/* ==================================================
   ÁTTETSZŐ, ÁTMENETES SZÍNES HULLÁM
   ================================================== */

.media-cards .elementor-cta::before {
    content: "";

    position: absolute !important;
    left: -3% !important;
    bottom: 0px !important;
    z-index: 2 !important;

    width: 106% !important;
    height: 42% !important;
    min-height: 152px !important;
    max-height: 180px !important;

    /*
     * Felül áttetsző, lefelé fokozatosan telített.
     * Nincs külön felső kontúr vagy záróvonal.
     */
    background: linear-gradient(180deg,
            color-mix(in srgb, var(--card-wave-color) 18%, transparent) 0%,
            color-mix(in srgb, var(--card-wave-color) 46%, transparent) 28%,
            color-mix(in srgb, var(--card-wave-color) 82%, transparent) 60%,
            var(--card-wave-color) 84%,
            var(--card-wave-color) 100%) !important;

    /*
     * Lágy, szabálytalan vízhullámforma
     */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M0 58 C38 29 79 24 122 41 C165 58 190 90 238 83 C286 76 303 46 348 51 C396 57 416 92 461 88 C506 84 535 64 565 67 C580 68 591 73 600 79 L600 180 L0 180 Z' fill='black'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M0 58 C38 29 79 24 122 41 C165 58 190 90 238 83 C286 76 303 46 348 51 C396 57 416 92 461 88 C506 84 535 64 565 67 C580 68 591 73 600 79 L600 180 L0 180 Z' fill='black'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center bottom !important;
    mask-position: center bottom !important;

    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;

    pointer-events: none !important;
}


/* ==================================================
   DEKORÁCIÓS VÍZHULLÁMVONALAK

   Nem követik pontosan a színes mező szélét,
   ezért nem keltenek lezáró kontúrhatást.
   ================================================== */

.media-cards .elementor-cta::after {
    content: "";

    position: absolute !important;
    left: -6% !important;
    bottom: 16% !important;
    z-index: 3 !important;

    width: 112% !important;
    height: 92px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 110' preserveAspectRatio='none'%3E%3Cpath d='M-20 35 C25 5 69 4 111 24 C154 45 178 75 222 69 C267 63 290 35 336 40 C381 45 407 75 453 72 C500 69 526 51 560 55 C586 58 609 70 630 81' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' opacity='.62'/%3E%3Cpath d='M-20 54 C25 28 66 25 107 42 C151 60 178 88 226 81 C272 74 300 52 344 57 C390 62 417 87 463 83 C507 79 536 66 569 69 C594 71 614 81 630 91' fill='none' stroke='%23ffffff' stroke-width='1.45' stroke-linecap='round' opacity='.34'/%3E%3Cpath d='M-20 20 C19 35 57 42 98 33 C139 24 169 15 210 25 C255 36 285 55 329 54 C375 53 403 35 446 40 C489 45 520 63 559 65 C588 66 610 63 630 59' fill='none' stroke='%23ffffff' stroke-width='1.1' stroke-linecap='round' opacity='.20'/%3E%3C/svg%3E") !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    opacity: .8;

    pointer-events: none !important;
}


/* A tartalom maradjon a hullámok felett */

.media-cards .elementor-cta__content {
    position: relative !important;
    z-index: 4 !important;
}


/* ==================================================
   SZÍNVÁLTOZATOK
   ================================================== */

.media-cards.media-card-blue {
    --card-wave-color: #24589c;
}

.media-cards.media-card-red {
    --card-wave-color: #d92f35;
}

.media-cards.media-card-yellow {
    --card-wave-color: #ffc533;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1024px) {

    .media-cards .elementor-cta::before {
        height: 40% !important;
        min-height: 135px !important;
    }

    .media-cards .elementor-cta::after {
        bottom: 15% !important;
        height: 82px !important;
    }
}


/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {

    .media-cards .elementor-cta::before {
        left: -8% !important;

        width: 116% !important;
        height: 39% !important;
        min-height: 130px !important;
    }

    .media-cards .elementor-cta::after {
        left: -18% !important;
        bottom: 14% !important;

        width: 136% !important;
        height: 78px !important;
    }
}

/* ================================================================
   7. PROGRAMOK OLDAL – ESEMÉNYKÁRTYA (event-card)
   ----------------------------------------------------------------
   Hol: Programok oldal, aktuális/jövőbeli események kártyái
   (.event-card).
   Mit csinál: teljes kártyás háttérkép (Elementor Dynamic Featured
   Image), alul régiónkénti színű (--region-color, a :has()
   szelektorral a régió badge osztálya alapján automatikusan
   beállítva) hullámos SVG alakzat (.event-card-shape), amire a
   szöveges tartalom (.event-card-content) rétegződik — ugyanaz a
   technika, mint a blog kártyáknál (19. szakasz).
   ================================================================ */

/* =====================================================
   EVENT KÁRTYA
   Teljes kártyás háttérképpel
   ===================================================== */


/* =====================================================
   FŐ KÁRTYA
   ===================================================== */

.event-card {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    width: 100%;
    min-height: 460px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 1.5em;

    /* Fallback régiószín */
    --region-color: #2b7ec2;

    /*
     * A háttérképet Elementorban:
     * Dynamic → Featured Image
     */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* =====================================================
   RÉGIÓSZÍNEK
   ===================================================== */

.event-card:has(.regio-ipoly) {
    --region-color: #eba665;
}

.event-card:has(.regio-eszak-duna) {
    --region-color: #1bab6e;
}

.event-card:has(.regio-zagyva) {
    --region-color: #ef4b4c;
}

.event-card:has(.regio-galga) {
    --region-color: #2b7ec2;
}

.event-card:has(.regio-tapio) {
    --region-color: #12a1b8;
}

.event-card:has(.regio-del-duna) {
    --region-color: #cb6836;
}

.event-card:has(.regio-tiszamente) {
    --region-color: #754eed;
}


/* =====================================================
   ALSÓ TARTALMI RÉSZ
   ===================================================== */

.event-card-bottom {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    overflow: visible;
}


/* =====================================================
   SVG HÁTTÉR
   ===================================================== */

.event-card-shape {
    position: absolute !important;

    /*
     * Felfelé túlnyúlik a tartalmon,
     * így a hullám ráúszik a háttérképre.
     */
    top: -35px;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100% !important;
    height: auto !important;

    min-width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0;

    z-index: 0;

    pointer-events: none;
}


/* SVG */
.event-card-shape>svg {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0;
    padding: 0;
}


/* =====================================================
   TARTALOM
   ===================================================== */

.event-card-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;

    padding: 60px 24px 28px;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .event-card {
        min-height: 480px;
    }

    .event-card-shape {
        top: -40px;
    }

    .event-card-content {
        padding: 65px 24px 28px;
    }

}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .event-card {
        min-height: 450px;
    }

    .event-card-shape {
        top: -45px;
    }

    .event-card-content {
        padding: 70px 20px 24px;
    }

}

/* --------------------------------------------------
   .event-card-wide – finom, felül erősebb, lefelé
   elhalványuló fehér fénykeret (üveg/glow hatás)
   -------------------------------------------------- */

.event-card-wide {
    --region-color: #12325b;

    position: relative;
    border-radius: 1em;
}


/* ==================================================
   RÉGIÓSZÍNEK

   A --region-color változót a kártyán belül található
   regio-badge (pl. .regio-ipoly) jelenléte alapján a
   :has() szelektor állítja be automatikusan.
   ================================================== */

.event-card-wide:has(.regio-ipoly) {
    --region-color: #eba665;
}

.event-card-wide:has(.regio-eszak-duna) {
    --region-color: #1bab6e;
}

.event-card-wide:has(.regio-zagyva) {
    --region-color: #ef4b4c;
}

.event-card-wide:has(.regio-galga) {
    --region-color: #2b7ec2;
}

.event-card-wide:has(.regio-tapio) {
    --region-color: #12a1b8;
}

.event-card-wide:has(.regio-del-duna) {
    --region-color: #cb6836;
}

.event-card-wide:has(.regio-tiszamente) {
    --region-color: #754eed;
}


/* ==================================================
   IKONOK SZÍNEZÉSE A RÉGIÓ SZÍNÉVEL

   Minden, a kártyán belül elhelyezett Elementor ikon
   (Icon widget és Icon List widget) a régió színét veszi fel.
   ================================================== */

.event-card-wide .elementor-icon,
.event-card-wide .elementor-icon i,
.event-card-wide .elementor-icon svg,
.event-card-wide .elementor-icon-list-icon,
.event-card-wide .elementor-icon-list-icon i,
.event-card-wide .elementor-icon-list-icon svg {
    color: var(--region-color) !important;
    fill: var(--region-color) !important;
}

.event-card-wide::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;

    padding: 2px;
    /* Keret vastagsága */
    border-radius: inherit;

    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.65) 35%,
            rgba(255, 255, 255, 0.2) 70%,
            rgba(255, 255, 255, 0.03) 100%);

    /* Csak a keret maradjon látható */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;

    pointer-events: none;
}

/* ================================================================
   8. PROGRAMOK OLDAL – RÉGIÓ BADGE (regio-badge)
   ----------------------------------------------------------------
   Hol: globális komponens — az eseménykártyákon (event-card,
   previous-event-card) és bárhol máshol, ahol egy Elementor
   Shortcode widget "regio-badge-widget" osztályt kap.
   Mit csinál: kerek, régiónként eltérő színű címke (pl. Ipoly,
   Zagyva, Galga stb.), ami az event-card :has() szelektorát is
   táplálja (lásd 7. szakasz).
   ================================================================ */
/* ==================================================
   Programok kártya - RÉGIÓ BADGE – ALAPBEÁLLÍTÁSOK
   ================================================== */

.regio-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    max-width: 100%;

    padding: 0.5rem 0.9rem !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center;

    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.28) !important;

    white-space: nowrap;
}


/* ==================================================
   RÉGIÓSZÍNEK
   ================================================== */

/* Ipoly */
.regio-badge.regio-ipoly {
    background-color: #eba665 !important;
}

/* Észak-Duna */
.regio-badge.regio-eszak-duna {
    background-color: #1bab6e !important;
}

/* Zagyva */
.regio-badge.regio-zagyva {
    background-color: #ef4b4c !important;
}

/* Galga */
.regio-badge.regio-galga {
    background-color: #2b7ec2 !important;
}

/* Tápió */
.regio-badge.regio-tapio {
    background-color: #12a1b8 !important;
}

/* Dél-Duna */
.regio-badge.regio-del-duna {
    background-color: #cb6836 !important;
}

/* Tiszamente */
.regio-badge.regio-tiszamente {
    background-color: #754eed !important;
}


/* ==================================================
   SHORTCODE WIDGET IGAZÍTÁSA
   ================================================== */

/* Ezt az osztályt add az Elementor Shortcode widgethez */
.regio-badge-widget .elementor-shortcode {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
}


/* ==================================================
   RESZPONZÍV MÉRETEK
   ================================================== */

@media (max-width: 1024px) {
    .regio-badge {
        padding: 0.45rem 0.8rem !important;
        font-size: 0.8125rem !important;
    }
}

@media (max-width: 767px) {
    .regio-badge {
        padding: 0.4rem 0.75rem !important;
        font-size: 0.75rem !important;
    }
}

/* ================================================================
   9. PROGRAMOK OLDAL – "MOST JELENTKEZHETSZ" BADGE
   ----------------------------------------------------------------
   Hol: eseménykártyákon (event-card) és bárhol, ahol egy
   Elementor Shortcode widget "jelentkezes-badge-widget" osztályt
   kap.
   Mit csinál: fehér, zöld pulzáló ponttal ellátott figyelemfelkeltő
   címke, amely jelzi, hogy egy programra még lehet jelentkezni.
   ================================================================ */
/* ==================================================
   programok kártya - MOST JELENTKEZHETSZ BADGE
   ================================================== */

.jelentkezes-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;

    width: max-content !important;
    max-width: 100%;

    padding: 0.5rem 0.85rem !important;
    border-radius: 999px !important;

    background-color: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 0.25rem 1rem rgba(25, 36, 48, 0.12);

    color: #1f2937 !important;
    font-family: "Montserrat", sans-serif;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}


/* Zöld, pulzáló állapotjelző */

.jelentkezes-badge__dot {
    display: block !important;
    flex: 0 0 auto;

    width: 0.625rem !important;
    height: 0.625rem !important;
    border-radius: 50% !important;

    background-color: #1bab6e !important;

    animation: jelentkezes-pulzus 1.8s ease-out infinite;
}


/* Pulzáló fénygyűrű */

@keyframes jelentkezes-pulzus {
    0% {
        box-shadow: 0 0 0 0 rgba(27, 171, 110, 0.55);
    }

    70% {
        box-shadow: 0 0 0 0.45rem rgba(27, 171, 110, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(27, 171, 110, 0);
    }
}


/* Shortcode widget igazítása */

.jelentkezes-badge-widget .elementor-shortcode {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
}


/* Mobil */

@media (max-width: 767px) {
    .jelentkezes-badge {
        gap: 0.4rem !important;
        padding: 0.425rem 0.7rem !important;
        font-size: 0.75rem !important;
    }

    .jelentkezes-badge__dot {
        width: 0.5rem !important;
        height: 0.5rem !important;
    }
}


/* Akadálymentesség: csökkentett animáció */

@media (prefers-reduced-motion: reduce) {
    .jelentkezes-badge__dot {
        animation: none;
        box-shadow: 0 0 0 0.25rem rgba(27, 171, 110, 0.16);
    }
}

/* ================================================================
   10. PROGRAMOK OLDAL – STICKY DOBOZ (program_sticky_box)
   ----------------------------------------------------------------
   Hol: Programok oldal, az oldalsávban rögzített (sticky) doboz
   (.program_sticky_box).
   Mit csinál: felül erősebb, lefelé elhalványuló fehér színátmenetes
   keretet ad a dobozhoz ::before-ral, ugyanazzal a maszkolási
   technikával, mint az event-card-wide (7. szakasz) fénykerete.
   ================================================================ */

.program_sticky_box {
    position: relative;
}

/* Színátmenetes keret */
.program_sticky_box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 3px;
    /* keret vastagsága */

    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.85) 25%,
            rgba(255, 255, 255, 0.45) 60%,
            rgba(255, 255, 255, 0.12) 100%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;

    pointer-events: none;
    z-index: 1;
}


/* ================================================================
   11. TALÁLKOZZUNK OLDAL – KORÁBBI ESEMÉNYEK LISTA
   ----------------------------------------------------------------
   Hol: Találkozzunk oldal, a korábbi események felsorolásának
   szöveges kivonata (.post-excerp).
   Mit csinál: a kivonat szövegét 2 sorra vágja (line-clamp).
   ================================================================ */
.post-excerp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



/* ================================================================
   12. TALÁLKOZZUNK OLDAL – KORÁBBI ESEMÉNY KÁRTYA
   ----------------------------------------------------------------
   Hol: Találkozzunk oldal, lezajlott/korábbi események kártyái
   (.previous-event-card).
   Mit csinál: a 7. szakaszban bemutatott event-card hullám-
   dekorációjának változata, de fix sötétkék (rgba(0,43,78,…))
   színátmenettel a régiószín helyett, mivel korábbi eseményeknél
   nincs szükség régiónkénti megkülönböztetésre.

   MEGJEGYZÉS: az alábbi Tablet/Mobil média lekérdezések az
   eredeti kódban a ".event-card" szelektort használják a
   ".previous-event-card" helyett. Ez valószínűleg egy másolási
   pontatlanság, de a kérésnek megfelelően a kód változtatás
   nélkül maradt.
   ================================================================ */
/* ==================================================
   ESEMÉNYKÁRTYA – MEDIA CARDS STÍLUSÚ HULLÁMMAL
   ================================================== */


/* ==================================================
   ALAPBEÁLLÍTÁSOK
   ================================================== */

.previous-event-card {
    --region-color: #12325b;

    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;

    min-height: 400px;

    border-radius: 28px !important;
    background-color: #12325b !important;
}


/*
 * Az abszolút pozicionált elemek közvetlenül
 * az event-card méretéhez igazodjanak.
 */

.previous-event-card>.e-con-inner {
    position: static !important;
}



/* ==================================================
   TELJES MÉRETŰ HÁTTÉRKÉP
   ================================================== */

.previous-event-card .previous-event-card-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}

.previous-event-card .previous-event-card-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* Enyhe sötétítés a kép alsó részén */

.previous-event-card .previous-event-card-image::after {
    content: "";

    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    background: linear-gradient(180deg,
            rgba(5, 22, 42, 0) 0%,
            rgba(5, 22, 42, 0) 45%,
            rgba(5, 22, 42, 0.08) 65%,
            rgba(5, 22, 42, 0.26) 100%) !important;

    pointer-events: none !important;
}


/* ==================================================
   SZÍNES HULLÁM – FINOMÍTOTT VÁLTOZAT
   ================================================== */

.previous-event-card::before {
    content: "";

    position: absolute !important;

    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: -3% !important;

    z-index: 2 !important;

    width: 106% !important;
    height: 86% !important;
    min-height: 275px !important;
    max-height: 310px !important;

    /*
     * A felső részen valamivel erősebb a szín,
     * így a cím minden képnél jól olvasható.
     */

    background: linear-gradient(180deg,
            color-mix(in srgb, rgba(0, 43, 78, .2) 28%, transparent) 0%,
            color-mix(in srgb, rgba(0, 43, 78, .8) 56%, transparent) 28%,
            color-mix(in srgb, rgba(0, 43, 78, .9) 84%, transparent) 60%,
            rgba(0, 43, 78, .8) 84%,
            rgba(0, 43, 78, .9) 100%) !important;

    /*
     * Laposabb, egyenletesebb hullám.
     * Nem nyúlik bele olyan mélyen a címsorba.
     */

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M0 54 C42 35 81 33 124 46 C169 60 196 72 239 66 C282 60 310 39 353 44 C397 49 421 71 465 67 C508 63 537 49 568 52 C582 53 593 57 600 61 L600 180 L0 180 Z' fill='black'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M0 54 C42 35 81 33 124 46 C169 60 196 72 239 66 C282 60 310 39 353 44 C397 49 421 71 465 67 C508 63 537 49 568 52 C582 53 593 57 600 61 L600 180 L0 180 Z' fill='black'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center bottom !important;
    mask-position: center bottom !important;

    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;

    pointer-events: none !important;
}



/* ==================================================
   FEHÉR DEKORÁCIÓS HULLÁMVONALAK

   Ugyanaz a vonalrajz, mint a Media Cards esetében.
   ================================================== */

.previous-event-card::after {
    content: "";

    position: absolute !important;
    left: -6% !important;
    bottom: 42% !important;
    z-index: 3 !important;

    width: 112% !important;
    height: 92px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 110' preserveAspectRatio='none'%3E%3Cpath d='M-20 35 C25 5 69 4 111 24 C154 45 178 75 222 69 C267 63 290 35 336 40 C381 45 407 75 453 72 C500 69 526 51 560 55 C586 58 609 70 630 81' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' opacity='.62'/%3E%3Cpath d='M-20 54 C25 28 66 25 107 42 C151 60 178 88 226 81 C272 74 300 52 344 57 C390 62 417 87 463 83 C507 79 536 66 569 69 C594 71 614 81 630 91' fill='none' stroke='%23ffffff' stroke-width='1.45' stroke-linecap='round' opacity='.34'/%3E%3Cpath d='M-20 20 C19 35 57 42 98 33 C139 24 169 15 210 25 C255 36 285 55 329 54 C375 53 403 35 446 40 C489 45 520 63 559 65 C588 66 610 63 630 59' fill='none' stroke='%23ffffff' stroke-width='1.1' stroke-linecap='round' opacity='.20'/%3E%3C/svg%3E") !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;

    opacity: 0.8;

    pointer-events: none !important;
}


/* ==================================================
   TARTALMI RÉSZ
   ================================================== */

.previous-event-card .previous-event-card-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 4 !important;

    min-height: auto !important;

    padding: 1.5rem !important;

    color: #ffffff !important;

    /*
     * Fontos: ne legyen külön téglalap alakú háttér,
     * maszk vagy háttérkép a tartalmi konténeren.
     */

    background: transparent !important;
    background-image: none !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;
}



/* A tartalmi elemek mindig a dekoráció felett maradnak */

.previous-event-card .event-card-content>* {
    position: relative !important;
    z-index: 1 !important;
}


/* ==================================================
   BADGE-EK
   ================================================== */

.previous-event-card .badge {
    position: relative;
    z-index: 6;
}


/* ==================================================
   TABLET
   (lásd a szakasz eleji megjegyzést a .event-card
   szelektorról)
   ================================================== */

@media (max-width: 1024px) {

    .event-card {
        min-height: 450px;
    }

    .event-card::before {
        height: 86% !important;
        min-height: 225px !important;
    }

    .event-card::after {
        bottom: 36% !important;
        height: 84px !important;
    }

    .event-card .event-card-content {
        padding: 1.35rem !important;
    }
}


/* ==================================================
   MOBIL
   (lásd a szakasz eleji megjegyzést a .event-card
   szelektorról)
   ================================================== */

@media (max-width: 767px) {

    .event-card {
        min-height: 430px;
        border-radius: 24px !important;
    }

    .event-card::before {
        left: -8% !important;

        width: 116% !important;
        height: 70% !important;
        min-height: 215px !important;
    }

    .event-card::after {
        left: -18% !important;
        bottom: 36% !important;

        width: 136% !important;
        height: 88px !important;
    }

    .event-card .event-card-content {
        padding: 1.15rem !important;
    }
}


/* ================================================================
   13. NÉZD CSAK OLDAL – FŐ VÁLASZTÓ (media-tabs)
   ----------------------------------------------------------------
   Hol: Nézd csak oldal, a Podcast/Blog/Videók/Képek közötti
   Elementor Nested Tabs widget (.media-tabs).
   Mit csinál: piros, "gombos" (box-shadow-eltolásos) tab-fejléc
   design, fehér szöveggel és a --n-tabs-* Elementor változók
   felülírásával, valamint mind a négy fülhöz tartozó egyedi
   ikon (::before, maszkolt SVG-vel, a --tab-icon változón
   keresztül) beállítása.
   ================================================================ */


/* ==========================================
   ELEMENTOR NESTED TABS – PIROS GOMBOS DESIGN
   A widget CSS-osztálya: media-tabs
   ========================================== */

.media-tabs {
    --tab-bg: #f7474e;
    --tab-shadow: #ffb522;
    --tab-shadow-active: #9f2633;
    --tab-text: #ffffff;

    /* Elementor Nested Tabs saját változói */
    --n-tabs-title-background-color: #f7474e;
    --n-tabs-title-background-color-hover: #f7474e;
    --n-tabs-title-background-color-active: #f7474e;

    --n-tabs-title-color: #ffffff;
    --n-tabs-title-color-hover: #ffffff;
    --n-tabs-title-color-active: #ffffff;
}


.media-tabs>.e-n-tabs {
    --n-tabs-title-background-color: #f7474e;
    --n-tabs-title-background-color-hover: #f7474e;
    --n-tabs-title-background-color-active: #f7474e;

    --n-tabs-title-color: #ffffff;
    --n-tabs-title-color-hover: #ffffff;
    --n-tabs-title-color-active: #ffffff;
}


/* ==========================================
   FÜLEK TELJES SORA
   ========================================== */

.media-tabs>.e-n-tabs>.e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;

    width: 100% !important;
    overflow: visible !important;
}


/* ==========================================
   EGY TAB GOMB – NORMÁL ÁLLAPOT
   ========================================== */

.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title {
    position: relative !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;

    margin: 0 !important;
    padding: 16px 24px !important;

    color: var(--tab-text) !important;

    background: var(--tab-bg) !important;
    background-color: var(--tab-bg) !important;
    background-image: none !important;

    border: none !important;
    border-radius: 9px !important;

    box-shadow: 6px 6px 0 var(--tab-shadow) !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer;
    overflow: visible !important;

    transform: none !important;

    transition:
        box-shadow 0.22s ease,
        background-color 0.22s ease !important;
}


/* ==========================================
   HOVER ÉS AKTÍV ÁLLAPOT

   A háttér piros marad.
   Csak az árnyék változik bordóra.
   ========================================== */

.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title:hover,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title:focus,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"] {
    color: var(--tab-text) !important;

    background: var(--tab-bg) !important;
    background-color: var(--tab-bg) !important;
    background-image: none !important;

    border: none !important;

    box-shadow: 6px 6px 0 var(--tab-shadow-active) !important;

    transform: none !important;
}


/* Elementor esetleges háttér-pszeudoelemeinek kikapcsolása */

.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title::before,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* ==========================================
   ELEMENTOR BELSŐ CÍMELRENDEZÉS
   ========================================== */

.media-tabs .e-n-tab-title .e-n-tab-title-text {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    width: auto !important;

    color: #ffffff !important;
    font: inherit !important;
}


/* A szöveg minden állapotban fehér */

.media-tabs .e-n-tab-title:hover .e-n-tab-title-text,
.media-tabs .e-n-tab-title:focus .e-n-tab-title-text,
.media-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    color: #ffffff !important;
}


/* ==========================================
   IKON
   ========================================== */

.media-tabs .tab-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px !important;

    color: #ffffff !important;

    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    border-radius: 0 !important;
}


/* Az ikon minden állapotban fehér */

.media-tabs .e-n-tab-title:hover .tab-icon,
.media-tabs .e-n-tab-title:focus .tab-icon,
.media-tabs .e-n-tab-title[aria-selected="true"] .tab-icon {
    color: #ffffff !important;

    background: transparent !important;
    background-color: transparent !important;
}


/* ==========================================
   KÖZÖS IKONBEÁLLÍTÁS
   ========================================== */

.media-tabs .tab-icon::before {
    content: "";

    display: block;

    width: 22px;
    height: 22px;

    background-color: currentColor;

    -webkit-mask-image: var(--tab-icon);
    mask-image: var(--tab-icon);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* ==========================================
   TAB FOCUS KERET ELTÁVOLÍTÁSA
   ========================================== */

.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title:focus,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title:focus-visible,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"]:focus,
.media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"]:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;

    border: none !important;

    /* A saját aktív árnyék maradjon meg */
    box-shadow: 6px 6px 0 var(--tab-shadow-active) !important;
}


/* ==========================================
   1. PODCAST IKON
   ========================================== */

.media-tabs .e-n-tabs-heading .e-n-tab-title:nth-child(1) {
    --tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M192 0C139 0 96 43 96 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24S16 202.7 16 216v40c0 89.1 66.2 162.7 152 174.4V464H120c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H216V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256V216z'/%3E%3C/svg%3E");
}


/* ==========================================
   2. BLOG IKON
   ========================================== */

.media-tabs .e-n-tabs-heading .e-n-tab-title:nth-child(2) {
    --tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V96c-52-32-118.4-32-170.4-32H48C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48h53.6c52 0 96.6 8.8 148 23.5zm76.8 0c51.4-14.7 96-23.5 148-23.5H528c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H474.4C422.4 64 356 64 304 96V456c0 11.4 11.6 19.3 22.4 15.5z'/%3E%3C/svg%3E");
}


/* ==========================================
   3. VIDEÓK IKON
   ========================================== */

.media-tabs .e-n-tabs-heading .e-n-tab-title:nth-child(3) {
    --tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zm559.1 23.2c10.4 5.7 16.9 16.6 16.9 28.5V332.3c0 11.9-6.5 22.8-16.9 28.5s-23 5.1-32.9-1.6L416 285.7V226.3l110.2-73.5c9.9-6.6 22.5-7.2 32.9-1.6z'/%3E%3C/svg%3E");
}


/* ==========================================
   4. KÉPEK IKON
   ========================================== */

.media-tabs .e-n-tabs-heading .e-n-tab-title:nth-child(4) {
    --tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M448 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zM176 144a48 48 0 1 1-96 0 48 48 0 1 1 96 0zM64 400l112-112 56 56 88-104L448 400H64z'/%3E%3C/svg%3E");
}


/* ==========================================
   BILLENTYŰZETES FÓKUSZ
   ========================================== */

.media-tabs .e-n-tab-title:focus-visible {
    outline: 3px solid rgba(13, 43, 80, 0.35) !important;
    outline-offset: 5px;
}


/* ==========================================
   TARTALMI TERÜLET
   ========================================== */

.media-tabs .e-n-tabs-content {
    margin-top: 36px !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {

    .media-tabs>.e-n-tabs>.e-n-tabs-heading {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title {
        min-height: 60px !important;
        padding: 15px 20px !important;

        font-size: 18px !important;
    }
}


/* ==========================================
   MOBIL
   ========================================== */

@media (max-width: 767px) {

    .media-tabs>.e-n-tabs>.e-n-tabs-heading {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title {
        min-height: 52px !important;

        padding: 12px 10px !important;
        gap: 8px !important;

        border-radius: 7px !important;
        box-shadow: 4px 4px 0 var(--tab-shadow) !important;

        font-size: 14px !important;
    }

    .media-tabs .e-n-tab-title .e-n-tab-title-text {
        gap: 8px !important;
    }

    .media-tabs .tab-icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }

    .media-tabs .tab-icon::before {
        width: 18px;
        height: 18px;
    }

    .media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title:hover,
    .media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title:focus,
    .media-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"] {
        background: var(--tab-bg) !important;
        background-color: var(--tab-bg) !important;

        box-shadow: 4px 4px 0 var(--tab-shadow-active) !important;
    }

    .media-tabs .e-n-tabs-content {
        margin-top: 28px !important;
    }
}


/* ==========================================
   KESKENY MOBIL
   ========================================== */

@media (max-width: 420px) {

    .media-tabs>.e-n-tabs>.e-n-tabs-heading {
        grid-template-columns: 1fr !important;
    }
}

/* ================================================================
   14. NÉZD CSAK OLDAL – BLOG ÉLŐ KERESŐ
   ----------------------------------------------------------------
   Hol: Nézd csak oldal, Blog aloldal (.mente-blog-live-search).
   Mit csinál: JS-alapú élő kereső mező stílusa (átlátszó, sötétkék
   szegélyes mező, hover/fókusz állapotokkal), a találati rács
   (grid) elrendezése, betöltési/üres állapot, valamint a "további
   betöltése" gomb a media-tabs (13. szakasz) piros, "gombos"
   box-shadow-eltolásos dizájnjával összhangban.
   ================================================================ */

.mente-blog-live-search {
    --search-dark: #0d2b50;
    --search-border: rgba(13, 43, 80, 0.28);
    --search-border-hover: rgba(13, 43, 80, 0.55);
    --search-placeholder: rgba(13, 43, 80, 0.58);

    --button-bg: #f7474e;
    --button-shadow: #ffb522;
    --button-shadow-active: #9f2633;

    --search-radius: 9px;

    width: 100%;
}


/* ==========================================
   KERESŐFORM
   ========================================== */

.mente-blog-search-form {
    margin: 0 0 28px;
}

.mente-blog-search-field {
    position: relative;

    width: 100%;
    max-width: 680px;

    margin: 0;
}


/* ==========================================
   KERESŐMEZŐ
   ========================================== */

.mente-blog-search-input {
    display: block;

    width: 100%;
    min-height: 62px;

    margin: 0 !important;
    padding: 16px 56px 16px 54px !important;

    color: var(--search-dark) !important;

    background: transparent !important;
    background-color: white !important;
    background-image: none !important;

    border: 0px solid var(--search-border) !important;
    border-radius: var(--search-radius) !important;

    box-shadow: none !important;
    outline: none !important;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    transition:
        color 0.22s ease,
        border-color 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* Placeholder */

.mente-blog-search-input::placeholder {
    color: var(--search-placeholder) !important;
    opacity: 1;
}


/* Hover */

.mente-blog-search-input:hover {
    color: var(--search-dark) !important;

    background-color: white !important;

    border-color: var(--search-border-hover) !important;

    box-shadow: none !important;
}


/* Fókusz */

.mente-blog-search-input:focus,
.mente-blog-search-input:focus-visible {
    color: var(--search-dark) !important;

    background: rgba(255, 255, 255, 0.28) !important;
    background-color: white !important;

    border-color: var(--search-dark) !important;

    box-shadow:
        0 0 0 3px rgba(13, 43, 80, 0.1) !important;

    outline: none !important;
}


/* ==========================================
   KERESÉS IKON
   ========================================== */

.mente-blog-search-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 2;

    width: 21px;
    height: 21px;

    color: var(--search-dark);

    transform: translateY(-50%);
    pointer-events: none;
}

.mente-blog-search-icon::before {
    content: "";

    display: block;

    width: 100%;
    height: 100%;

    background-color: currentColor;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.5 3a7.5 7.5 0 1 0 4.71 13.34l4.72 4.73a1 1 0 0 0 1.42-1.42l-4.73-4.72A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E") center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.5 3a7.5 7.5 0 1 0 4.71 13.34l4.72 4.73a1 1 0 0 0 1.42-1.42l-4.73-4.72A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E") center / contain no-repeat;
}


/* ==========================================
   TÖRLÉS GOMB
   ========================================== */

.mente-blog-search-clear {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--search-dark) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    font-size: 25px;
    font-weight: 400;
    line-height: 1;

    transform: translateY(-50%) !important;
    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease !important;
}

.mente-blog-search-clear:hover,
.mente-blog-search-clear:focus {
    color: var(--search-dark) !important;

    background: rgba(13, 43, 80, 0.1) !important;
    background-color: rgba(13, 43, 80, 0.1) !important;

    border: none !important;
    box-shadow: none !important;

    transform: translateY(-50%) !important;
    outline: none !important;
}


/* ==========================================
   ÁLLAPOTÜZENET
   ========================================== */

.mente-blog-search-status {
    min-height: 22px;
    margin: 0 0 14px;

    color: rgba(13, 43, 80, 0.72);

    font-size: 14px;
    font-weight: 500;
}


/* ==========================================
   TALÁLATI RÁCS
   ========================================== */

.mente-blog-search-results {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.mente-blog-search-card {
    min-width: 0;
}


/* ==========================================
   BETÖLTÉSI ÁLLAPOT
   ========================================== */

.mente-blog-live-search.is-loading .mente-blog-search-results {
    opacity: 0.55;
    pointer-events: none;
}


/* ==========================================
   NINCS TALÁLAT
   ========================================== */

.mente-blog-search-empty {
    padding: 38px 24px;

    color: var(--search-dark);

    background: transparent;
    background-color: transparent;

    border: 2px solid var(--search-border);
    border-radius: var(--search-radius);

    box-shadow: none;

    text-align: center;
}

.mente-blog-search-empty strong,
.mente-blog-search-empty span {
    display: block;
}

.mente-blog-search-empty strong {
    margin-bottom: 8px;

    color: var(--search-dark);

    font-size: 20px;
    font-weight: 700;
}

.mente-blog-search-empty span {
    color: rgba(13, 43, 80, 0.68);
}


/* ==========================================
   TOVÁBBIAK BETÖLTÉSE
   ========================================== */

.mente-blog-load-more-wrapper {
    display: flex;
    justify-content: center;

    margin-top: 34px;
    padding: 0 6px 6px 0;
}

.mente-blog-load-more {
    min-height: 56px;

    margin: 0 !important;
    padding: 14px 28px !important;

    color: #ffffff !important;

    background: var(--button-bg) !important;
    background-color: var(--button-bg) !important;
    background-image: none !important;

    border: none !important;
    border-radius: var(--search-radius) !important;

    box-shadow:
        6px 6px 0 var(--button-shadow) !important;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;

    cursor: pointer;

    transform: none !important;

    transition:
        box-shadow 0.22s ease,
        opacity 0.22s ease !important;
}


/* Hover és fókusz */

.mente-blog-load-more:hover,
.mente-blog-load-more:focus {
    color: #ffffff !important;

    background: var(--button-bg) !important;
    background-color: var(--button-bg) !important;
    background-image: none !important;

    border: none !important;

    box-shadow:
        6px 6px 0 var(--button-shadow-active) !important;

    transform: none !important;
    outline: none !important;
}


/* Letiltott állapot */

.mente-blog-load-more:disabled {
    opacity: 0.65;

    color: #ffffff !important;

    background: var(--button-bg) !important;
    background-color: var(--button-bg) !important;

    box-shadow:
        6px 6px 0 var(--button-shadow-active) !important;

    cursor: wait;
    transform: none !important;
}


/* ==========================================
   HIDDEN TULAJDONSÁG MEGTARTÁSA
   ========================================== */

.mente-blog-live-search [hidden] {
    display: none !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {

    .mente-blog-search-results {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* ==========================================
   MOBIL
   ========================================== */

@media (max-width: 767px) {

    .mente-blog-search-form {
        margin-bottom: 22px;
    }

    .mente-blog-search-field {
        width: 100%;
        margin: 0;
    }

    .mente-blog-search-input {
        min-height: 54px;

        padding: 12px 48px 12px 46px !important;

        border: 2px solid var(--search-border) !important;
        border-radius: 7px !important;

        box-shadow: none !important;

        font-size: 15px;
    }

    .mente-blog-search-input:hover {
        border-color: var(--search-border-hover) !important;
        box-shadow: none !important;
    }

    .mente-blog-search-input:focus,
    .mente-blog-search-input:focus-visible {
        border-color: var(--search-dark) !important;

        box-shadow:
            0 0 0 3px rgba(13, 43, 80, 0.1) !important;
    }

    .mente-blog-search-icon {
        left: 16px;

        width: 18px;
        height: 18px;
    }

    .mente-blog-search-clear {
        right: 7px;

        width: 36px;
        height: 36px;

        font-size: 22px;
    }

    .mente-blog-search-results {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mente-blog-search-empty {
        padding: 32px 18px;

        border-radius: 7px;
    }

    .mente-blog-load-more-wrapper {
        margin-top: 28px;
        padding: 0 4px 4px 0;
    }

    .mente-blog-load-more {
        min-height: 52px;

        padding: 13px 22px !important;

        border-radius: 7px !important;

        box-shadow:
            4px 4px 0 var(--button-shadow) !important;

        font-size: 14px;
    }

    .mente-blog-load-more:hover,
    .mente-blog-load-more:focus,
    .mente-blog-load-more:disabled {
        box-shadow:
            4px 4px 0 var(--button-shadow-active) !important;
    }
}

/* ================================================================
   15. NÉZD CSAK OLDAL – KÉPGALÉRIA (JELENLEG INAKTÍV)
   ----------------------------------------------------------------
   Hol: Nézd csak oldal, galéria album nézet.
   Állapot: a teljes szabályblokk kommentben van, tehát jelenleg
   NEM fut le / nincs hatással az oldalra. Meghagyva, mert
   valószínűleg később újra bekapcsolásra kerül.
   ================================================================ */
/* .gallery-album-images {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.gallery-album-image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 20px;
}

.gallery-album-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.gallery-album-image:hover img {
    transform: scale(1.05);
}

.gallery-album-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.gallery-album-back {
    border: 0;
    border-radius: 999px;
    padding: 12px 20px;
    background: #ffc21c;
    color: #0d2b50;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .gallery-album-images {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gallery-album-images {
        grid-template-columns: 1fr;
    }
} */

/* ================================================================
   16. NÉZD CSAK OLDAL – PODCAST KÁRTYA
   ----------------------------------------------------------------
   Hol: Nézd csak oldal, Podcast aloldal (.podcast-card).
   Mit csinál: a podcast leírás szövegét 3 sorra vágja (line-clamp).
   ================================================================ */
.podcast-card .podcast-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* ================================================================
   17. NÉZD CSAK OLDAL – GALÉRIA MAPPA KÁRTYA
   ----------------------------------------------------------------
   Hol: Nézd csak oldal, galériamappákat listázó Elementor CTA
   kártyák (.gallery-folder-card).
   Mit csinál: kerekített sarok, alsó sötétítő overlay-átmenet a
   kép fölött, a "Megnézem" gomb egyedi stílusa jobbra mutató
   nyíl ikonnal (SVG maszkkal).
   ================================================================ */
/* Kártya alap */
.gallery-folder-card .elementor-cta {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}


/* Alsó átmenet */
.gallery-folder-card .elementor-cta__bg-overlay {
    background:
        linear-gradient(to bottom,
            rgba(7, 31, 62, 0) 10%,
            rgba(7, 31, 62, .08) 38%,
            rgba(65, 52, 102, .42) 65%,
            rgba(26, 49, 86, .82) 86%,
            #0b2b4f 100%) !important;
}

/* Tartalom maradjon az overlay felett */
.gallery-folder-card .elementor-cta__content {
    position: relative;
    z-index: 2;
}


/* Megnézem gomb */
.gallery-folder-card .elementor-cta__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;

    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Jobbra mutató nyíl */
.gallery-folder-card .elementor-cta__button::after {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;

    background-color: currentColor;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    transition: transform .25s ease;
}


/* Hover animáció */
.gallery-folder-card:hover .elementor-cta__button::after {
    /*transform: translateX(4px);*/
}

.gallery-folder-card h3 {
    margin-bottom: 5px !important;
}

/* ================================================================
   18. NÉZD CSAK OLDAL – GALÉRIA KÁRTYA (gallery-card)
   ----------------------------------------------------------------
   Hol: Nézd csak oldal, Képek aloldal – egy galérián belüli képes
   kártyák (.gallery-card).
   Mit csinál: az event-card (7. szakasz) felépítésére épül – teljes
   kártyás háttérkép, alul hullámos SVG alakzat (.gallery-card-shape),
   arra rétegzett tartalom (.gallery-card-content).
   ================================================================ */

/* =====================================================
   GALLERY KÁRTYA
   Az EVENT CARD működésére építve
   ===================================================== */


/* =====================================================
   FŐ KÁRTYA
   ===================================================== */

.gallery-card {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    width: 100%;
    min-height: 460px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 1.5em;

    /*
     * A háttérképet Elementorban:
     * Dynamic → Featured Image
     */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* =====================================================
   ALSÓ TARTALMI RÉSZ
   ===================================================== */

.gallery-card-bottom {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    overflow: visible;
}


/* =====================================================
   SVG HÁTTÉR
   ===================================================== */

.gallery-card-shape {
    position: absolute !important;

    /*
     * Felfelé túlnyúlik a tartalmon,
     * így a hullám ráúszik a háttérképre.
     */
    top: -35px;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100% !important;
    height: auto !important;

    min-width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0;

    z-index: 0;

    pointer-events: none;
}


/* =====================================================
   SVG
   ===================================================== */

.gallery-card-shape>svg {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0;
    padding: 0;
}


/* =====================================================
   TARTALOM
   ===================================================== */

.gallery-card-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;

    padding: 60px 24px 28px;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .gallery-card {
        min-height: 480px;
    }

    .gallery-card-shape {
        top: -40px;
    }

    .gallery-card-content {
        padding: 65px 24px 28px;
    }

}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .gallery-card {
        min-height: 450px;
    }

    .gallery-card-shape {
        top: -45px;
    }

    .gallery-card-content {
        padding: 70px 20px 24px;
    }

}

/* ================================================================
   19. BLOG KÁRTYA – FŐ BLOG KÁRTYA
   ----------------------------------------------------------------
   Kép felül, alatta hullámos SVG háttér.
   A tartalom alulra igazodik, így az eltérő címhosszok miatti
   plusz üres hely a tartalom fölött jelenik meg.
   ================================================================ */


/* =====================================================
   FŐ KÁRTYA
   ===================================================== */

.blog-card {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 18px;
}


/* =====================================================
   KÉP
   ===================================================== */

.blog-card-image {
    position: relative;
    z-index: 1;

    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    aspect-ratio: 1.45 / 1;

    /* Featured image a keresőből */
    background-image: var(--blog-card-featured-image);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.blog-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    margin: 0;
    padding: 0;
}


/* =====================================================
   ALSÓ TARTALMI RÉSZ
   ===================================================== */

.blog-card-bottom {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-height: 300px;

    margin-top: -24px;

    padding: 0;

    overflow: visible;
}


/* =====================================================
   SVG HÁTTÉR
   ===================================================== */

.blog-card-shape {
    position: absolute !important;

    top: -25px;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0;

    z-index: 0;

    pointer-events: none;
}


/* Elementor HTML widget wrapper */

.blog-card-shape .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    line-height: 0;
}


/* Maga az SVG */

.blog-card-shape svg {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    transform: scaleY(1.08);
    transform-origin: center bottom;
}


/* =====================================================
   TARTALOM
   ===================================================== */

.blog-card-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: 100%;

    /*
     * Ez tolja le az egész tartalmi blokkot
     * az alsó konténer legaljára.
     *
     * Így rövidebb cím esetén a plusz hely
     * FELÜL marad, nem az "Olvass tovább" alatt.
     */
    margin-top: auto;

    /*
     * A felső padding a hullám miatt továbbra is kell.
     */
    padding: 52px 24px 28px;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .blog-card-shape {
        top: -28px;
    }

    .blog-card-shape svg {
        transform: scaleY(1.12);
    }

    .blog-card-content {
        padding: 56px 24px 28px;
    }

}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .blog-card-bottom {
        margin-top: -36px;
    }

    .blog-card-shape {
        top: -12px;
    }

    .blog-card-shape svg {
        transform: scaleY(1.08);
        transform-origin: center bottom;
    }

    .blog-card-content {
        padding: 48px 20px 24px;
    }

}


/* ================================================================
   20. BLOG BEJEGYZÉS KÁRTYA – OLVASÁSI IDŐ BADGE
   ----------------------------------------------------------------
   Hol: globális komponens — blogbejegyzés kártyákon megjelenő
   "X perc olvasás" badge (.reading-time).
   Mit csinál: fehér alapon sötét szöveg, óra ikon sárga színnel.
   ================================================================ */
.reading-time {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;

    width: max-content !important;
    max-width: 100%;

    padding: 0.5rem 0.85rem !important;
    border-radius: 999px !important;

    background-color: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 0.25rem 1rem rgba(25, 36, 48, 0.12);

    color: #1f2937 !important;
    font-family: "Montserrat", sans-serif;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

.reading-time i {
    color: #FFC21C;
}

/* ================================================================
   21. PÉNZTÁR – WOOCOMMERCE CHECKOUT TESTRESZABÁS
   ----------------------------------------------------------------
   Hol: WooCommerce Pénztár (checkout) oldal.
   Mit csinál: elrejti a szállítási mód / átvételi pont blokkot,
   valamint egységesíti a checkout űrlap és összesítő szövegek
   betűméretét.
   ================================================================ */
.wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout-pickup-options-block {
    display: none !important;
}

.wc-block-components-checkbox__label,
.wc-block-components-textarea,
.wc-block-components-checkbox__label {
    font-size: 1rem;
}

.wc-block-components-radio-control__label-group span {
    font-size: 1rem;
}

/* ================================================================
   22. FIÓKOM / BEJELENTKEZÉS
   ----------------------------------------------------------------
   Hol: Wordpress fiókom oldal.
   Mit csinál: login form testreszabása
   ================================================================ */

/* ==================================================
   WOOCOMMERCE – BEJELENTKEZÉSI ŰRLAP
   ================================================== */
.account-section h2 {
    display: none;
}

.woocommerce form.woocommerce-form-login {
    width: 100%;
    max-width: 560px;
    height: auto !important;
    margin: 0 auto !important;
    padding: 36px !important;

    background: #ffffff;
    border: 1px solid rgba(18, 50, 91, 0.10) !important;
    border-radius: 24px !important;

    box-shadow:
        0 18px 45px rgba(18, 50, 91, 0.08),
        0 3px 10px rgba(18, 50, 91, 0.04);
}


/* ==================================================
   MEZŐSOROK
   ================================================== */

.woocommerce form.woocommerce-form-login .form-row {
    margin: 0 0 20px;
    padding: 0;
}


/* ==================================================
   CÍMKÉK
   ================================================== */

.woocommerce form.woocommerce-form-login label {
    display: block;
    margin: 0 0 8px;

    color: #12325b;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}

.woocommerce form.woocommerce-form-login .required {
    color: #ef4b4c;
}


/* ==================================================
   BEVITELI MEZŐK
   ================================================== */

.woocommerce form.woocommerce-form-login input.input-text {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px;

    color: #12325b;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.4;

    background: #f5f7fa;
    border: 1px solid #dce3eb;
    border-radius: 12px;

    outline: none;
    box-shadow: none;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.woocommerce form.woocommerce-form-login input.input-text:hover {
    border-color: #b7c4d3;
}

.woocommerce form.woocommerce-form-login input.input-text:focus {
    background: #ffffff;
    border-color: #ffc533;

    box-shadow:
        0 0 0 4px rgba(255, 197, 51, 0.18);
}


/* ==================================================
   JELSZÓ MEZŐ
   ================================================== */

.woocommerce form.woocommerce-form-login .password-input {
    display: block;
    position: relative;
}

.woocommerce form.woocommerce-form-login .password-input input {
    padding-right: 52px;
}

.woocommerce form.woocommerce-form-login .show-password-input {
    position: absolute;
    top: 50%;
    right: 16px;

    width: 24px;
    height: 24px;
    padding: 0;

    color: #65758a;
    background: transparent;
    border: 0;

    transform: translateY(-50%);
    cursor: pointer;
}

.woocommerce form.woocommerce-form-login .show-password-input:hover {
    color: #12325b;
}


/* ==================================================
   EMLÉKEZZ RÁM + BELÉPÉS GOMB
   ================================================== */

.woocommerce form.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 6px;
    margin-bottom: 18px;
}

.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin: 0;
    cursor: pointer;
}

.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme input {
    width: 18px;
    height: 18px;
    margin: 0;

    accent-color: #12325b;
    cursor: pointer;
}

.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme span {
    color: #495b70;
    font-size: 0.9rem;
    font-weight: 500;
}


/* Belépés gomb */

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit {
    min-height: 50px;
    margin: 0 !important;
    padding: 12px 25px !important;

    color: #12325b !important;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;

    background: #ffc533 !important;
    border: 0 !important;
    border-radius: 100px !important;

    box-shadow: none;
    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit:hover {
    color: #ffffff !important;
    background: #12325b !important;

    box-shadow: 0 8px 20px rgba(18, 50, 91, 0.18);
    transform: translateY(-2px);
}

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit:active {
    transform: translateY(0);
}


/* ==================================================
   ELFELEJTETT JELSZÓ
   ================================================== */

.woocommerce form.woocommerce-form-login .lost_password {
    margin: 0;
    text-align: center;
}

.woocommerce form.woocommerce-form-login .lost_password a {
    color: #12325b;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;

    transition: color 0.2s ease;
}

.woocommerce form.woocommerce-form-login .lost_password a:hover {
    color: #d79d00;
    text-decoration: underline;
    text-underline-offset: 4px;
}


/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {

    .woocommerce form.woocommerce-form-login {
        padding: 24px 20px !important;
        border-radius: 18px !important;
    }

    .woocommerce form.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit {
        width: 100%;
    }

}

/* ================================================================
   23. BLOG BEJEGYZÉS TARTALOM – FORMÁZÁS (post-content)
   ----------------------------------------------------------------
   Hol: Blogbejegyzés oldal, a bejegyzés törzsszövege
   (.post-content).
   Mit csinál: a beágyazott képek (figure) teljes szélességet és
   lekerekített sarkot kapnak, valamint a címsorok (h2/h3/h4)
   margója attól függ, hogy megelőzi-e őket bekezdés.
   ================================================================ */

.post-content figure {
    width: 100% !important;
    max-width: 100% !important;
    margin: 30px 0;
}

.post-content figure img {
    border-radius: 1em;
}

/* Alapból a címsoroknak nincs felső margójuk */
.post-content>:is(h2, h3, h4) {
    margin-top: 0 !important;
}

/* Csak akkor kapnak margót, ha korábban már volt bekezdés */
.post-content>p~:is(h2, h3, h4) {
    margin-top: 2rem !important;
}/* End custom CSS */