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

:root {
    --club-color-0: #151F3A;
    --club-color-1: #FCCB0A;
    --club-color-2: #1e293b;
    --club-color-text: #151F3A;
    --star-active-color: var(--club-color-2);
}

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

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

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

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

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

/* ACT Norths Color Variations - Only where different from defaults */
.underline-team-color {
    border-color: var(--club-color-1); /* 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 */
}

.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 {
    color: var(--club-color-1);
}

/* Footer App Promotion - ACT Norths Light Theme */
.footer-app-promotion {
    background: none !important;
}

.footer-app-promotion h3,
.app-description,
.app-benefit span {
    color: var(--club-color-1);
    text-shadow: none;
}

.app-benefit i {
    background-color: var(--club-color-1);
    color: var(--club-color-0);
}

/* Load More Button Styling for act-norths */
.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-2);
}

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

.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-0) !important;
}