/* ==================== BASE STYLES ==================== */
body { background: #14181c !important; } /* Letterboxd dark background */
body.page, body.single, body.home, body.archive { background: #14181c !important; }
body.page .hentry, body.single .hentry, body.home .hentry { background: transparent !important; }
body.page #content, body.single #content, body.home #content { background: transparent !important; }
body.page article, body.single article { background: transparent !important; }
.site { background: transparent !important; }
.site-content { background: transparent !important; }
.entry-content { background: transparent !important; }
.hentry { background: transparent !important; }
.widget-area { background: transparent !important; }
.page { background: transparent !important; }
.post { background: transparent !important; }
#page { background: transparent !important; }
#content { background: transparent !important; }
#main { background: transparent !important; }
.main-content { background: transparent !important; }
article { background: transparent !important; }
.entry-header { background: transparent !important; }
.entry-meta { color: #9ab !important; } /* Letterboxd text color */

/* ==================== TYPOGRAPHY ==================== */
h1, h2, h3, h4, h5, h6 { color: #feda6a !important; }
h1.entry-title { color: #feda6a !important; }
h2.entry-title a, h2.entry-title a:link, h2.entry-title a:visited { color: #feda6a !important; }
h2.entry-title a:hover { color: #fff !important; }

/* ==================== UNDERLINED SECTION HEADINGS ==================== */
/* For International, Clubs, and Seasons pages - underlined category headings */
/* Target all possible combinations of underlined text */
p u,
p strong u,
p span u,
strong u,
u,
.entry-content u,
.entry-content p u,
.entry-content strong u,
.entry-content span u,
article u,
.hentry u { 
    color: #feda6a !important; 
    text-decoration: underline !important;
    text-decoration-color: #feda6a !important;
}

/* Also target centered paragraphs that might contain these headings */
p[style*="text-align: center"] u,
p[style*="text-align:center"] u {
    color: #feda6a !important;
}

/* ==================== GLOBAL TEXT COLOR ==================== */
body, p, div, li { color: #9ab !important; } /* Letterboxd's light grey text */
span { color: #9ab !important; } /* Default for spans */

/* BUT: Underlined spans should be YELLOW */
span[style*="text-decoration: underline"],
span[style*="text-decoration:underline"],
u span,
span u {
    color: #feda6a !important;
}

/* Text INSIDE underlined spans (like strong tags) should also be YELLOW */
span[style*="underline"] strong,
span[style*="underline"] b,
span[style*="underline"] em,
span[style*="underline"] i,
u strong,
u b,
u em,
u i {
    color: #feda6a !important;
}

/* BUT: Spans inside tab content links should be BLUE - override the grey! */
.tab-content a span,
div[id*="wpsm_tab_"] a span,
.wpb_tab a span {
    color: #0066cc !important;
}

/* ==================== GLOBAL LINK COLORS - LETTERBOXD STYLE ==================== */
/* All links in main content - using Letterboxd's light blue */
.entry-content a, 
.entry-content a:link, 
.entry-content a:visited,
a,
a:link,
a:visited { 
    color: #40bcf4 !important; /* Letterboxd's light blue for links */
    text-decoration: none !important;
}

.entry-content a:hover,
a:hover { 
    color: #c0c0c0 !important; /* Light grey on hover instead of green */
}

/* No visited link color change - keep same as regular links */
a:visited {
    color: #40bcf4 !important;
}

/* Exception: Keep your special buttons/links their own colors */
.rlj-browse-teams a,
.rlj-stats-grid a,
.rlj-more-link a,
.rlj-comp-grid a {
    /* These keep their custom styling */
}

/* ==================== HEADER & NAVIGATION ==================== */
.site-header { background: #14181c !important; border-bottom: 1px solid #456 !important; }
.site-title a, .site-title a:link, .site-title a:visited { color: #feda6a !important; }
.site-title a:hover { color: #fff !important; }
.site-description { color: #9ab !important; }
.main-navigation { background: #14181c !important; }
.main-navigation a, .main-navigation a:link, .main-navigation a:visited { color: #9ab !important; }
.main-navigation a:hover { color: #feda6a !important; }
.main-navigation .current-menu-item a { color: #feda6a !important; }

/* ==================== MY STICKY BAR - READABLE TEXT ==================== */
/* Make unselected text white for better contrast on purple bar */
#mysticky-nav,
.mysticky-nav,
#mysticky-nav a,
.mysticky-nav a,
#mysticky-nav span,
.mysticky-nav span {
    color: #ffffff !important; /* White text for readability */
}

/* Keep active/selected items yellow */
#mysticky-nav .current-menu-item a,
.mysticky-nav .current-menu-item a,
#mysticky-nav .active a,
.mysticky-nav .active a {
    color: #feda6a !important; /* Yellow for selected */
}

/* ==================== HOMEPAGE TILES ==================== */
.homepage-tiles img { transition: transform 0.25s ease, box-shadow 0.25s ease; border-radius: 6px; }

/* ==================== RLJ MAIN COMPONENTS ==================== */
.rlj-wrap { font-family: Arial, sans-serif; max-width: 100%; color: #9ab; background: #14181c; padding: 10px; }
.rlj-intro { text-align: center; padding: 12px 0 6px; }
.rlj-intro p { margin: 4px 0; font-size: 15px; }
.rlj-stat { font-size: 17px; font-weight: bold; color: #feda6a; margin-top: 6px !important; }

/* SECTION TITLES - DARK TEXT ON YELLOW BANNER */
.rlj-section-title { 
    font-size: 16px; 
    font-weight: bold; 
    text-align: center; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    color: #2a2a2a !important; /* Dark grey text for readability on yellow */
    background: #feda6a; 
    padding: 7px 12px; 
    margin: 18px 0 10px; 
    border-radius: 3px; 
}

.rlj-comp-year-label { text-align: center; font-size: 14px; font-weight: bold; color: #9ab; background: #2c3440; display: inline-block; padding: 3px 16px; border-radius: 3px; margin: 8px auto 8px; width: 100%; box-sizing: border-box; }

/* ==================== COMPETITION GRID ==================== */
.rlj-comp-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 8px; }
.rlj-comp-grid a, .rlj-comp-grid a:link, .rlj-comp-grid a:visited { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #40bcf4; font-size: 11px; font-weight: bold; text-align: center; width: 80px; }
.rlj-comp-grid a:hover { color: #c0c0c0 !important; } /* Light grey instead of green */
.rlj-comp-grid img { width: 70px; height: 70px; object-fit: contain; border: 1px solid #456; border-radius: 4px; padding: 4px; background: #0c0f14; margin-bottom: 4px; transition: border-color 0.2s; }
.rlj-comp-grid a:hover img { border-color: #feda6a; }

/* ==================== STATS & BROWSE ==================== */
.rlj-stats-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 6px; }
.rlj-stats-grid a, .rlj-stats-grid a:link, .rlj-stats-grid a:visited { background: #0c0f14; border: 1px solid #456; border-radius: 4px; padding: 5px 14px; font-size: 13px; font-weight: bold; color: #9ab; text-decoration: none; }
.rlj-stats-grid a:hover { background: #feda6a; color: #1d1e22 !important; }
.rlj-browse-teams { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.rlj-browse-teams a, .rlj-browse-teams a:link, .rlj-browse-teams a:visited { background: #0c0f14; color: #9ab; border: 1px solid #456; padding: 8px 20px; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 14px; }
.rlj-browse-teams a:hover { background: #feda6a; color: #1d1e22 !important; border-color: #feda6a; }

/* ==================== ADDITIONS GRID ==================== */
.rlj-additions-grid { display: block; width: 100%; }
.rlj-comp-block { border-radius: 5px; margin-bottom: 14px; overflow: hidden; }
.rlj-comp-label { display: flex; align-items: center; gap: 10px; padding: 8px 14px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; width: 100%; box-sizing: border-box; }
.rlj-comp-label::before { content: ''; width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.rlj-additions-grid .gallery { margin: 0 0 6px !important; }
.rlj-additions-grid .gallery-item { text-align: center; }
.rlj-additions-grid .gallery-item img { border: 1px solid #456 !important; border-radius: 4px; padding: 3px; background: #e8e6e0; object-fit: contain; transition: border-color 0.2s; }
.rlj-additions-grid .gallery-item img:hover { border-color: #feda6a !important; }
.rlj-additions-grid .gallery-caption { font-size: 11px; color: #9ab; line-height: 1.3; margin-top: 3px; text-align: center; }

/* ==================== MORE LINK & DIVIDER ==================== */
.rlj-more-link { text-align: center; margin: 20px 0 12px; } /* Increased spacing */
.rlj-more-link a, .rlj-more-link a:link, .rlj-more-link a:visited { background: #0c0f14; color: #9ab; border: 1px solid #456; padding: 10px 28px; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 14px; display: inline-block; } /* More padding for better spacing */
.rlj-more-link a:hover { background: #feda6a; color: #1d1e22 !important; border-color: #feda6a; }
.rlj-divider { border: none; border-top: 2px solid #456; margin: 18px 0; }

/* ==================== HOMEPAGE SPECIFIC FIXES ==================== */
@media (max-width: 480px) { 
    .rlj-comp-grid a { width: 68px; } 
    .rlj-comp-grid img { width: 58px; height: 58px; } 
    .rlj-browse-teams a { font-size: 13px; padding: 7px 12px; } 
}

.home h1.entry-title { display: none !important; }
.rlj-wrap { padding-top: 0 !important; margin-top: 0 !important; }
.rlj-divider { margin-top: 0 !important; }
.home .entry-content { padding-top: 0 !important; margin-top: 0 !important; }
.home .site-content { padding-top: 0 !important; margin-top: 0 !important; }
.rlj-section-title { margin-top: 0 !important; }

/* ==================== HOMEPAGE ONLY: BOLD COMPETITION COLORS ==================== */
/* NRL - Vibrant Green (like Spotify's green) */
.home .rlj-comp-block--nrl { background: #143d22; border-left: 4px solid #1ed760; }
.home .rlj-comp-block--nrl .rlj-comp-label { background: #0f2e19; color: #1ed760; }
.home .rlj-comp-block--nrl .rlj-comp-label::before { background: #1ed760; }

/* English Super League - Bright Blue */
.home .rlj-comp-block--esl { background: #14335a; border-left: 4px solid #3b9eff; }
.home .rlj-comp-block--esl .rlj-comp-label { background: #0f2642; color: #3b9eff; }
.home .rlj-comp-block--esl .rlj-comp-label::before { background: #3b9eff; }

/* NRLW - Hot Pink/Magenta */
.home .rlj-comp-block--nrlw { background: #3d1430; border-left: 4px solid #ff1eb9; }
.home .rlj-comp-block--nrlw .rlj-comp-label { background: #2e0f24; color: #ff1eb9; }
.home .rlj-comp-block--nrlw .rlj-comp-label::before { background: #ff1eb9; }

/* QLD Cup - Bright Red */
.home .rlj-comp-block--qld { background: #3d1414; border-left: 4px solid #ff4444; }
.home .rlj-comp-block--qld .rlj-comp-label { background: #2e0f0f; color: #ff4444; }
.home .rlj-comp-block--qld .rlj-comp-label::before { background: #ff4444; }

/* NSW Cup - Vibrant Purple */
.home .rlj-comp-block--nsw { background: #31143d; border-left: 4px solid #b966ff; }
.home .rlj-comp-block--nsw .rlj-comp-label { background: #240f2e; color: #b966ff; }
.home .rlj-comp-block--nsw .rlj-comp-label::before { background: #b966ff; }

/* International - Bright Orange/Gold */
.home .rlj-comp-block--intl { background: #3d3014; border-left: 4px solid #ffb020; }
.home .rlj-comp-block--intl .rlj-comp-label { background: #2e230f; color: #ffb020; }
.home .rlj-comp-block--intl .rlj-comp-label::before { background: #ffb020; }

/* Referees - Bright Teal/Cyan */
.home .rlj-comp-block--refs { background: #143d38; border-left: 4px solid #1bd4bf; }
.home .rlj-comp-block--refs .rlj-comp-label { background: #0f2e2a; color: #1bd4bf; }
.home .rlj-comp-block--refs .rlj-comp-label::before { background: #1bd4bf; }

/* Championship - Vivid Orange */
.home .rlj-comp-block--championship { background: #3d2814; border-left: 4px solid #ff8833; }
.home .rlj-comp-block--championship .rlj-comp-label { background: #2e1e0f; color: #ff8833; }
.home .rlj-comp-block--championship .rlj-comp-label::before { background: #ff8833; }

/* Amateur - Bright Grey */
.home .rlj-comp-block--amateur { background: #2a2a2a; border-left: 4px solid #b0b0b0; }
.home .rlj-comp-block--amateur .rlj-comp-label { background: #1f1f1f; color: #b0b0b0; }
.home .rlj-comp-block--amateur .rlj-comp-label::before { background: #b0b0b0; }

/* NON-HOMEPAGE PAGES: SUBTLE COMPETITION COLORS (Original) */
.rlj-comp-block--nrl { background: #1a2e1e; border-left: 4px solid #22c55e; }
.rlj-comp-block--nrl .rlj-comp-label { background: #1e3522; color: #4ade80; }
.rlj-comp-block--nrl .rlj-comp-label::before { background: #22c55e; }

.rlj-comp-block--esl { background: #1a2030; border-left: 4px solid #4fa3e0; }
.rlj-comp-block--esl .rlj-comp-label { background: #1e2638; color: #7ec1f0; }
.rlj-comp-block--esl .rlj-comp-label::before { background: #4fa3e0; }

.rlj-comp-block--nrlw { background: #2a1a28; border-left: 4px solid #d45fa0; }
.rlj-comp-block--nrlw .rlj-comp-label { background: #301e2e; color: #e87ec0; }
.rlj-comp-block--nrlw .rlj-comp-label::before { background: #d45fa0; }

.rlj-comp-block--qld { background: #2e1a1a; border-left: 4px solid #e8453c; }
.rlj-comp-block--qld .rlj-comp-label { background: #351e1e; color: #ff6b64; }
.rlj-comp-block--qld .rlj-comp-label::before { background: #e8453c; }

.rlj-comp-block--nsw { background: #1e1a2e; border-left: 4px solid #a855f7; }
.rlj-comp-block--nsw .rlj-comp-label { background: #241e35; color: #c084fc; }
.rlj-comp-block--nsw .rlj-comp-label::before { background: #a855f7; }

.rlj-comp-block--intl { background: #2a2414; border-left: 4px solid #f59e0b; }
.rlj-comp-block--intl .rlj-comp-label { background: #302a18; color: #fbbf24; }
.rlj-comp-block--intl .rlj-comp-label::before { background: #f59e0b; }

.rlj-comp-block--championship { background: #2a1e10; border-left: 4px solid #f97316; }
.rlj-comp-block--championship .rlj-comp-label { background: #302318; color: #fb923c; }
.rlj-comp-block--championship .rlj-comp-label::before { background: #f97316; }

.rlj-comp-block--refs { background: #102828; border-left: 4px solid #14b8a6; }
.rlj-comp-block--refs .rlj-comp-label { background: #182e2e; color: #2dd4bf; }
.rlj-comp-block--refs .rlj-comp-label::before { background: #14b8a6; }

.rlj-comp-block--amateur { background: #222222; border-left: 4px solid #888; }
.rlj-comp-block--amateur .rlj-comp-label { background: #282828; color: #aaa; }
.rlj-comp-block--amateur .rlj-comp-label::before { background: #888; }

/* ==================== TABS RESPONSIVE PLUGIN STYLING ==================== */
/* This styling now applies to ALL pages - no need to edit individual pages! */

/* Tab Navigation Container */
ul.wpsm_nav-tabs { 
    background: transparent !important; 
    border-bottom: none !important; 
    padding: 0 !important; 
    margin: 0 !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
}

/* Inactive Tabs - Light grey background */
ul.wpsm_nav-tabs li a { 
    background: #b8b5ae !important;
    color: #2a2a2a !important;
    border: none !important; 
    border-bottom: 2px solid #b8b5ae !important; 
    padding: 8px 16px !important; 
    display: block !important; 
}
ul.wpsm_nav-tabs li a span { 
    color: #2a2a2a !important; 
}

/* Active Tab */
ul.wpsm_nav-tabs li.active a { 
    background: #4a9bd5 !important;
    color: #ffffff !important; 
    border: none !important; 
    border-bottom: 2px solid #4a9bd5 !important; 
}
ul.wpsm_nav-tabs li.active a span { 
    color: #ffffff !important; 
}

/* Tab Hover State */
ul.wpsm_nav-tabs li a:hover { 
    background: #9a978e !important;
    color: #1d1e22 !important; 
}
ul.wpsm_nav-tabs li a:hover span { 
    color: #1d1e22 !important; 
}

/* ==================== TAB CONTENT - TEAM PAGES FIX ==================== */
/* This is the key fix for your team pages with white backgrounds */

/* Tab Content Area with WHITE background */
.wpsm_nav-tabs + .tab-content,
.wpb_tabs_nav + .wpb_tab,
div[id*="wpsm_tab_"],
.tab-content,
.wpb_tab { 
    background: #ffffff !important; /* White background */
    color: #2a2a2a !important; /* DARK text for white background */
    border: 1px solid #ddd !important;
    padding: 16px !important; 
}

/* ALL text inside white tab areas - DARK */
.wpsm_nav-tabs + .tab-content p, 
.wpsm_nav-tabs + .tab-content span,
.wpsm_nav-tabs + .tab-content div,
.wpb_tab p,
.wpb_tab span,
.wpb_tab div,
div[id*="wpsm_tab_"] p,
div[id*="wpsm_tab_"] span,
div[id*="wpsm_tab_"] div { 
    color: #2a2a2a !important; /* Dark grey text */
}

/* Headings inside white tabs - DARK and BOLD */
.wpsm_nav-tabs + .tab-content h1, 
.wpsm_nav-tabs + .tab-content h2, 
.wpsm_nav-tabs + .tab-content h3, 
.wpsm_nav-tabs + .tab-content h4, 
.wpsm_nav-tabs + .tab-content h5, 
.wpsm_nav-tabs + .tab-content h6,
.wpb_tab h1,
.wpb_tab h2,
.wpb_tab h3,
.wpb_tab h4,
div[id*="wpsm_tab_"] h1,
div[id*="wpsm_tab_"] h2,
div[id*="wpsm_tab_"] h3,
div[id*="wpsm_tab_"] h4 { 
    color: #2a2a2a !important; /* Dark headings */
    font-weight: bold !important;
}

/* Gallery captions inside white tabs */
.wpsm_nav-tabs + .tab-content .gallery-caption,
.wpb_tab .gallery-caption,
div[id*="wpsm_tab_"] .gallery-caption { 
    color: #666 !important;
    font-size: 12px !important; 
    font-style: italic !important; 
}

/* ==================== TEAM NAME LINKS - BOLD AND BLUE ==================== */
/* LINKS inside white tab content - BLUE, BOLD and visible! */
/* Super aggressive targeting to override plugin CSS */
.wpsm_nav-tabs + .tab-content a, 
.wpsm_nav-tabs + .tab-content a:link, 
.wpsm_nav-tabs + .tab-content a:visited,
.wpb_tab a,
.wpb_tab a:link,
.wpb_tab a:visited,
div[id*="wpsm_tab_"] a,
div[id*="wpsm_tab_"] a:link,
div[id*="wpsm_tab_"] a:visited,
.entry-content .wpb_tab a,
.entry-content div[id*="wpsm_tab_"] a,
.tab-content a,
.tab-content a:link,
.tab-content a:visited,
.tab-content p a,
.wpsm_nav-tabs ~ .tab-content a,
div.tab-content a,
.wpsm_nav.wpsm_nav-tabs + .tab-content a,
div[id*="wpsm_tab_"] div a,
div[id*="wpsm_tab_"] p a,
.tab-content div a { 
    color: #0066cc !important; /* BLUE links visible on white */
    text-decoration: none !important;
    font-weight: bold !important; /* BOLD team names */
}

/* SPANS inside links in tabs - must be BLUE */
.tab-content a span,
.wpsm_nav-tabs + .tab-content a span,
div[id*="wpsm_tab_"] a span,
.wpb_tab a span,
div[id*="wpsm_tab_"] div a span,
div[id*="wpsm_tab_"] p a span {
    color: #0066cc !important;
}

.wpsm_nav-tabs + .tab-content a:hover,
.wpb_tab a:hover,
div[id*="wpsm_tab_"] a:hover,
.tab-content a:hover { 
    color: #003d7a !important; /* Darker blue on hover */
    text-decoration: underline !important;
}

/* Strong/Bold text (manufacturers) - keep black and bold */
.wpsm_nav-tabs + .tab-content strong,
.wpb_tab strong,
div[id*="wpsm_tab_"] strong,
.tab-content strong { 
    color: #2a2a2a !important;
    font-weight: bold !important;
}

/* But if strong is INSIDE a link, it should be blue */
.tab-content a strong,
.wpsm_nav-tabs + .tab-content a strong,
div[id*="wpsm_tab_"] a strong {
    color: #0066cc !important;
}