/* === v1.34.3 Premium Compact Page Hero ===
   Market / Bilet / Yayın Etkinliği gibi sayfaların üst başlık alanını
   daha derli toplu ve premium hale getirir.
*/

html body:not(.admin-body) .page-hero.compact{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  gap:10px!important;
  align-content:center!important;
  min-height:0!important;
  padding:28px 30px!important;
  margin:0 0 20px!important;
  border-radius:24px!important;
  border:1px solid rgba(25,200,245,.12)!important;
  background:
    linear-gradient(90deg, rgba(25,200,245,.05) 1px, transparent 1px),
    linear-gradient(rgba(25,200,245,.035) 1px, transparent 1px),
    linear-gradient(105deg, rgba(8,44,63,.92), rgba(3,19,31,.95) 58%, rgba(2,12,20,.98))!important;
  background-size:44px 44px,44px 44px,auto!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 48px rgba(0,0,0,.20),
    0 0 0 1px rgba(25,200,245,.04)!important;
  isolation:isolate!important;
}

html body:not(.admin-body) .page-hero.compact::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:18px!important;
  bottom:18px!important;
  width:4px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg, #3fe5ff, #0aa7d3)!important;
  box-shadow:0 0 18px rgba(25,200,245,.30)!important;
  opacity:.95!important;
}

html body:not(.admin-body) .page-hero.compact::after{
  content:""!important;
  position:absolute!important;
  right:-55px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:240px!important;
  height:240px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(25,200,245,.16), rgba(25,200,245,.05) 38%, transparent 62%),
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), transparent 20%)!important;
  filter:blur(0.4px)!important;
  opacity:.95!important;
  pointer-events:none!important;
  z-index:0!important;
}

html body:not(.admin-body) .page-hero.compact > *{
  position:relative!important;
  z-index:1!important;
}

html body:not(.admin-body) .page-hero.compact .tag{
  width:max-content!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 13px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg, #27d6ff, #1299f0)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 26px rgba(25,200,245,.18)!important;
}

html body:not(.admin-body) .page-hero.compact .tag::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 12px rgba(255,255,255,.55)!important;
  opacity:.95!important;
}

html body:not(.admin-body) .page-hero.compact h1{
  margin:4px 0 0!important;
  font-size:clamp(28px, 2.55vw, 40px)!important;
  line-height:1.02!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#f8fdff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.16)!important;
  max-width:820px!important;
}

html body:not(.admin-body) .page-hero.compact p{
  margin:4px 0 0!important;
  max-width:720px!important;
  font-size:clamp(14px, 1.08vw, 18px)!important;
  line-height:1.6!important;
  color:#b7d0dc!important;
}

html body:not(.admin-body) .page-hero.compact p strong{
  color:#effbff!important;
}

/* Stream empty hero biraz daha dengeli */
html body:not(.admin-body) .page-hero.compact.stream-event-empty-hero{
  margin-bottom:18px!important;
}

/* Market ve ticket gibi sayfalarda aşağıdaki içerikle aradaki boşluk düzgün olsun */
html body:not(.admin-body) .page-hero.compact + .cards,
html body:not(.admin-body) .page-hero.compact + .market-page-grid,
html body:not(.admin-body) .page-hero.compact + .stream-empty-card{
  margin-top:2px!important;
}

/* Orta ekran */
@media(max-width:1180px){
  html body:not(.admin-body) .page-hero.compact{
    padding:24px 24px!important;
    border-radius:20px!important;
  }
  html body:not(.admin-body) .page-hero.compact::after{
    width:190px!important;
    height:190px!important;
    right:-48px!important;
  }
  html body:not(.admin-body) .page-hero.compact h1{
    letter-spacing:.11em!important;
  }
}

/* Mobil */
@media(max-width:760px){
  html body:not(.admin-body) .page-hero.compact{
    gap:8px!important;
    padding:20px 18px!important;
    border-radius:18px!important;
    margin-bottom:16px!important;
  }
  html body:not(.admin-body) .page-hero.compact::before{
    top:14px!important;
    bottom:14px!important;
    width:3px!important;
  }
  html body:not(.admin-body) .page-hero.compact::after{
    width:120px!important;
    height:120px!important;
    right:-36px!important;
    opacity:.70!important;
  }
  html body:not(.admin-body) .page-hero.compact .tag{
    padding:7px 11px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }
  html body:not(.admin-body) .page-hero.compact h1{
    font-size:clamp(24px, 8vw, 31px)!important;
    letter-spacing:.10em!important;
  }
  html body:not(.admin-body) .page-hero.compact p{
    font-size:14px!important;
    line-height:1.55!important;
  }
}