/* =========================================================================
   Kárpátok-Tisza Közalapítvány – egyedi márkastílusok (kiindulási alap)
   -------------------------------------------------------------------------
   Ezek óvatos, jól dokumentált felülírások az Oxpins sablonhoz, hogy az
   oldal a közalapítvány zöld/kék színvilágát kövesse. Bátran módosítsd!
   A legtöbb látványelem ezen felül az Elementor szerkesztőben (oldalanként)
   és a Megjelenés → Testreszabás felületén is állítható.

   Márkaszínek:
     Zöld (elsődleges)   #1f7a3d
     Sötétzöld           #14532d
     Kék (másodlagos)    #1565c0
     Világos háttér      #f4f7f4
   ========================================================================= */

:root {
    --kati-green: #1f7a3d;
    --kati-green-dark: #14532d;
    --kati-blue: #1565c0;
    --kati-light: #f4f7f4;
}

/* --- Linkek --- */
a {
    color: var(--kati-green);
}
a:hover,
a:focus {
    color: var(--kati-green-dark);
}

/* --- Elsődleges gombok (téma + Elementor alapértelmezett) --- */
.theme-btn,
.main-menu .main-menu__list > li > .btn,
button.btn-primary,
.wp-block-button__link,
input[type="submit"],
.wpcf7 input[type="submit"] {
    background-color: var(--kati-green) !important;
    border-color: var(--kati-green) !important;
    color: #ffffff !important;
}
.theme-btn:hover,
button.btn-primary:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
    background-color: var(--kati-green-dark) !important;
    border-color: var(--kati-green-dark) !important;
}

/* --- Címsorok hangsúlyszíne, ahol a téma "accent" színt használ --- */
.section-title__tagline,
.block-title__tagline {
    color: var(--kati-blue);
}

/* --- Világos szekció-háttér segédosztály (Elementorban is használható) --- */
.kati-bg-light {
    background-color: var(--kati-light);
}

/* --- Lábléc kiemelt linkek --- */
.site-footer a:hover {
    color: #ffffff;
}

/* --- Űrlap (Contact Form 7) finomítás --- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    border: 1px solid #d5ddd5;
    border-radius: 4px;
    padding: 12px 14px;
    width: 100%;
}
.wpcf7 label {
    display: block;
    margin-bottom: 16px;
    font-weight: 600;
}

/* =========================================================================
   ELEMENTOR DIZÁJN-RÉTEG – a natív, szerkeszthető widgetekhez
   (kezdőlap / névjegy / üzenetküldés). Minden elem külön szerkeszthető
   az Elementorban; ez a réteg adja a "látványos" keretet: kártyák, ikon-
   jelvények, statisztikák, hero- és CTA-sávok. Bátran módosítható.
   ========================================================================= */

/* -- "eyebrow" felirat (kis, ritkított, nagybetűs) -- */
.kati-eyebrow .elementor-heading-title{
    text-transform:uppercase; letter-spacing:.13em; font-size:13px;
    font-weight:700; color:var(--kati-blue);
}
.kati-eyebrow-light .elementor-heading-title{ color:#c6f4d8; }

/* -- alcím / bevezető a szekciók tetején -- */
.kati-sub .elementor-text-editor{ max-width:730px; margin:0 auto; color:#52635a; font-size:17px; }
.kati-sub-left .elementor-text-editor{ color:#52635a; }
.kati-hero-lead .elementor-text-editor{ font-size:clamp(16px,2.1vw,20px); max-width:720px; margin:0 auto; }
.kati-cta-lead .elementor-text-editor{ max-width:650px; margin:0 auto; }

/* -- HERO / CTA sávok (tartalék háttér, ha az Elementor CSS még nem generálódott) -- */
.kati-hero{ position:relative; overflow:hidden;
    background:linear-gradient(135deg,#1f7a3d,#14532d); }
.kati-hero::after{ content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(circle at 82% 18%, rgba(255,255,255,.12), transparent 46%),
               radial-gradient(circle at 12% 90%, rgba(255,255,255,.07), transparent 42%); }
.kati-hero > .elementor-container{ position:relative; z-index:1; }
.kati-cta{ background:linear-gradient(135deg,#1f7a3d,#14532d); }
.kati-stats{ background:#14532d; }

/* gombok a hero alján egymás mellé, középre */
.kati-herobtns > .elementor-container{ justify-content:center; }

/* -- gombok finomítása -- */
.kati-btn .elementor-button{ font-weight:700; padding:14px 27px; border-radius:9px; }
.kati-btn-ghost .elementor-button{
    background:transparent; border:2px solid rgba(255,255,255,.6); color:#fff;
}
.kati-btn-ghost .elementor-button:hover{ background:rgba(255,255,255,.14); }
.kati-btn-light .elementor-button:hover{ background:#e6f6ec; }

/* -- STATISZTIKÁK (counter) -- */
.kati-stats .elementor-counter-number-wrapper{ font-size:38px; font-weight:800; color:#fff; }
.kati-stats .elementor-counter-title{ color:#bfe3cc; font-size:14px; margin-top:6px; font-weight:600; }
.kati-statcol{ text-align:center; }

/* -- KÁRTYÁK (icon-box) -- */
.kati-card{ background:#fff; border:1px solid #e7ede8; border-radius:15px;
    padding:30px; box-shadow:0 12px 32px rgba(20,83,45,.07);
    transition:transform .2s ease, box-shadow .2s ease; height:100%; }
.kati-card:hover{ transform:translateY(-5px); box-shadow:0 20px 46px rgba(20,83,45,.13); }
.kati-card .elementor-icon-box-title{ margin-bottom:.4em; }
.kati-card .elementor-icon-box-title,
.kati-card .elementor-icon-box-title a{ color:#14532d; font-weight:800; font-size:20px; }
.kati-card .elementor-icon-box-description{ color:#56655c; margin:0; }

/* ikon-jelvény (színes lekerekített háttér az ikon mögött) */
.kati-card .elementor-icon{
    width:62px; height:62px; border-radius:15px; display:inline-flex;
    align-items:center; justify-content:center; background:#eafaf0; color:#1f7a3d;
    font-size:27px; transition:.2s;
}
.kati-card .elementor-icon svg{ width:28px; height:28px; }
.kati-card.kati-card-blue .elementor-icon{ background:#e7f0fb; color:#1565c0; }
.kati-card.kati-card-warm .elementor-icon{ background:#fdeeee; color:#c0392b; }

/* sor-elrendezésű kártya (ikon balra) */
.kati-card.kati-row .elementor-icon-box-icon{ margin-bottom:0; }
.kati-card.kati-row .elementor-icon{ width:54px; height:54px; border-radius:13px; font-size:24px; }

/* vezetői kártyák */
.kati-leader .elementor-icon-box-title,
.kati-leader .elementor-icon-box-title a{ font-size:18px; }
.kati-leader .elementor-icon-box-description{ color:#1565c0; font-weight:600; }

/* -- IKON-LISTÁK (adatok, alapítók, elérhetőség) -- */
.kati-iconlist .elementor-icon-list-item{
    padding:11px 0; border-bottom:1px dashed #e3ebe5; align-items:flex-start;
}
.kati-iconlist .elementor-icon-list-item:last-child{ border-bottom:0; }
.kati-iconlist .elementor-icon-list-icon{ color:#1f7a3d; padding-top:4px; }
.kati-iconlist .elementor-icon-list-text{ color:#46584c; }
.kati-iconlist-cta .elementor-icon-list-items{ display:inline-flex; flex-wrap:wrap;
    gap:10px 26px; justify-content:center; }
.kati-iconlist-cta .elementor-icon-list-item{ border:0; padding:4px 0; }
.kati-iconlist-cta .elementor-icon-list-icon{ color:#bff3d2; }
.kati-iconlist-cta .elementor-icon-list-text{ color:#eafaf0; font-weight:600; }

/* "dobozos" oszlop / blokk (névjegy adatok, alapítók, kapcsolat) */
.kati-box, .kati-col-box{
    background:#fff; border:1px solid #e7ede8; border-radius:15px; padding:28px 30px;
}

/* hosszabb szöveg (prose) listái */
.kati-prose .elementor-text-editor ul{ margin:.4em 0 1.1em; padding-left:1.15em; }
.kati-prose .elementor-text-editor li{ margin:.3em 0; }

/* -- KAPCSOLATI ŰRLAP (Contact Form 7) -- kártyás megjelenés */
.wpcf7{ background:#fff; border:1px solid #e6ece6; border-radius:16px;
    padding:30px clamp(20px,4vw,38px); box-shadow:0 18px 48px -30px rgba(20,83,45,.5); }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{ background:#fcfdfc; border-radius:10px; }
.wpcf7 input[type="submit"]{ border-radius:10px; padding:14px 32px; }

/* =========================== reszponzív =========================== */
@media (max-width: 1024px){
    .kati-stats .elementor-counter-number-wrapper{ font-size:30px; }
}

/* =========================================================================
   JAVÍTÁSOK
   ========================================================================= */

/* 1) Az Elementorral épített oldalakon (saját hero-fejléccel) elrejtjük a téma
   beépített oldalcím-sávját ("Kezdőlap", "Névjegy", "Üzenet küldés").
   A többi oldalon (Események, Fórumok, Adatkezelés) megmarad. */
.home .page-header,
.page-id-10 .page-header,
.page-id-11 .page-header,
.page-id-14 .page-header {
    display: none !important;
}

/* 2) Lábléc – jól olvasható, világos szöveg a sötét (#212d2b) háttéren */
.site-footer__bottom-text,
.site-footer__bottom-text a {
    color: #dfe8e4 !important;
}
.site-footer__bottom-text a:hover {
    color: #ffffff !important;
}