@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;
    }
}

/* EOF override: advanced stats theme polish. */
.advanced-stats-shell {
    border-color: rgba(255, 231, 171, .28) !important;
}

.advanced-stats-shell .stats-chart-card {
    border-color: rgba(255, 231, 171, .36) !important;
    background:
        radial-gradient(circle at 22% 18%, rgba(255, 231, 171, .22), transparent 32%),
        linear-gradient(145deg, var(--rf-red-deep), var(--rf-red-dark) 54%, var(--rf-red)) !important;
}

.advanced-stats-shell .stat-tile-main,
.advanced-stats-shell .big-win-card {
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 231, 171, .28), transparent 30%),
        linear-gradient(145deg, var(--rf-red-deep), var(--rf-red-dark) 56%, var(--rf-red)) !important;
}

.advanced-stats-shell .player-stat-card strong {
    color: #fff !important;
    background: linear-gradient(135deg, var(--rf-red), var(--rf-red-deep)) !important;
}

/* EOF override: standings theme consistency. */
.competition-table-card .table-wrap,
.league-section > .table-wrap {
    overflow: hidden !important;
}

.league-table {
    min-width: 0 !important;
    table-layout: fixed !important;
}

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

@media (max-width: 640px) {
    .league-table .standing-col-rank { width: 34px !important; }
    .league-table .standing-col-team { width: auto !important; }
    .league-table .standing-col-stat { width: 31px !important; }
    .league-table .standing-col-points { width: 38px !important; }
}

/* Final clean football standings override. */
.league-table th {
    color: #87747b !important;
    background: #faf8f5 !important;
}

.league-table td {
    color: #2f1b20 !important;
    background: #fff !important;
}

.league-table tbody tr:hover td {
    background: #fffaf2 !important;
}

.league-table tbody tr.is-club-team td {
    background: #fff7e9 !important;
}

.points {
    background: #8f1724 !important;
}

@media (max-width: 640px) {
    .league-table .standing-col-rank { width: 30px !important; }
    .league-table .standing-col-stat { width: 28px !important; }
    .league-table .standing-col-points { width: 34px !important; }
}

/* Latest standings size sync. */
.standing-rank-2 .rank-badge,
.standing-rank-3 .rank-badge {
    color: #5b4b50 !important;
    background: #f6f2eb !important;
}

@media (max-width: 640px) {
    .league-table .standing-col-rank { width: 32px !important; }
    .league-table .standing-col-stat { width: 30px !important; }
    .league-table .standing-col-points { width: 36px !important; }
}

.league-table th:nth-child(2),
.league-table td:nth-child(2) {
    text-align: start !important;
}

.league-table th:nth-child(2) {
    padding-inline-start: 60px !important;
}

.league-table th:nth-child(2)::after {
    content: "فريق" !important;
}

@media (max-width: 640px) {
    .league-table th:nth-child(2) {
        padding-inline-start: 31px !important;
    }
}

/* Final standings header correction. */
.competition-table-card .competition-table-head p {
    color: #f8d77c !important;
    text-shadow: 0 1px 0 rgba(95, 15, 26, .35) !important;
}

.league-table th:nth-child(2)::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 640px) {
    .league-table th:nth-child(2)::after {
        content: "\0641\0631\064A\0642" !important;
        display: inline-flex !important;
    }
}

/* Final match-day gold text accents. */
.match-day-kicker,
.match-day-center strong,
.match-day-center small,
.match-day-meta a {
    color: var(--gold) !important;
}