/* ===================================================================
   styles-hp-mockup.css — mockup-hű felülírás a régi styles-homepage.css
   ütköző szabályaira. LEGUTOLJÁRA tölt (függőség: uk-homepage), így nyer.
   Forrás: utazaskereso fooldal mockup (styles.css hero/organizer/newsletter).
   =================================================================== */

/* ---------- HERO ---------- */
.hero-content {
  text-align: left; max-width: none; margin: 0;
  padding: 80px 64px 40px; color: #fff;
  display: flex; flex-direction: column; height: 100%; min-height: 620px;
}
/* a styles-homepage `.hero-content h1` magasabb specificitását verjük */
.hero-content h1.hero-title {
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(48px, 7vw, 92px); line-height: 0.98; letter-spacing: -0.02em;
  margin: 18px 0 12px; max-width: 14ch; color: #fff;
}
.hero-content h1.hero-title em { font-style: italic; color: #F4D5C4; }
.hero-subtitle { font-size: 18px; max-width: 48ch; color: rgba(255,255,255,0.88); margin-bottom: auto; }
.hero-search {
  max-width: none; margin: 48px 0 0;
  background: #fff; border-radius: var(--r-lg); padding: 12px;
  box-shadow: var(--shadow-lg); display: flex; flex-direction: column; gap: 0; color: var(--ink);
}

/* ---------- SZERVEZŐ (krém + narancs, NEM zöld) ---------- */
.organizer {
  background: var(--bg-soft); color: var(--ink);
  grid-template-columns: 1.2fr 1fr; gap: 64px; padding: 64px;
}
.organizer .eyebrow { color: var(--ink-soft); }
.organizer h2 { color: var(--ink); font-family: var(--font-display); font-size: clamp(36px,4vw,52px); margin: 16px 0; }
.organizer h2 em { color: var(--accent); font-style: italic; }
.organizer p { color: var(--ink-soft); font-size: 17px; max-width: 42ch; margin: 0 0 28px; }
.organizer-stats { grid-template-columns: 1fr 1fr; gap: 14px; }
.organizer-stat { background: #fff; border: 1px solid var(--border-soft); border-radius: var(--r-md); padding: 22px; text-align: left; }
.organizer-stat-val { color: var(--primary); font-family: var(--font-display); font-size: 40px; line-height: 1; margin-bottom: 6px; letter-spacing: -0.02em; }
.organizer-stat-label { color: var(--ink-soft); font-size: 13px; }

/* ---------- HÍRLEVÉL (sötét + pill-form) ---------- */
.newsletter { background: var(--ink); color: #fff; grid-template-columns: 1fr 1fr; gap: 48px; padding: 64px; }
.newsletter h2 { color: #fff; font-family: var(--font-display); font-size: clamp(32px,3.6vw,48px); margin: 0 0 12px; }
.newsletter p { color: rgba(255,255,255,0.7); max-width: 38ch; margin: 0; }
.newsletter-form { display: flex; gap: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: var(--r-pill); padding: 6px; }
.newsletter-form input { flex: 1; background: transparent; border: none; outline: none; padding: 14px 20px; color: #fff; font-size: 14px; }
.newsletter-form input::placeholder { color: rgba(255,255,255,0.4); }
.newsletter-note { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 14px; }

/* ---------- prototype.css (priority 9999) !important felülírása ---------- */
/* a stat-kártyák a krém organizeren: tömör fehér + zöld szám (nem áttetsző/fehér) */
.organizer-stat { background: #fff !important; backdrop-filter: none !important; border: 1px solid var(--border-soft) !important; padding: 22px !important; }
.organizer-stat-val { color: var(--primary) !important; font-size: 40px !important; }
.organizer-stat-label { color: var(--ink-soft) !important; }
/* hírlevél „Feliratkozom" gomb: narancs (accent), nem zöld */
.newsletter .btn-accent, .newsletter-form button { background: #E25A3C !important; color: #fff !important; border: 0 !important; }
.newsletter .btn-accent:hover, .newsletter-form button:hover { background: #C9472C !important; }

/* ---------- gombok: PILL-forma a design szerint (.btn = var(--r-pill)) ---------- */
.organizer .btn, .organizer .btn-accent,
.newsletter .btn, .newsletter .btn-accent, .newsletter-form button { border-radius: 999px !important; }
.organizer .btn-lg { padding: 16px 28px !important; font-size: 15px !important; }
.newsletter .btn-accent, .newsletter-form button { padding: 12px 22px !important; font-size: 14px !important; }

/* ---------- teljes szélesség: full-viewport kitörés a boxed konténerből ---------- */
.elementor-element-o3870q2 .hero,
.elementor-element-1z9xkn1 .section-tight,
.elementor-element-0dr4rtq .section-tight {
  width: 100vw !important; max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
}
/* a hero fotó valódi edge-to-edge (gutter nélkül); a kártyák tartják a guttert */
.elementor-element-o3870q2 .hero { padding-top: 0 !important; }
.elementor-element-o3870q2 .hero .container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }