@import url("ios26-theme.css");

/* Full red identity theme */
:root {
    --rf-red: #d71932;
    --rf-red-strong: #b80f28;
    --rf-red-dark: #7f0b1d;
    --rf-red-deep: #410611;
    --rf-burgundy: #5f0f1a;
    --rf-cream: #fff6f2;
    --rf-white: #ffffff;
    --rf-gold: #e2b766;
    --rf-gold-soft: #ffe7ab;
    --rf-ink: #3a0710;
    --rf-muted: #74444c;
    --rf-glass: rgba(255, 255, 255, .76);
    --rf-red-glass: rgba(183, 15, 40, .82);
    --rf-shadow: 0 24px 58px rgba(95, 15, 26, .18);
}

body {
    color: var(--rf-ink);
    background:
        radial-gradient(circle at 12% -6%, rgba(215, 25, 50, .32), transparent 32%),
        radial-gradient(circle at 92% 8%, rgba(127, 11, 29, .28), transparent 30%),
        radial-gradient(circle at 16% 86%, rgba(255, 231, 171, .28), transparent 28%),
        linear-gradient(180deg, #fff7f4 0%, #ffe9e5 46%, #fff7f1 100%) !important;
}

body::before {
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .58), transparent 25%, rgba(215, 25, 50, .13) 55%, transparent 78%),
        repeating-linear-gradient(135deg, rgba(184, 15, 40, .055) 0 1px, transparent 1px 20px),
        radial-gradient(circle at 80% 24%, rgba(255, 231, 171, .28), transparent 18%) !important;
}

body::after {
    content: "";
    position: fixed;
    inset-inline: 0;
    top: 0;
    z-index: -1;
    height: 8px;
    background: linear-gradient(90deg, var(--rf-red-deep), var(--rf-red), var(--rf-gold), var(--rf-red));
    pointer-events: none;
}

.hero,
.teams-page-hero {
    background:
        radial-gradient(circle at 14% 12%, rgba(255, 255, 255, .24), transparent 24%),
        radial-gradient(circle at 84% 10%, rgba(255, 231, 171, .28), transparent 26%),
        linear-gradient(132deg, var(--rf-red-deep) 0%, var(--rf-red-dark) 30%, var(--rf-red-strong) 62%, var(--rf-red) 100%) !important;
    color: #fff !important;
}

.hero::before,
.teams-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .58;
    background:
        radial-gradient(circle at 14% 62%, transparent 0 62px, rgba(255, 231, 171, .3) 63px 66px, transparent 67px),
        radial-gradient(circle at 88% 30%, transparent 0 82px, rgba(255, 255, 255, .16) 83px 88px, transparent 89px),
        linear-gradient(58deg, transparent 0 36%, rgba(255, 255, 255, .14) 36% 42%, transparent 42%),
        linear-gradient(116deg, transparent 0 58%, rgba(255, 231, 171, .18) 58% 64%, transparent 64%);
    pointer-events: none;
}

.hero-grid {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 231, 171, .34) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .055)),
        radial-gradient(circle at 70% 14%, rgba(255, 231, 171, .16), transparent 30%) !important;
}

.hero h1,
.teams-page-title h1 {
    color: #fff !important;
    text-shadow: 0 3px 18px rgba(65, 6, 17, .42) !important;
}

.hero .hero-text,
.teams-page-title p,
.hero .club-achievements > strong {
    color: rgba(255, 255, 255, .9) !important;
}

:where(.brand, .home-nav a, .hero-actions a) {
    border-color: rgba(255, 231, 171, .32) !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .13) !important;
}

:where(.home-nav a:hover, .hero-actions a:hover) {
    background: linear-gradient(135deg, var(--rf-gold), #fff0bd) !important;
    color: var(--rf-red-deep) !important;
}

:where(.section-title, .home-schedule-title, .competitions-section .section-title, .league-section .section-title, .content-section > .section-title) {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 231, 171, .36) !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 231, 171, .24), transparent 28%),
        linear-gradient(135deg, var(--rf-red-deep), var(--rf-red-dark) 48%, var(--rf-red)) !important;
    box-shadow: 0 18px 46px rgba(95, 15, 26, .22), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

:where(.section-title, .home-schedule-title, .competitions-section .section-title, .league-section .section-title, .content-section > .section-title)::before {
    content: "";
    position: absolute;
    inset-inline: 16px;
    bottom: 0;
    height: 5px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, transparent, var(--rf-gold), #fff2c4, var(--rf-gold), transparent);
}

:where(.content-section > .section-title h2, .content-section > .section-title p, .home-schedule-title strong, .competitions-section .section-title h2, .competitions-section .section-title p, .league-section .section-title h2, .league-section .section-title p) {
    color: #fff !important;
    text-shadow: 0 2px 14px rgba(65, 6, 17, .38) !important;
}

:where(.stat-card, .home-feature-card, .facebook-card, .scorer-card, .gallery-card, .gallery-empty, .schedule-card, .match-card, .competition-table-card, .club-team-card, .player-card, .board-member-card, .achievement-card, .detail-panel, .match-detail-hero, .match-info-grid article, .player-profile-hero, .profile-stat, .profile-bio-panel, .advanced-stats-shell, .empty-roster, .visual-stats-panel) {
    border-color: rgba(184, 15, 40, .18) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(255, 240, 236, .72) 48%, rgba(255, 231, 223, .78)),
        var(--rf-glass) !important;
    box-shadow: var(--rf-shadow), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
    color: var(--rf-ink) !important;
}

:where(.match-card, .competition-table-card, .advanced-stats-shell, .facebook-card, .scorer-card, .schedule-card) {
    position: relative;
    overflow: hidden;
}

:where(.match-card, .competition-table-card, .advanced-stats-shell, .facebook-card, .scorer-card, .schedule-card)::before {
    content: "";
    position: absolute;
    inset-inline: 18px;
    top: 0;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--rf-red), var(--rf-gold), var(--rf-red-dark));
    opacity: .95;
    pointer-events: none;
}

.match-card::after,
.competition-table-card::after,
.advanced-stats-shell::after {
    content: "";
    position: absolute;
    inset-inline-end: -56px;
    bottom: -72px;
    width: 180px;
    height: 180px;
    border: 18px solid rgba(184, 15, 40, .08);
    border-top-color: rgba(255, 231, 171, .2);
    border-radius: 50%;
    pointer-events: none;
}

th {
    color: #fff !important;
    background: linear-gradient(135deg, var(--rf-red-deep), var(--rf-red-dark), var(--rf-red)) !important;
}

td {
    color: var(--rf-ink) !important;
}

tbody tr:hover td {
    background: rgba(255, 235, 230, .88) !important;
}

.ticker-label,
:where(.match-card-action, .schedule-details-link, .section-action, .button),
.score-box:not(.upcoming),
.team-score-badge,
.standing-points,
.live-match-minute,
.goals-circle,
.match-status-badge,
.gallery-badge,
.gallery-lightbox-close,
.gallery-lightbox-nav,
.scorer-info h3 {
    color: #fff !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 231, 171, .24), transparent 28%),
        linear-gradient(135deg, var(--rf-red-deep), var(--rf-red-dark) 54%, var(--rf-red)) !important;
}

.score-box.upcoming {
    border-color: rgba(184, 15, 40, .28) !important;
    background:
        radial-gradient(circle at 30% 15%, rgba(255, 231, 171, .48), transparent 34%),
        linear-gradient(135deg, #fff, #fff0ec 48%, #ffe6df) !important;
}

.score-box.upcoming strong,
.score-box.upcoming small {
    color: var(--rf-ink) !important;
}

.match-card.result-card .score-box small,
.result-card .score-box small {
    color: var(--rf-gold-soft) !important;
}

.competition-table-head p,
.match-day-kicker,
.facebook-card a,
.player-stat-card strong,
.stat-tile strong {
    color: var(--rf-red-strong) !important;
}

.home-feature-card::after,
.gallery-card::after {
    background:
        linear-gradient(180deg, transparent 14%, rgba(95, 15, 26, .28) 48%, rgba(65, 6, 17, .86) 100%) !important;
}

.home-feature-card span,
.gallery-caption h3 {
    color: #fff !important;
    border: 1px solid rgba(255, 231, 171, .34);
    background:
        radial-gradient(circle at 14% 20%, rgba(255, 231, 171, .26), transparent 32%),
        linear-gradient(135deg, rgba(65, 6, 17, .94), rgba(184, 15, 40, .92)) !important;
}

.hero .stat-card,
.hero .club-achievements li {
    border-color: rgba(255, 231, 171, .42) !important;
    background:
        radial-gradient(circle at 18% 15%, rgba(255, 231, 171, .28), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 238, 231, .82)) !important;
}

.hero .stat-card strong,
.hero .club-achievements li span {
    color: var(--rf-red-deep) !important;
}

.hero .stat-card small,
.hero .club-achievements li small,
.hero .club-achievements li b {
    color: var(--rf-muted) !important;
}

.rate-ring {
    background:
        radial-gradient(circle, #fff 0 58%, transparent 59%),
        conic-gradient(var(--rf-red) calc(var(--rate) * 1%), rgba(226, 183, 102, .28) 0) !important;
}

.big-win-card,
.detail-score,
.match-day-center {
    border-color: rgba(255, 231, 171, .38) !important;
    background:
        radial-gradient(circle at 18% 16%, rgba(255, 231, 171, .24), transparent 32%),
        linear-gradient(135deg, var(--rf-red-deep), var(--rf-red-dark) 56%, var(--rf-red)) !important;
}

.detail-competition,
.detail-datetime,
.match-day-center small {
    color: rgba(255, 255, 255, .84) !important;
}

@media (max-width: 760px) {
    body {
        background:
            radial-gradient(circle at 18% -4%, rgba(215, 25, 50, .28), transparent 30%),
            radial-gradient(circle at 90% 12%, rgba(127, 11, 29, .2), transparent 28%),
            linear-gradient(180deg, #fff7f4 0%, #ffece7 55%, #fff8f2 100%) !important;
    }

    :where(.match-card, .competition-table-card, .advanced-stats-shell, .facebook-card, .scorer-card, .schedule-card)::before {
        inset-inline: 14px;
    }
}