/* -----------------------------------------------
   ACT ROYALS - COLORS & IMAGES ONLY
   All common structure is inherited from style.css
   ----------------------------------------------- */

:root {
    --club-color-0: #162D88;
    --club-color-1: #2C296A;
    --club-color-2: #D72827;
    --club-color-3: #E9AD53;
    --club-color-text: #151F3A;
    --star-active-color: var(--club-color-3);
}

/* Club-specific background images */
.player-page .page-feature-card,
.search-result-card.sp_player .search-card {
    background-image: url("../images/ACT_Royals/Feature_card_background_player.png");
}

.staff-page .page-feature-card,
.search-result-card.sp_staff .search-card {
    background-image: url("../images/ACT_Royals/Feature_card_background_staff.png");
}

.team-page .page-feature-card {
    background-image: url("../images/ACT_Royals/Feature_card_background_player.png");
}

.clubland-my-account-header {
    background: url('../images/ACT_Royals/Feature_card_background_player.png');
}

.fixture-page .page-feature-card {
    background-color: var(--club-color-0);
}

/* Header and Footer background */
.ast-primary-header-bar, .cl-footer {
    background-color: var(--club-color-0) !important;
}


/* ACT Royals Color Variations */
.underline-team-color {
    border-color: var(--club-color-3); /* Gold underlines */
}

.cl-block-heading,
.cl-block-heading a,
.underline-team-color .cl-block-heading,
.underline-team-color .cl-block-heading a {
    color: #fff; /* White text */
}

.honour-tabs.su-tabs .su-tabs-nav span.su-tabs-current,
.su-accordion.honour-tabs.honour-tabs--vertical .su-spoiler:not(.su-spoiler-closed) .su-spoiler-title,
.faq .su-spoiler:not(.su-spoiler-closed) .su-spoiler-title {
    color: var(--club-color-3); /* Gold active state */
}

.tab-page .tab button.tab-btn.active,
.tab-page .tab button.tab-btn-uppast.active {
    color: var(--club-color-1);
    border-color: var(--club-color-1);
}

@media (width <= 768px) {

    #Matches .tab .tab-btn.active {
        color: var(--club-color-1) !important;
    }
}

div#team1votes {
    background: var(--club-color-1);
}

/* Footer heading color */
.footer-column h2, .footer-column.social .social-icons a, .footer-column a i, .cl-footer {
    color: #fff !important;
}

/* Footer App Promotion - ACT Royals Dark Theme */
.footer-app-promotion {
    background: transparent !important;
}

.footer-app-promotion h3 {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.app-description {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.app-benefit span {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.app-benefit i {
    color: var(--club-color-3);
    background-color: rgb(255 255 255 / 20%);
}

/* Load More Button Styling for act-royals */
.load-more {
    background-color: var(--club-color-0);
    color: #fff;
    border: none;
    transition: background-color 0.3s ease;
}

.load-more:hover {
    background-color: var(--club-color-1);
}

/* 404 Page SVG icons for ACT Royals */
.error-404.custom-404 .left-image,
.error-404.custom-404 .right-image {
    color: var(--club-color-3) !important; /* Gold SVGs */
}

/* Ensure SVGs are visible with explicit opacity */
.error-404.custom-404 .left-image svg,
.error-404.custom-404 .right-image svg {
    opacity: 1;
    fill: currentcolor;
}