/* Webrakéta Esettanulmány Szekció — Lovable-pontos tipográfia v1.2
   Minden szabály !important, hogy Astra/Elementor Global ne írja felül.
   Színek Lovable lab() értékek + hex fallback.
*/

.wr-csh-section{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:96px 24px !important;
  background-color:#FAFAFB !important;
  box-sizing:border-box !important;
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
}
.wr-csh-container{ max-width:1152px !important; margin:0 auto !important; }

.wr-csh-header{
  display:flex !important; justify-content:space-between !important;
  align-items:flex-end !important; gap:24px !important; flex-wrap:wrap !important;
  margin-bottom:48px !important;
}
.wr-csh-header-left{ display:flex !important; flex-direction:column !important; gap:16px !important; }

/* === EYEBROW === Open Sans 700 / 11px / 19px / lab(32.9 -0.16 -43.01) */
.wr-csh-section .wr-csh-eyebrow{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  border:1px solid #015092 !important;
  background:rgba(1,80,146,0.08) !important;
  padding:6px 16px !important; border-radius:999px !important;
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  font-size:11px !important;
  line-height:19px !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  color:#015092 !important;
  color:lab(32.9174 -0.164106 -43.0112) !important;
  width:fit-content !important;
}
.wr-csh-section .wr-csh-eyebrow-dot{
  width:6px !important; height:6px !important; border-radius:50% !important;
  background:#015092 !important;
  background:lab(32.9174 -0.164106 -43.0112) !important;
}

/* === H2 CÍMSOR === Lovable: Montserrat 700, mobil 36/40, desktop 48/1 */
.wr-csh-section .wr-csh-heading{
  font-family:"Montserrat", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  font-size:36px !important;
  line-height:40px !important;
  letter-spacing:-0.025em !important;
  color:#015092 !important;
  color:lab(32.9174 -0.164106 -43.0112) !important;
  margin:0 !important;
}

/* === BEVEZETŐ SZÖVEG === Open Sans 400 / 18px / 32px / muted */
.wr-csh-section .wr-csh-subheading{
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:400 !important;
  font-size:18px !important;
  line-height:32px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#71747E !important;
  color:lab(47.8738 1.41454 -4.98644) !important;
  margin:0 !important;
}

/* === LINK / GOMB === Open Sans 600 / 18px / 31px / primary blue */
.wr-csh-section .wr-csh-link,
.wr-csh-section a.wr-csh-link{
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:600 !important;
  font-size:18px !important;
  line-height:31px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#015092 !important;
  color:lab(32.9174 -0.164106 -43.0112) !important;
  text-decoration:none !important;
}
.wr-csh-section .wr-csh-link:hover{ text-decoration:underline !important; }

/* === Grid + képek === */
.wr-csh-grid{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:32px !important; }
.wr-csh-card{ display:flex !important; flex-direction:column !important; gap:16px !important; }
.wr-csh-image{
  width:100% !important; aspect-ratio:16/10 !important; object-fit:cover !important;
  border-radius:8px !important; outline:1px solid rgba(0,0,0,0.05) !important;
  outline-offset:-1px !important; display:block !important;
}

/* === KÉP ALATTI SZÖVEG === Open Sans 500 / 18px / 27px / very dark */
.wr-csh-section .wr-csh-caption{
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  font-size:18px !important;
  line-height:27px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#0F172A !important;
  color:lab(8.34178 0.607349 -2.12998) !important;
  margin:0 !important;
}

/* === Stat sor === */
.wr-csh-stats{
  display:grid !important; grid-template-columns:repeat(3, 1fr) !important;
  gap:24px !important; margin-top:48px !important; padding-top:32px !important;
  border-top:1px solid rgba(0,0,0,0.1) !important;
}
.wr-csh-stat{
  display:flex !important; justify-content:space-between !important; align-items:center !important;
  border-bottom:1px solid rgba(0,0,0,0.1) !important; padding-bottom:8px !important;
  gap:12px !important;
}

/* === STAT LABEL (Helyszín / Időtartam / Eredmény) ===
   Open Sans 500 / 14px / 18px / muted */
.wr-csh-section .wr-csh-stat-label{
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  font-size:14px !important;
  line-height:18px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#71747E !important;
  color:lab(47.8738 1.41454 -4.98644) !important;
}

/* === STAT VALUE (Település / Óra) ===
   Open Sans 700 / 14px / 18px / very dark */
.wr-csh-section .wr-csh-stat-value{
  font-family:"Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:18px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#0F172A !important;
  color:lab(8.34178 0.607349 -2.12998) !important;
}

/* === HOZAM ÉRTÉK (kiemelt, kék) ===
   Open Sans 700 / 14px / 18px / primary blue */
.wr-csh-section .wr-csh-stat-value.is-highlight{
  color:#015092 !important;
  color:lab(32.9174 -0.164106 -43.0112) !important;
}

/* === Tablet & Desktop (≥768px): H2 nagyobb === */
@media (min-width: 768px){
  .wr-csh-section .wr-csh-heading{
    font-size:48px !important;
    line-height:1 !important;
  }
}

/* === Kis mobil layout === a tipográfia változatlan, csak elrendezés */
@media (max-width: 640px){
  .wr-csh-section{ padding:64px 20px !important; }
  .wr-csh-grid{ grid-template-columns:1fr !important; gap:24px !important; }
  .wr-csh-stats{ grid-template-columns:1fr !important; gap:12px !important; margin-top:32px !important; padding-top:24px !important; }
  .wr-csh-header{ align-items:flex-start !important; margin-bottom:32px !important; }
}