/*
Theme Name: Thuróczy Child
Theme URI: https://richardthuroczy.com/
Description: Astra child theme for richardthuroczy.com. Yandex Sans Display tipográfia, 5 brand-szín, sávritmus, brand-safety + idézet csík, Hagyj nyomot szekció. Implementálva 2026.
Author: Thuróczy Richard
Template: astra
Version: 1.0.0
Text Domain: thuroczy-child
*/

/* =====================================================================
   1. YANDEX SANS DISPLAY @font-face
   ===================================================================== */
@font-face {
  font-family: 'Yandex Sans Display';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('fonts/YandexSansDisplay-Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'Yandex Sans Display';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/YandexSansDisplay-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Yandex Sans Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/YandexSansDisplay-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Yandex Sans Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/YandexSansDisplay-RegularItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Yandex Sans Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/YandexSansDisplay-Bold.woff2') format('woff2');
}

/* =====================================================================
   2. BRAND TOKENS (CSS variables)
   - Az Astra Customizerben is beállítjuk ugyanezeket Global Colors-ként.
   - Itt CSS-változókként is, hogy az egyedi szekciók ezekre tudjanak hivatkozni.
   ===================================================================== */
:root {
  --t-ink:        #0E0E0C;
  --t-forest:     #1A2208;
  --t-lime:       #B3FD1E;
  --t-chartreuse: #B9D24A;
  --t-paper:      #FAF8F3;
  --t-paper-deep: #F2EFE6;

  --t-line-light: rgba(14,14,12,0.12);
  --t-line-dark:  rgba(250,248,243,0.12);
  --t-muted-light: rgba(14,14,12,0.55);
  --t-muted-dark:  rgba(250,248,243,0.6);

  --t-font: 'Yandex Sans Display', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --t-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}

/* Globális betűcsalád override (Astra Customizer + ez együtt garantálja) */
body,
.ast-container,
.entry-content,
.widget,
button,
input,
select,
textarea {
  font-family: var(--t-font);
}

/* =====================================================================
   3. NAV (Astra Pro Header Builder) - DARK
   - Astra Header Builder beállítja a struktúrát; itt csak a brand-szabályok.
   ===================================================================== */
.ast-primary-header-bar,
.main-header-bar,
header.site-header {
  background-color: var(--t-ink) !important;
  border-bottom: 1px solid var(--t-line-dark);
}

.main-header-bar .site-title a,
.main-header-bar .site-logo-img,
header .ast-builder-html-element {
  color: var(--t-paper) !important;
}

/* Menü FULL CAPS */
.main-header-menu .menu-item > a,
.ast-builder-menu .menu-item > a {
  color: rgba(250,248,243,0.85) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: var(--t-font) !important;
}
.main-header-menu .menu-item > a:hover,
.main-header-menu .menu-item.current-menu-item > a,
.ast-builder-menu .menu-item > a:hover {
  color: var(--t-lime) !important;
}
.main-header-menu .menu-item > a::after { display: none; }
.main-header-menu .menu-item > a {
  position: relative;
  padding-bottom: 6px !important;
}
.main-header-menu .menu-item > a:hover::before {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--t-lime);
}

/* Logo melletti lime függőleges csík (3px szélesség) */
.site-branding .site-title::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 18px;
  background: var(--t-lime);
  margin-right: 10px;
  vertical-align: -3px;
}

/* =====================================================================
   4. HERO SZEKCIÓ - sötét (ink)
   - Egy Spectra Container-ből épül, a tartalom-elemző div-eket nem írom át;
     csak hozzáadunk egy .home-hero class-t a Container-hez az Astra block panelben.
   ===================================================================== */
.home-hero {
  background-color: var(--t-ink) !important;
  color: var(--t-paper);
  position: relative;
  padding-top: 96px !important;
  padding-bottom: 72px !important;
}
.home-hero::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--t-lime);
  z-index: 1;
}
.home-hero .wp-block-uagb-advanced-heading h1 {
  color: var(--t-paper) !important;
  font-weight: 700 !important;
  font-size: clamp(40px, 5.5vw, 72px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 16px !important;
}
.home-hero .hero-kicker {
  font-family: var(--t-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t-lime);
  margin-bottom: 28px;
}
.home-hero .hero-tagline {
  font-family: var(--t-font);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.2;
  color: var(--t-lime);
  margin-bottom: 32px;
  letter-spacing: -0.005em;
}
.home-hero .hero-lede {
  font-weight: 300;
  font-size: clamp(19px, 1.8vw, 24px);
  line-height: 1.45;
  color: rgba(250, 248, 243, 0.85);
  max-width: 560px;
  margin-bottom: 42px;
}

/* Hero CTA gombok - secondary outline + primary lime */
.home-hero .wp-block-buttons {
  gap: 12px;
}
.home-hero .wp-block-button .wp-block-button__link {
  font-family: var(--t-font) !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  padding: 14px 22px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--t-paper) !important;
  border: 1px solid rgba(250,248,243,0.35) !important;
  transition: all 0.15s !important;
}
.home-hero .wp-block-button .wp-block-button__link:hover {
  background: var(--t-paper) !important;
  color: var(--t-ink) !important;
  border-color: var(--t-paper) !important;
}
.home-hero .wp-block-button.is-style-primary .wp-block-button__link {
  background: var(--t-lime) !important;
  color: var(--t-ink) !important;
  border-color: var(--t-lime) !important;
  font-weight: 700 !important;
}
.home-hero .wp-block-button.is-style-primary .wp-block-button__link:hover {
  background: var(--t-chartreuse) !important;
  border-color: var(--t-chartreuse) !important;
}

/* =====================================================================
   5. BRAND-SAFETY MICROBLOCK (Hero alatt, ink folytatás)
   ===================================================================== */
.brand-safety {
  background-color: var(--t-ink) !important;
  color: var(--t-paper);
  position: relative;
  padding-top: 32px !important;
  padding-bottom: 56px !important;
}
.brand-safety::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--t-lime);
  z-index: 1;
}
.brand-safety .wp-block-uagb-advanced-heading,
.brand-safety p {
  border-top: 1px solid rgba(250,248,243,0.12);
  padding-top: 32px;
}
.brand-safety p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(250,248,243,0.72);
  max-width: 780px;
  padding-left: 12px;
}
.brand-safety p strong {
  font-weight: 700;
  color: var(--t-paper);
}

/* =====================================================================
   6. IDÉZET CSÍK (Hero blokk vége, ink, italic light, lime nyitó jel)
   ===================================================================== */
.quote-strip {
  background-color: var(--t-ink) !important;
  color: var(--t-paper);
  position: relative;
  padding-top: 64px !important;
  padding-bottom: 96px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.quote-strip::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--t-lime);
  z-index: 1;
}
.quote-strip blockquote,
.quote-strip .wp-block-quote {
  font-family: var(--t-font);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(24px, 3.2vw, 40px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--t-paper);
  max-width: 940px;
  padding-left: 12px;
  border: 0;
  position: relative;
  margin: 0;
}
.quote-strip blockquote::before,
.quote-strip .wp-block-quote::before {
  content: '\201E'; /* magyar idézőjel: " */
  position: absolute;
  left: -8px;
  top: -12px;
  font-size: 1.5em;
  line-height: 1;
  color: var(--t-lime);
  font-style: normal;
  opacity: 0.85;
}

/* =====================================================================
   7. HAGYJ NYOMOT (Egyenes vonal) - light (paper)
   ===================================================================== */
.hagyj-nyomot {
  background-color: var(--t-paper) !important;
  color: var(--t-ink) !important;
  position: relative;
  padding: 88px 0 !important;
  border-bottom: 1px solid var(--t-line-light);
}
.hagyj-nyomot::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--t-lime);
  z-index: 1;
}
.hagyj-nyomot h2 {
  font-weight: 700;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--t-ink);
  margin-bottom: 20px;
}
.hagyj-nyomot h2 .accent {
  background: var(--t-lime);
  padding: 0 8px;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.hagyj-nyomot p {
  font-weight: 300;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(14, 14, 12, 0.72);
  max-width: 480px;
}

/* Form (Spectra Forms blokk) - light variant */
.hagyj-nyomot .wp-block-uagb-forms input[type="email"],
.hagyj-nyomot .uagb-forms-email-wrap input {
  flex: 1;
  font-family: var(--t-font) !important;
  font-size: 16px !important;
  padding: 16px 18px !important;
  background: var(--t-paper) !important;
  border: 1px solid var(--t-ink) !important;
  color: var(--t-ink) !important;
  border-radius: 0 !important;
  outline: none;
}
.hagyj-nyomot .wp-block-uagb-forms input[type="email"]:focus {
  border-color: var(--t-lime) !important;
  border-width: 2px !important;
  padding: 15px 17px !important;
}
.hagyj-nyomot .wp-block-uagb-forms button,
.hagyj-nyomot .uagb-forms-main-submit-button {
  font-family: var(--t-font) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 16px 24px !important;
  background: var(--t-ink) !important;
  color: var(--t-paper) !important;
  border: 1px solid var(--t-ink) !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  letter-spacing: 0.01em !important;
  transition: all 0.15s !important;
}
.hagyj-nyomot .wp-block-uagb-forms button:hover,
.hagyj-nyomot .uagb-forms-main-submit-button:hover {
  background: var(--t-lime) !important;
  color: var(--t-ink) !important;
  border-color: var(--t-lime) !important;
}

/* =====================================================================
   8. LEGUTÓBBI ÍRÁSAIM (Spectra Loop Builder) - forest dark
   ===================================================================== */
.legutobbi-irasaim {
  background-color: var(--t-forest) !important;
  color: var(--t-paper) !important;
  padding: 104px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.legutobbi-irasaim h2 {
  font-weight: 700 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  color: var(--t-paper) !important;
}
.legutobbi-irasaim .essay-archive-link {
  font-family: var(--t-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(250,248,243,0.7);
  border-bottom: 1px solid var(--t-lime);
  padding-bottom: 2px;
}
.legutobbi-irasaim .essay-archive-link:hover {
  color: var(--t-lime);
}

/* Egy esszé-kártya (Loop Item) - 2px lime top border */
.legutobbi-irasaim .uagb-post__inner-wrap {
  border-top: 2px solid var(--t-lime);
  padding-top: 20px;
  background: transparent !important;
}
.legutobbi-irasaim .uagb-post__title,
.legutobbi-irasaim .uagb-post__title a {
  font-family: var(--t-font) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--t-paper) !important;
}
.legutobbi-irasaim .uagb-post__title a:hover {
  color: var(--t-lime) !important;
}
.legutobbi-irasaim .uagb-post__excerpt {
  font-weight: 300 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
  color: rgba(250,248,243,0.72) !important;
}
.legutobbi-irasaim .uagb-post__meta,
.legutobbi-irasaim .uagb-post__category {
  font-family: var(--t-font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: rgba(250,248,243,0.5) !important;
}
.legutobbi-irasaim .uagb-post__category,
.legutobbi-irasaim .uagb-post__category a {
  color: var(--t-lime) !important;
  font-weight: 700 !important;
}
.legutobbi-irasaim .uagb-post__cta-button,
.legutobbi-irasaim .uagb-post__cta-button a {
  font-family: var(--t-font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--t-lime) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.legutobbi-irasaim .uagb-post__cta-button::after {
  content: ' →';
}

/* =====================================================================
   9. TÁMOGATÁS CTA - light (paper)
   ===================================================================== */
.tamogatas-cta {
  background-color: var(--t-paper) !important;
  color: var(--t-ink) !important;
  padding: 72px 0 !important;
  border-bottom: 1px solid var(--t-line-light);
  position: relative;
}
.tamogatas-cta::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--t-lime);
  z-index: 1;
}
.tamogatas-cta h3 {
  font-weight: 700 !important;
  font-size: 28px !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.01em !important;
  color: var(--t-ink) !important;
  max-width: 640px;
  line-height: 1.2 !important;
}
.tamogatas-cta p {
  font-weight: 300;
  font-size: 15.5px;
  color: rgba(14,14,12,0.7);
  max-width: 580px;
  line-height: 1.55;
}
.tamogatas-cta .wp-block-button .wp-block-button__link {
  font-family: var(--t-font) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 18px 32px !important;
  background: var(--t-lime) !important;
  color: var(--t-ink) !important;
  border: 1px solid var(--t-lime) !important;
  border-radius: 0 !important;
  white-space: nowrap;
  letter-spacing: 0.01em !important;
  transition: all 0.15s !important;
}
.tamogatas-cta .wp-block-button .wp-block-button__link:hover {
  background: var(--t-ink) !important;
  color: var(--t-paper) !important;
  border-color: var(--t-ink) !important;
}

/* =====================================================================
   10. FOOTER (Astra Pro Footer Builder) - DARK (ink)
   ===================================================================== */
.site-footer,
.ast-builder-footer,
footer.site-footer {
  background-color: var(--t-ink) !important;
  color: var(--t-paper) !important;
}
.site-footer * {
  color: rgba(250,248,243,0.85) !important;
}
.site-footer h4,
.site-footer .ast-builder-footer-widget-title {
  font-family: var(--t-font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--t-lime) !important;
  font-weight: 400 !important;
  margin-bottom: 14px !important;
}
.site-footer a:hover {
  color: var(--t-lime) !important;
  border-bottom: 1px solid var(--t-lime);
  padding-bottom: 1px;
}
.site-footer .ast-footer-copyright {
  border-top: 1px solid rgba(250,248,243,0.12);
  padding-top: 24px;
  margin-top: 32px;
  font-family: var(--t-font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  color: rgba(250,248,243,0.45) !important;
  text-transform: uppercase !important;
}

/* =====================================================================
   11. GLOBAL TWEAKS - SEHOL ne legyen rounded corner; minden élesz
   ===================================================================== */
input, button, textarea, select,
.wp-block-button .wp-block-button__link,
.uagb-button__link,
.uagb-forms-main-submit-button {
  border-radius: 0 !important;
}

/* Astra default "alapszín" linkek lime-ra */
a {
  color: var(--t-ink);
  text-decoration: none;
}
a:hover {
  color: var(--t-forest);
}

/* Selection */
::selection {
  background: var(--t-lime);
  color: var(--t-ink);
}

/* =====================================================================
   12. RESPONSIVE
   ===================================================================== */
@media (max-width: 900px) {
  .home-hero { padding-top: 56px !important; padding-bottom: 56px !important; }
  .home-hero .wp-block-buttons { gap: 8px; }
  .home-hero .hero-kicker { font-size: 11px; }
  .brand-safety p { font-size: 16px; }
  .quote-strip .wp-block-quote { font-size: clamp(20px, 5vw, 28px) !important; }
  .hagyj-nyomot { padding: 56px 0 !important; }
  .legutobbi-irasaim { padding: 64px 0 !important; }
  .tamogatas-cta { padding: 56px 0 !important; }
}