/* =========================================================
   SITE BASE – Cinematic Background + Global Typography
   (Migrated from base-legacy.css)
========================================================= */

/* =========================================================
   GLOBAL SITE BACKGROUND – Rollerpiac Cinematic Base
========================================================= */

#page-container {
  background:
    radial-gradient(circle at 18% 18%, rgba(41,255,38,0.12), transparent 44%),
    radial-gradient(circle at 82% 28%, rgba(0,180,255,0.10), transparent 46%),
    radial-gradient(circle at 48% 92%, rgba(41,255,38,0.08), transparent 54%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03), transparent 60%),
    #070a0f;
}

/* Vignette */
#page-container::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 40%, rgba(0,0,0,0.10), rgba(0,0,0,0.70)),
    linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.08));
}

/* Grain */
#page-container::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.07;
  background-image: repeating-linear-gradient(
    0deg,
    rgba(255,255,255,0.06),
    rgba(255,255,255,0.06) 1px,
    transparent 1px,
    transparent 2px
  );
}

/* =========================================================
   BRAND TYPOGRAPHY – CONTENT AREA ONLY
   (Frontend + Visual Builder egységesen)
========================================================= */

#et-main-area h1,
#et-main-area .et_pb_text h1,
#et-main-area .et_pb_module h1 {
  font-size: clamp(38px, 4.8vw, 78px) !important;
  line-height: 1.02 !important;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #ffffff;
}

/* Optional: egységes heading karakter */
#et-main-area h2,
#et-main-area h3,
#et-main-area h4,
#et-main-area h5,
#et-main-area h6 {
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #ffffff;
}

/* Legacy Large Title maradhat */
.large-title {
  font-family: 'Archivo Black', sans-serif !important;
  font-size: 65px !important;
  line-height: 65px !important;
  text-transform: uppercase;
}

/* Mobile */
@media (max-width: 768px) {
  #et-main-area h1 {
    font-size: 32px;
    line-height: 1.1;
  }

  .large-title {
    font-size: 48px !important;
    line-height: 54px !important;
  }
}