/* =====================================
   BeFluent English — Main CSS (SEO + CLS Safe)
   ===================================== */

:root {
  --befluent-blue: #040433;
  --befluent-gold: #E1B12C;
  --befluent-orange: #E66A00;
  --bg: #fdfcf8;

  --radius: 10px;
  --shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* =====================================
   FONT STABILITY (CLS FIX)
   ===================================== */
body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  font-size-adjust: 0.5;
  background-color: var(--bg);
  color: var(--befluent-blue);
}

/* Inter helper (optional utility) */
.font-inter {
  font-family: Inter, Arial, sans-serif;
}

/* =====================================
   LAYOUT RESERVATION (CORE CLS FIX)
   ===================================== */

/* Header height lock */
header {
  min-height: 72px;
}

/* Hero sections — reserve space before load */
section:first-of-type,
.hero,
.hero-section {
  min-height: 520px;
}

@media (max-width: 768px) {
  section:first-of-type,
  .hero,
  .hero-section {
    min-height: 420px;
  }
}

/* CTA / dynamic content containers */
.cta-wrapper,
.cta-section,
.countdown,
.sale-banner {
  min-height: 120px;
}

/* =====================================
   REVEAL FIX (NO HIDDEN CONTENT)
   ===================================== */
.reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

/* =====================================
   EBOOK SIDEBAR
   ===================================== */
.ebook-sidebar {
  position: sticky;
  top: 120px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--befluent-orange) #ddd;
}

/* Hide sidebar on mobile/tablet */
@media (max-width: 1023px) {
  .ebook-sidebar {
    display: none;
  }
}

/* Desktop scrollbar polish */
.ebook-sidebar::-webkit-scrollbar {
  width: 6px;
}

.ebook-sidebar::-webkit-scrollbar-thumb {
  background: var(--befluent-orange);
  border-radius: 10px;
}

.ebook-sidebar::-webkit-scrollbar-track {
  background: #ddd;
}

/* =====================================
   END FILE
   ===================================== */