/* Futbol Laboratuvarı dar premium üst menü */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 360px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 92px !important;
  padding: 10px clamp(18px, 4vw, 62px) 12px !important;
  background:
    radial-gradient(circle at 52% 100%, rgba(246, 200, 95, .22), transparent 18%),
    linear-gradient(180deg, rgba(2, 8, 18, .98), rgba(2, 6, 14, .99)) !important;
  border-bottom: 1px solid rgba(246, 200, 95, .34) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .36), inset 0 -1px 0 rgba(41, 224, 132, .08) !important;
  backdrop-filter: blur(18px) !important;
}

.site-header::before {
  content: "";
  position: absolute;
  left: clamp(18px, 4vw, 62px);
  right: clamp(18px, 4vw, 62px);
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(246, 200, 95, .35), rgba(246, 200, 95, .9), rgba(246, 200, 95, .35), transparent);
}

.site-header::after {
  content: "GİRİŞ YAP   |   1 GÜN DENE";
  justify-self: end;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(246, 200, 95, .46);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(4, 10, 24, .96) 0 48%, rgba(246, 200, 95, .95) 48% 100%);
  color: #f8fbff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  white-space: pre;
  box-shadow: 0 0 22px rgba(246, 200, 95, .14), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.brand {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.brand-mark {
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(246, 200, 95, .58) !important;
  background: #020612 !important;
  box-shadow: 0 0 28px rgba(246, 200, 95, .22), 0 0 18px rgba(41, 224, 132, .08) !important;
}

.brand > span:last-child {
  display: grid !important;
  gap: 3px !important;
  color: #f8fbff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
}

.brand small {
  margin: 0 !important;
  color: #f6c85f !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
}

.nav-links.nav-classified {
  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-template-areas:
    "primary analysis"
    "secondary secondary" !important;
  align-items: center !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: 8px 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #d7dfef !important;
}

.nav-group {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nav-group:nth-child(1) { grid-area: primary; }
.nav-group:nth-child(2) { grid-area: analysis; }

.nav-group:nth-child(3) {
  grid-area: secondary;
  min-width: min(720px, 100%);
  padding: 5px 18px !important;
  border: 1px solid rgba(246, 200, 95, .30) !important;
  border-radius: 999px !important;
  background: rgba(4, 10, 24, .60) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 12px 34px rgba(0, 0, 0, .20) !important;
}

.nav-group-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px 0 0 !important;
  margin-right: 10px !important;
  color: #f6c85f !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.nav-group:nth-child(1) .nav-group-label {
  display: none !important;
}

.nav-group-label::after,
.nav-links.nav-classified a:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 24px;
  margin-left: 14px;
  background: linear-gradient(180deg, transparent, rgba(246, 200, 95, .28), transparent);
}

.nav-links.nav-classified a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: #f1f5ff !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.nav-links.nav-classified a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(246, 200, 95, .34) !important;
  background: rgba(246, 200, 95, .075) !important;
  color: #fff7d6 !important;
}

.nav-group:nth-child(1) a.nav-primary {
  border-color: transparent !important;
  background: transparent !important;
  color: #f1f5ff !important;
  box-shadow: none !important;
}

.nav-group:nth-child(2) a.nav-primary,
.nav-links.nav-classified a.active {
  padding-inline: 18px !important;
  border-color: rgba(41, 224, 132, .64) !important;
  background: linear-gradient(135deg, rgba(41, 224, 132, .18), rgba(2, 18, 38, .92)) !important;
  color: #ffffff !important;
  box-shadow: 0 0 28px rgba(41, 224, 132, .20), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.nav-links.nav-classified a.nav-admin {
  border-color: transparent !important;
  color: #f1f5ff !important;
  background: transparent !important;
}

@media (max-width: 1480px) {
  .site-header {
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr) !important;
    grid-template-areas:
      "brand nav"
      "actions nav" !important;
    gap: 8px 18px !important;
  }

  .brand { grid-area: brand; }
  .nav-links.nav-classified { grid-area: nav; }

  .site-header::after {
    grid-area: actions;
    justify-self: start;
    min-height: 34px;
    padding-inline: 12px;
    font-size: 11px;
  }
}

@media (max-width: 1180px) {
  .site-header {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "brand toggle"
      "nav nav" !important;
    align-items: center !important;
  }

  .brand { grid-area: brand; }
  .menu-toggle { grid-area: toggle; justify-self: end; }
  .nav-links.nav-classified { grid-area: nav; }
  .site-header::after { display: none; }
}

@media (max-width: 860px) {
  .site-header {
    display: flex !important;
    min-height: 70px !important;
    padding: 10px 14px !important;
  }

  .brand-mark {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
  }

  .brand > span:last-child {
    display: grid !important;
    font-size: 13px !important;
  }

  .menu-toggle {
    display: block !important;
    margin-left: auto !important;
    border-color: rgba(246, 200, 95, .26) !important;
    border-radius: 12px !important;
    background: rgba(3, 8, 23, .92) !important;
  }

  .nav-links.nav-classified {
    position: absolute !important;
    top: 74px !important;
    right: 12px !important;
    left: 12px !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "primary"
      "analysis"
      "secondary" !important;
    justify-items: stretch !important;
    padding: 12px !important;
    border: 1px solid rgba(246, 200, 95, .25) !important;
    border-radius: 18px !important;
    background: rgba(2, 8, 18, .98) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .45) !important;
  }

  .nav-links.nav-classified.open {
    display: grid !important;
  }

  .nav-group,
  .nav-group:nth-child(3) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    min-width: 0 !important;
    gap: 7px !important;
    padding: 10px !important;
    border: 1px solid rgba(246, 200, 95, .18) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .035) !important;
  }

  .nav-group-label,
  .nav-group:nth-child(1) .nav-group-label {
    display: inline-flex !important;
    padding: 0 4px 4px !important;
    margin: 0 !important;
  }

  .nav-group-label::after,
  .nav-links.nav-classified a:not(:last-child)::after {
    display: none !important;
  }

  .nav-links.nav-classified a {
    justify-content: flex-start !important;
    min-height: 42px !important;
    padding: 0 12px !important;
  }
}

@media (max-width: 520px) {
  .brand > span:last-child {
    display: none !important;
  }
}

/* Ana sayfa stabilite hotfix */
.dashboard-hero {
  min-height: auto !important;
  padding-top: clamp(34px, 5vw, 58px) !important;
  padding-bottom: clamp(36px, 5vw, 62px) !important;
}

.dashboard-hero h1 {
  max-width: 620px !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.05 !important;
}

.dashboard-hero h1::after,
.section-heading h2::after,
h1::after,
h2::after {
  content: none !important;
  display: none !important;
}

#daily-matches-widget.daily-widget-shell,
#membership-payment-panel.membership-shell,
#premium-analysis-panel.premium-analysis-shell,
#robot-analizleri.top-robot-hub {
  min-height: auto !important;
}

#daily-matches-widget:empty,
#membership-payment-panel:empty,
#premium-analysis-panel:empty {
  min-height: 120px !important;
  margin: 22px clamp(18px, 6vw, 90px) 0 !important;
  border: 1px dashed rgba(154, 236, 255, .22) !important;
  border-radius: 18px !important;
  background: rgba(3, 8, 23, .54) !important;
}

#robot-analizleri .premium-coupon-center > div,
#daily-matches-widget.daily-widget-shell {
  max-height: none !important;
  overflow: visible !important;
}

.robot-live-card,
.fixtures-empty,
.daily-widget-empty,
.coupon-empty,
.results-empty {
  min-height: auto !important;
}

#daily-matches-widget,
#robot-analizleri,
#membership-payment-panel,
#premium-analysis-panel,
#sonuc-arsivi,
#basari-takip,
#kurucu,
#medya-galerisi,
#guclu-tahmin,
#son-analizler,
#spor-toto-performansi,
#analiz-veritabani,
#yorum-kosesi,
#analiz-modulleri {
  scroll-margin-top: 150px !important;
}

@media (max-width: 640px) {
  .dashboard-hero {
    padding: 30px 16px 38px !important;
  }

  .dashboard-hero h1 {
    font-size: clamp(31px, 9vw, 38px) !important;
  }
}