/* ==================================================
   BOSPHORUS PADEL CUP — HERO RESET / NO CORAL
   ================================================== */

:root{
  --coral:#093d86;
}

/* coral / seftali tamamen cikiyor */
.section-coral{
  background:var(--navy)!important;
  color:#fff!important;
}

.section-coral .section-index,
.section-coral .brands-head p,
.section-coral .small-note,
.section-coral .brand-form-copy > p,
.section-coral .press-copy > p,
.section-coral .sponsor-grid p,
.section-coral .lead-form label,
.section-coral .consent,
.section-coral .form-status{
  color:#fff!important;
}

.section-coral .display,
.section-coral h2,
.section-coral h3,
.section-coral .brands-head .display,
.section-coral .brand-form-copy h3{
  color:var(--lime)!important;
}

.sponsor-grid,
.brand-form-wrap{
  border-color:rgba(255,255,255,.18)!important;
}

.sponsor-grid article{
  border-right:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}

.brands .lead-form{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
}

.brands .lead-form input,
.brands .lead-form select,
.brands .lead-form textarea{
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.24)!important;
}

.brands .lead-form ::placeholder{
  color:rgba(255,255,255,.55)!important;
}

.sector-cloud span{
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}

.disabled-download{
  background:var(--lime)!important;
  color:var(--navy)!important;
}

.venue-card{
  background:var(--blue)!important;
  color:#fff!important;
}

.venue-card .pending-badge,
.award-box .pending-badge{
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
}

.award-box{
  background:var(--blue)!important;
  color:#fff!important;
}

.award-box small,
.award-box h3{
  color:var(--lime)!important;
}

.resource.pending::after{
  border-color:rgba(0,38,83,.18)!important;
}

/* ===== HERO'YU ESKI GORSELE CEVIR ===== */

.hero{
  min-height:100svh!important;
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  color:#fff!important;
  background:var(--navy)!important;
}

.hero-media{
  position:absolute!important;
  inset:0!important;
  order:unset!important;
  width:auto!important;
  aspect-ratio:auto!important;
  flex:none!important;
  background:
    url("/assets/hero.webp")
    center 42% / cover no-repeat!important;
  transform:scale(1.015)!important;
  background-color:transparent!important;
}

.hero-overlay{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(
      90deg,
      rgba(0,38,83,.78) 0%,
      rgba(0,38,83,.36) 48%,
      rgba(0,38,83,.18) 100%
    ),
    linear-gradient(
      to top,
      rgba(0,38,83,.88),
      rgba(0,38,83,.02) 56%
    )!important;
}

.hero-inner{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding-top:110px!important;
  padding-bottom:240px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  background:transparent!important;
}

.hero-inner > *{
  display:block!important;
}

.hero-dates{
  display:flex!important;
  flex-direction:column!important;
}

.hero-alem{
  display:flex!important;
}

.hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

/* hero alt mesaj */
.hero-message{
  position:absolute;
  z-index:3;
  left:var(--side);
  right:var(--side);
  bottom:110px;
  display:grid;
  grid-template-columns:minmax(320px,760px) auto;
  gap:28px;
  align-items:end;
  pointer-events:none;
}

.hero-slogan{
  margin:0;
  color:var(--lime);
  font-family:var(--serif);
  font-size:clamp(26px,3vw,55px);
  font-weight:500;
  line-height:.95;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.hero-slogan em{
  font-style:italic;
  font-weight:500;
}

.hero-partners{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:30px;
  flex-wrap:wrap;
  color:#fff;
  font-size:clamp(14px,1.15vw,22px);
  font-weight:700;
  letter-spacing:.02em;
  text-align:right;
}

.hero-partners span:last-child{
  font-size:clamp(11px,1vw,16px);
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.95;
}

/* CTA'lar tekrar normal */
.hero-actions .button{
  border-radius:999px!important;
}

.hero-actions .button.glass{
  border:1px solid rgba(255,255,255,.55)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  backdrop-filter:blur(8px);
}

.hero-actions .button.lime{
  background:var(--lime)!important;
  color:var(--navy)!important;
}

/* sehir bandi tekrar hero ustunde */
.city-ribbon{
  position:absolute!important;
  z-index:4!important;
  left:var(--side)!important;
  right:var(--side)!important;
  bottom:28px!important;
  order:unset!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  border-top:1px solid rgba(255,255,255,.35)!important;
}

.city-ribbon a{
  padding:18px 0 0!important;
}

.city-ribbon a+a{
  padding-left:32px!important;
  border-left:1px solid rgba(255,255,255,.28)!important;
  border-top:0!important;
}

.nav:not(.scrolled)::before{
  background:
    linear-gradient(
      to bottom,
      rgba(0,38,83,.82),
      rgba(0,38,83,.18)
    )!important;
}

@media (max-width:1100px){
  .hero-message{
    grid-template-columns:1fr;
    gap:16px;
  }

  .hero-partners{
    justify-content:flex-start;
    text-align:left;
  }
}

@media (max-width:760px){
  .hero-inner{
    padding-top:125px!important;
    padding-bottom:270px!important;
  }

  .hero-message{
    left:20px;
    right:20px;
    bottom:118px;
    gap:14px;
  }

  .hero-slogan{
    font-size:clamp(18px,6vw,28px);
    line-height:1;
  }

  .hero-partners{
    gap:16px;
    font-size:13px;
  }

  .hero-partners span:last-child{
    font-size:11px;
  }

  .city-ribbon{
    grid-template-columns:1fr!important;
    bottom:70px!important;
  }

  .city-ribbon a{
    grid-template-columns:60px 1fr auto!important;
    padding:11px 0!important;
  }

  .city-ribbon a+a{
    padding-left:0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.25)!important;
  }

  .hero-actions{
    margin-top:24px!important;
  }
}

@media (max-width:480px){
  .hero-inner{
    padding-bottom:300px!important;
  }

  .hero-message{
    bottom:120px;
  }

  .hero-partners{
    gap:12px;
    font-size:12px;
  }
}