/* FiberWifi style refresh
   Colors stay: #F05A28, #0f172a, #020617, #1e293b, #64748b, #f8fafc */

:root {
  --brand-primary: #F05A28;
  --brand-primary-hover: #d44d20;
  --brand-primary-soft: rgba(240, 90, 40, 0.12);
  --brand-dark: #0f172a;
  --brand-deep: #020617;
  --text-main: #1e293b;
  --text-soft: #64748b;
  --bg-light: #f8fafc;
  --line: rgba(15, 23, 42, 0.1);
}

body {
  background: #fff !important;
  color: var(--text-main);
  letter-spacing: -0.012em;
  /* Legacy inline styles used 135/155px; header is shorter after theme refresh */
  padding-top: 108px !important;
}

@media (max-width: 991.98px) {
  body {
    padding-top: 72px !important;
  }
}

h1, h2, h3, h4, .display-3, .display-4, .display-5, .fw-900, .fw-800 {
  letter-spacing: -0.045em;
  font-weight: 800 !important;
}

/* ——— Header: deep navy bar, orange hairline ——— */
.site-header {
  background: var(--brand-deep) !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--brand-primary);
}

.utility-bar {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.utility-bar a,
.utility-bar span {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 500;
}

.utility-bar a:hover { color: #fff !important; }

.navbar { padding: 8px 0 12px !important; }

.navbar-brand img { height: 40px !important; }

.navbar-toggler,
.navbar-toggler i { color: #fff !important; }

.nav-link {
  color: rgba(255, 255, 255, 0.86) !important;
  text-transform: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  border-radius: 8px;
  padding: 8px 12px !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.show {
  color: #fff !important;
  background: rgba(240, 90, 40, 0.18);
}

.dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 6px !important;
  margin-top: 8px !important;
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.18) !important;
}

.dropdown-item {
  color: var(--brand-dark) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.dropdown-item:hover {
  background: var(--brand-primary-soft) !important;
  color: var(--brand-primary) !important;
}

.site-header .btn-outline-dark {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: transparent !important;
  border-radius: 8px !important;
}

.site-header .btn-outline-dark:hover {
  border-color: #fff !important;
  color: #fff !important;
}

/* ——— Controls: square, flat, brand orange ——— */
.btn,
.btn-primary-nb,
.btn-premium-action,
.btn-outline-soft,
.btn-outline-dark-nb,
.rounded-pill,
.btn.rounded-pill {
  border-radius: 8px !important;
}

.btn-primary-nb,
.btn-premium-action.btn-primary-nb {
  background: var(--brand-primary) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  padding: 12px 18px !important;
}

.btn-primary-nb:hover {
  background: var(--brand-primary-hover) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}

.btn-outline-soft {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.btn-outline-soft:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  transform: none !important;
}

.btn-premium-action {
  border-radius: 8px !important;
  border: 1px solid var(--brand-dark) !important;
  background: #fff !important;
  color: var(--brand-dark) !important;
  box-shadow: none !important;
}

.btn-premium-action:hover {
  background: var(--brand-dark) !important;
  color: #fff !important;
  transform: none !important;
}

.shadow-orange { box-shadow: none !important; }

.site-header .btn-primary-nb { padding: 10px 16px !important; }

/* ——— Hero ——— */
.hero-national,
.page-header-wrap {
  background: var(--brand-dark) !important;
  min-height: 0 !important;
  padding: 64px 0 72px !important;
  border-bottom: 0;
}

.hero-bg-lines {
  opacity: 0.55 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
}

.hero-glow { display: none !important; }

.hero-national h1,
.page-header-wrap h1 {
  font-size: clamp(2.4rem, 4.6vw, 4.1rem) !important;
  line-height: 1.05 !important;
  max-width: 14ch;
}

.text-gradient-speed {
  background: none !important;
  -webkit-text-fill-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}

.mini-badge,
.hero-badge-list .badge-chip,
.section-badge {
  border-radius: 4px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.section-badge {
  background: var(--brand-primary-soft) !important;
  border-color: transparent !important;
  color: var(--brand-primary) !important;
}

.speed-master-card,
.main-speed-card {
  animation: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 3px solid var(--brand-primary) !important;
  box-shadow: none !important;
  padding: 8px 8px 8px 28px !important;
}

.speed-master-card:hover { transform: none !important; }

.tech-badge-card {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0 !important;
}

/* ——— Surfaces ——— */
.service-type-box {
  margin-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff !important;
}

.premium-net-card,
.price-card,
.timeline-card,
.portal-card,
.document-card,
.stat-card-light,
.feature-card,
form .card,
#airfiber-flow .card,
#sabit-flow .card {
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  background: #fff !important;
}

.premium-net-card:hover,
.price-card:hover,
.timeline-card:hover,
.portal-card:hover,
.document-card:hover,
.stat-card-light:hover,
.feature-card:hover {
  transform: none !important;
  border-color: var(--brand-primary) !important;
  box-shadow: none !important;
}

.price-card.featured {
  background: var(--brand-dark) !important;
  color: #fff !important;
  transform: none !important;
  border-color: var(--brand-dark) !important;
}

.card-speed-header,
.card-price-wrapper,
.stat-strip {
  border-radius: 0 !important;
  background: var(--bg-light) !important;
  box-shadow: none !important;
}

/* Featured cards are light, so the speed figure cannot stay white. */
.premium-net-card .speed-num,
.premium-net-card.featured .card-plan-title,
.premium-net-card.featured .card-price-main,
.premium-net-card.featured .card-price-currency,
.premium-net-card.featured .card-price-after strong {
  color: #0f172a !important;
}
.premium-net-card.featured .card-plan-desc,
.premium-net-card.featured .card-price-period,
.premium-net-card.featured .card-price-after,
.premium-net-card.featured .card-features-list li {
  color: #475569 !important;
}

.icon-circle,
.feature-icon-box,
.icon-box-small,
.timeline-number,
.social-circle {
  border-radius: 0 !important;
}

.feature-item:hover .feature-icon-box {
  transform: none !important;
  background: var(--brand-primary) !important;
  color: #fff !important;
}

.timeline-number {
  background: var(--brand-primary) !important;
  box-shadow: none !important;
}

.corporate-section,
.dark-section,
.faq-section,
.testimonial-section,
.cta-deep-section,
.footer-national {
  background: var(--brand-deep) !important;
}

.footer-national {
  border-top: 2px solid var(--brand-primary) !important;
}

.footer-list a { color: #94a3b8 !important; }
.footer-list a:hover {
  color: var(--brand-primary) !important;
  padding-left: 0 !important;
}

.accordion-item {
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  margin-bottom: 8px !important;
}

.accordion-button {
  border-radius: 0 !important;
  font-weight: 700 !important;
}

.accordion-button:not(.collapsed) {
  background: var(--brand-dark) !important;
  color: var(--brand-primary) !important;
}

/* ——— Apply forms (look only) ——— */
.form-control,
.form-select,
.input-group-text {
  border-radius: 0 !important;
  background: var(--bg-light) !important;
  border-color: transparent !important;
  min-height: 52px;
}

.form-control:focus,
.form-select:focus {
  background: #fff !important;
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px var(--brand-primary-soft) !important;
}

.service-switch .service-pill {
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--brand-dark) !important;
  border: 1px solid var(--line) !important;
}

.service-switch .service-pill.active {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.form-stepper .step { text-transform: none !important; letter-spacing: 0 !important; }
.form-stepper .step .dot { border-radius: 0 !important; }

.whatsapp-result-card {
  border-radius: 0 !important;
  background: var(--bg-light) !important;
  border: 0 !important;
  border-left: 3px solid var(--brand-primary) !important;
  text-align: left !important;
}

.whatsapp-result-card .wa-icon {
  border-radius: 0 !important;
  background: var(--brand-primary) !important;
}

.btn-whatsapp { border-radius: 8px !important; }

.mobile-sticky-cta {
  background: var(--brand-deep) !important;
  border-top: 2px solid var(--brand-primary) !important;
}

.whatsapp-float { border-radius: 8px !important; }

@media (max-width: 991.98px) {
  .hero-national,
  .page-header-wrap { padding: 40px 0 48px !important; }
  .hero-national h1 { max-width: none; }
  .navbar-collapse {
    background: var(--brand-deep);
    padding-bottom: 12px;
  }
}