/* ════════════════════════════════════════
   FONTS
════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body          { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4 { font-family: 'Inter', sans-serif; color: #0A1628; }

.entry-content p,
.entry-content li { color: #1A1A2E; line-height: 1.7; }


/* ════════════════════════════════════════
   LAYOUT — scoped, not global section tag
════════════════════════════════════════ */
.home-section { padding: 60px 20px; max-width: 1200px; margin: auto; }


/* ════════════════════════════════════════
   STICKY HEADER
════════════════════════════════════════ */
.site-header-bar {
  position: sticky;
  top: 0;
  z-index: 999;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 2px 12px rgba(0,0,0,0.25);
}

.site-header-bar .wp-block-navigation a:hover {
  color: #00D4FF !important;
  transition: color 0.2s ease;
}

@media (max-width: 600px) {
  .site-header-bar .wp-block-navigation { display: none; }
}


/* ════════════════════════════════════════
   BUTTONS
════════════════════════════════════════ */
.btn-primary {
  background: #FF6B2B;
  color: #fff;
  padding: 14px 28px;
  text-decoration: none;
  font-weight: 700;
  border-radius: 6px;
  display: inline-block;
  transition: background 0.2s ease, transform 0.2s ease;
  letter-spacing: 0.02em;
}
.btn-primary:hover { background: #e55a1f; transform: translateY(-2px); }

.btn-secondary {
  background: transparent;
  color: #00D4FF;
  padding: 13px 27px;
  text-decoration: none;
  font-weight: 700;
  border-radius: 6px;
  border: 2px solid #00D4FF;
  display: inline-block;
  margin-left: 12px;
  transition: background 0.2s ease, color 0.2s ease;
  letter-spacing: 0.02em;
}
.btn-secondary:hover { background: #00D4FF; color: #0A1628; }


/* ════════════════════════════════════════
   HERO ANIMATION
════════════════════════════════════════ */
@keyframes fadeSlideIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-title { animation: fadeSlideIn 0.7s ease both; }
.hero-sub   { animation: fadeSlideIn 0.7s ease 0.2s both; }
.hero-cta   { animation: fadeSlideIn 0.7s ease 0.4s both; }
/* ── Remove white gap above header ── */
.wp-site-blocks,
.site-header-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Remove white gap between trust bar and hero ── */
.entry-content > *:first-child,
.wp-block-post-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Make hero and full-width strips break out of content container ── */
.hero-wrap,
.metrics-strip,
.why-choose,
.cta-section {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  width: 100vw !important;
  position: relative;
}

/* ── Shrink search box in header ── */
.site-header-bar .wp-block-search__input {
  width: 36px !important;
  min-width: 36px !important;
  padding: 8px !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
}
.site-header-bar .wp-block-search__input:focus {
  width: 200px !important;
  transition: width 0.3s ease;
}

/* ── Remove bottom margin from header area ── */
.wp-block-template-part { margin-bottom: 0 !important; }