/* ================================================================
   Fosters Telecom v2 — DPRIPro-inspired style layer
   Links AFTER inline <style> on every page. Uses !important
   sparingly to override shared base values.
   ================================================================ */

/* ── SLIMMER, CLEANER NAV ── */
nav {
  height: 76px !important;
  padding: 0 5% !important;
}
.nav-logo-img {
  height: 58px !important;
}
.accent-top {
  display: none;
}

/* ── PILL BUTTONS ── */
.nav-cta,
.btn-primary,
.btn-outline,
.plan-btn {
  border-radius: 50px !important;
  letter-spacing: .4px;
}
.btn-primary {
  padding: .85rem 2.4rem !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 18px rgba(200,113,26,.35);
}
.btn-outline {
  padding: .85rem 2.4rem !important;
  font-size: 1rem !important;
}
.nav-cta {
  padding: .5rem 1.4rem !important;
  font-size: .9rem !important;
  box-shadow: 0 2px 10px rgba(200,113,26,.3);
}

/* ── PHOTO HERO (index.html) ── */
.hero {
  background-image:
    linear-gradient(
      105deg,
      rgba(59,32,16,.92) 0%,
      rgba(59,32,16,.72) 42%,
      rgba(59,32,16,.18) 100%
    ),
    url('https://images.unsplash.com/photo-1587560699334-bea93391dcef?w=1600&q=80&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center 30% !important;
  background-color: var(--brown) !important;
  min-height: 620px !important;
  padding: 80px 6% !important;
}

/* Remove the old pseudo-element circle */
.hero::after {
  display: none !important;
}

/* Turn the left text block into the DPRIPro-style overlay card */
.hero-text {
  background: rgba(44,26,14,.78) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(212,168,83,.3) !important;
  border-radius: 20px !important;
  padding: 2.6rem 3rem !important;
  max-width: 560px !important;
  flex: 0 1 560px !important;
}

/* Hide the separate stats card — stats live in the overlay now */
.hero-card {
  display: none !important;
}

/* Mini stats strip inside overlay */
.hero-stats-strip {
  display: flex;
  gap: 1.8rem;
  margin-top: 1.8rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(212,168,83,.2);
  flex-wrap: wrap;
}
.hss-item { text-align: center; }
.hss-num {
  font-family: 'DM Serif Display', serif;
  font-size: 1.5rem;
  color: var(--gold);
  line-height: 1;
}
.hss-lbl {
  font-size: .7rem;
  color: rgba(250,246,240,.55);
  letter-spacing: .5px;
  margin-top: .2rem;
  text-transform: uppercase;
}

/* ── GRADIENT FEATURE CARDS ── */
.feat-card {
  background: linear-gradient(145deg, var(--brown) 0%, var(--rust) 100%) !important;
  border: none !important;
  border-left: none !important;
  border-radius: 20px !important;
  color: var(--cream);
  box-shadow: 0 4px 22px rgba(59,32,16,.18);
}
.feat-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 44px rgba(59,32,16,.28) !important;
}
.feat-icon {
  color: var(--gold) !important;
  font-size: 2rem !important;
  margin-bottom: 1rem !important;
  width: 54px;
  height: 54px;
  background: rgba(212,168,83,.12);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feat-card h3 {
  color: var(--cream) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
.feat-card p {
  color: rgba(250,246,240,.7) !important;
  font-size: .86rem !important;
}

/* ── MISSION BANDS ── */
.mission-band {
  border-radius: 16px !important;
}
.mission-band::before {
  width: 4px !important;
  border-radius: 16px 0 0 16px !important;
}

/* ── ROUNDER PLAN CARDS ── */
.plan {
  border-radius: 20px !important;
}

/* ── ROUNDER INDUSTRY CARDS ── */
.industry-card {
  border-radius: 18px !important;
}

/* ── WHY CARDS ── */
.why-card {
  border-radius: 18px !important;
}

/* ── BOLDER SECTION HEADINGS ── */
h2.section-title {
  font-size: clamp(2rem, 3.5vw, 3.1rem) !important;
  line-height: 1.15 !important;
}
.section-label {
  letter-spacing: 4px !important;
}

/* ── PAGE BANNER (inner pages — about, blog, etc.) ── */
.page-banner {
  background:
    linear-gradient(
      105deg,
      rgba(59,32,16,.94) 0%,
      rgba(139,58,26,.70) 55%,
      rgba(59,32,16,.30) 100%
    ),
    url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=1600&q=80') center 30% / cover no-repeat;
  min-height: 280px;
  display: flex;
  align-items: center;
  padding: 60px 6%;
  position: relative;
  z-index: 1;
}
.page-banner-inner {
  background: rgba(44,26,14,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(212,168,83,.28);
  border-radius: 16px;
  padding: 2rem 2.5rem;
  max-width: 600px;
  color: var(--cream);
}
.page-banner-inner .section-label {
  color: var(--gold);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: .6rem;
}
.page-banner-inner h1 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.2;
  color: var(--cream);
  margin-bottom: .6rem;
}
.page-banner-inner p {
  font-size: .95rem;
  color: rgba(250,246,240,.75);
  line-height: 1.65;
}

/* ── FOOTER LOGO ── */
.footer-logo-img {
  height: 48px !important;
}

/* ── CONTACT FORM ── */
.contact-form {
  border-radius: 20px !important;
}
.form-group input,
.form-group select,
.form-group textarea {
  border-radius: 10px !important;
}

/* ── FEATURES STRIP ── */
.features-strip {
  border-radius: 14px !important;
}
.feature-pill {
  border-radius: 50px !important;
}
.addon-pill {
  border-radius: 50px !important;
}