/* ============================================================
   Sports Pitch Background — sportsbar_pwa
   ────────────────────────────────────────────────────────────
   Hero arka planı: saf saha yeşili + CSS-only çizgiler.
   Görsel asset yok — render'da subtle dikey stripes ve sağda
   orta yuvarlak (futbol sahası center circle) çizilir.
============================================================ */

.sb-pitch-bg {
    background-color: var(--br-bg-1);
    position: relative;
    overflow: hidden;
}

/* Saha dikey çizgileri — subtle vertical stripes */
.sb-pitch-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(
        to right,
        transparent 0,
        transparent 60px,
        rgba(255, 255, 255, 0.025) 60px,
        rgba(255, 255, 255, 0.025) 120px
    );
    pointer-events: none;
    z-index: 0;
}

/* Center circle (sahanın orta yuvarlağı) — sağda */
.sb-pitch-bg::after {
    content: '';
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    width: 380px;
    height: 380px;
    border: 2px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

@media (max-width: 900px) {
    .sb-pitch-bg::after {
        right: -120px;
        width: 280px;
        height: 280px;
        opacity: 0.6;
    }
}

@media (max-width: 600px) {
    .sb-pitch-bg::after {
        display: none;
    }
}