/* ============================================================================
   Wspolny wzor podswietlen dla calej strony - identyczny jak zakladki nawigacji (.nav-link):
   fioletowy obrys + delikatny gradient, bez cieni i poswiat.
   Ladowany po style.css danej strony (regulamin, transmisje, crime, changelog, strona glowna).
   ============================================================================ */

/* --- przyciski kontaktowe i akcje --- */
.contact-link,
.watch-toggle-btn,
.btn { border: 1px solid var(--accent-primary); }

.contact-link:hover,
.watch-toggle-btn:hover,
.btn:hover {
    color: white;
    transform: translateY(-3px);
    border-color: var(--accent-primary);
    box-shadow: none;
    background: linear-gradient(135deg, rgba(84, 39, 135, 0.15), rgba(84, 39, 135, 0.08));
}

/* --- zakladki i filtry (Wszystkie / Twitch / Kick, kategorie itp.) --- */
.tab-btn,
.filter-btn { border: 1px solid transparent; }

.tab-btn:hover,
.filter-btn:hover {
    color: white;
    border-color: var(--accent-primary);
    background: linear-gradient(135deg, rgba(84, 39, 135, 0.15), rgba(84, 39, 135, 0.08));
}
.tab-btn.active,
.filter-btn.active {
    color: white;
    border: 1px solid var(--accent-primary);
    background: linear-gradient(135deg, rgba(84, 39, 135, 0.15), rgba(84, 39, 135, 0.08));
    box-shadow: none;
    text-shadow: none;
}

/* --- regulamin: kafelki kategorii (jak w podaniach) --- */
.rule-category-card.pd-card:hover {
    border-color: var(--accent-primary);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
    background: linear-gradient(135deg, rgba(84, 39, 135, 0.15), rgba(84, 39, 135, 0.08)), rgba(29, 29, 32, 0.7);
}
.rule-category-card.pd-card:hover::after { opacity: 0; }
.rule-category-card.pd-card:hover .category-icon { transform: scale(1.08) rotate(-5deg); }
.rule-category-card.pd-card:hover h2,
.rule-category-card.pd-card:hover h3,
.rule-category-card.pd-card:hover > i { color: white; }

/* --- changelog: karta wpisu --- */
.changelog-card.pd-card:hover {
    border-color: var(--accent-primary);
    box-shadow: none;
}

/* --- transmisje: uklad jak w podaniach (lista od razu na pierwszym ekranie, bez duzego banera) --- */
#streams-page { display: flex; flex-direction: column; }
.streams-hero {
    min-height: auto;
    padding: 110px 5% 0;
    margin-top: auto;
}
.streams-hero h1 {
    font-size: clamp(1.8rem, 3.2vw, 2.8rem);
    margin-bottom: 0.7rem;
}
.streams-hero p {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 0;
}
.streams-hero .scroll-hint { display: none; }
.streams-container {
    width: 100%;
    margin: 0 auto auto;
    padding: 22px 5% 40px;
    gap: 24px;
}
@media (max-width: 640px) {
    .streams-hero { padding-top: 90px; }
    .streams-hero h1 {
        white-space: normal;
        font-size: clamp(1.4rem, 7vw, 1.8rem);
    }
}

/* --- responsywnosc wspolna --- */
@media (max-width: 480px) {
    .btn, .contact-link, .watch-toggle-btn, .tab-btn, .filter-btn { min-height: 44px; }
}