/*
 Theme Name:   BoroGuide v4
 Theme URI:    https://www.boroguide.co.uk
 Description:  A child theme based on Jevelin
 Author:       BoroGuide
 Author URI:   https://www.boroguide.co.uk
 Template:     jevelin
 Version:      4.0.1
*/

/* =====================================================
   BOROGUIDE DESIGN SYSTEM 2026
   Version: 1.0
   ===================================================== */

/* =====================================================
   COLOUR TOKENS

   Primary Red:       #b00000
   Hover Red:         #8c0000

   Dark Text:         #222222
   Secondary Text:    #666666

   Light Background:  #f5f5f5

   Card Background:   #ffffff
   Highlight Card:    #f8e6e6

   Border:            #e5e5e5

   ===================================================== */


/* =====================================================
   GLOBAL TYPOGRAPHY
   ===================================================== */

body {
    font-family: 'Fira Sans', sans-serif;
    color: #222222;
    background: #ffffff;
}
body:not(.home) .bg-page-content p,
.single-players .site-main p,
.single-clubs .site-main p,
.single-managers .site-main p,
.single-seasons .site-main p,
.single-match .site-main p {
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Fira Sans', sans-serif;
    color: #222222;
    font-weight: 700;
    line-height: 1.15;
}

h1 {
    font-size: 56px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

p,
li,
td,
th {
    font-family: 'Fira Sans', sans-serif;
}


/* =====================================================
   LINKS
   ===================================================== */

a {
    color: #222222;
    transition: all .2s ease;
}

a:hover {
    color: #b00000;
}

.bg-text-link {
    text-decoration: underline;
}


/* =====================================================
   SECTION SPACING
   ===================================================== */

.bg-section {
    margin-bottom: 80px;
}

.bg-section-small {
    margin-bottom: 40px;
}


/* =====================================================
   STANDARD CARD
   ===================================================== */

.bg-card {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
}

.bg-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}


/* =====================================================
   HIGHLIGHT CARD
   ===================================================== */

.bg-highlight {
    background: #f8e6e6;
    border-radius: 12px;
    padding: 24px;
}


/* =====================================================
   PRIMARY BUTTON
   ===================================================== */

.bg-btn-primary {
    background: #b00000;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 14px 28px;
    font-weight: 600;
    transition: all .2s ease;
}

.bg-btn-primary:hover {
    background: #8c0000;
    color: #ffffff;
}


/* =====================================================
   SECONDARY BUTTON
   ===================================================== */

.bg-btn-secondary {
    background: #ffffff;
    color: #222222;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 14px 28px;
    font-weight: 600;
    transition: all .2s ease;
}

.bg-btn-secondary:hover {
    background: #f5f5f5;
    color: #222222;
}


/* =====================================================
   STAT CARDS
   ===================================================== */

.bg-stat-card {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}

.bg-stat-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #222222;
}

.bg-stat-label {
    font-size: 18px;
    color: #666666;
    margin-top: 12px;
}


/* =====================================================
   RANKING CARDS
   ===================================================== */

.bg-ranking-card {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}

.bg-ranking-position {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #222222;
}

.bg-ranking-label {
    margin-top: 12px;
    color: #666666;
}


/* =====================================================
   TABLE WRAPPER
   ===================================================== */

.bg-table-wrap {
    overflow-x: auto;
}


/* =====================================================
   STANDARD TABLE
   ===================================================== */

.bg-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}

.bg-table thead th {
    background: #222222;
    color: #ffffff;
    font-weight: 600;
    padding: 14px 16px;
    text-align: left;
}

.bg-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.bg-table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.bg-table tbody tr:hover {
    background: #fdf0f0;
}


/* =====================================================
   FACTFILE
   ===================================================== */

.bg-factfile {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
	margin-bottom: 32px;
}

.bg-factfile-item {
    margin-bottom: 16px;
}

.bg-factfile-label {
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bg-factfile-value {
    font-size: 20px;
    color: #222222;
    font-weight: 600;
}


/* =====================================================
   HERO META
   ===================================================== */

.bg-hero-meta {
    color: #666666;
    font-size: 18px;
}

.bg-hero-statline {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
}


/* =====================================================
   ARCHIVE CALLOUT
   ===================================================== */

.bg-archive-callout {
    background: #f8e6e6;
    border-radius: 12px;
    padding: 24px;
}

.bg-archive-callout h3 {
    margin-top: 0;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 24px;
    }

    .bg-card,
    .bg-highlight,
    .bg-stat-card,
    .bg-ranking-card,
    .bg-factfile {
        padding: 20px;
    }

}
.bg-homepage-counters {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

@media (max-width: 768px) {
	.bg-homepage-counters {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* =====================================================
   HOMEPAGE: LATEST RESULT
   ===================================================== */

.bg-latest-result {
    display: block !important;
    max-width: 1200px !important;
    margin: 0 auto 80px auto !important;
    padding: 48px !important;
    background: #f8e6e6 !important;
    border-radius: 12px !important;
    color: #222222 !important;
    font-family: 'Fira Sans', sans-serif !important;
}

.bg-latest-result p {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    font-family: 'Fira Sans', sans-serif !important;
    color: #222222 !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
}

.bg-latest-result .bg-kicker {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}

.bg-latest-result-title {
    font-size: 48px !important;
    line-height: 1.1 !important;
    margin: 0 0 24px 0 !important;
    font-family: 'Fira Sans', sans-serif !important;
    color: #222222 !important;
}

.bg-latest-result-meta {
    font-size: 20px !important;
    margin-bottom: 24px !important;
}

.bg-latest-result-details {
    margin-bottom: 32px !important;
}

.bg-latest-result .bg-btn-primary {
    display: inline-block !important;
    background: #b00000 !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.bg-latest-result .bg-btn-primary:hover {
    background: #8c0000 !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .bg-latest-result {
        padding: 28px !important;
    }

    .bg-latest-result-title {
        font-size: 34px !important;
    }
}
/* =====================================================
   HOMEPAGE: RECORDS GRID
   ===================================================== */

.bg-homepage-records {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 80px auto !important;
}

.bg-records-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
}

.bg-record-card {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.bg-record-card h3 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px 0 !important;
    color: #222222 !important;
    font-weight: 700 !important;
}

.bg-record-name {
    font-size: 18px !important;
    color: #666666 !important;
    margin: 0 0 12px 0 !important;
}

.bg-record-value {
    font-size: 24px !important;
    color: #222222 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    .bg-records-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    .bg-records-grid {
        grid-template-columns: 1fr !important;
    }
}
.bg-record-card {
    border: 5px solid red !important;
}
.bg-season-hero {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	align-items: center;
	margin-bottom: 80px;
}

.bg-season-hero h1 {
	margin: 0 0 16px 0;
}

.bg-season-hero-facts h3 {
	margin-top: 0;
}

@media (max-width: 768px) {
	.bg-season-hero {
		grid-template-columns: 1fr;
	}
}
/* =====================================================
   PLAYER HERO
   ===================================================== */

.bg-player-hero {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 40px;
	align-items: center;
	margin-bottom: 80px;
}

.bg-player-hero-photo {
	width: 100%;
}

.bg-player-hero-image {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
}

.bg-player-hero-main h1 {
	margin: 0 0 16px 0;
}

.bg-player-status {
	display: inline-block;
	background: #b00000;
	color: #ffffff;
	padding: 8px 14px;
	border-radius: 8px;
	font-weight: 600;
	margin: 16px 0 0 0;
}

.bg-player-id {
	color: #666666;
	font-size: 16px;
	margin-top: 16px;
}

@media (max-width: 768px) {
	.bg-player-hero {
		grid-template-columns: 1fr;
	}
}
/* =====================================================
   CLUB HERO
   ===================================================== */

.bg-club-hero {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	align-items: center;
	margin-bottom: 80px;
}

.bg-club-hero h1 {
	margin: 0 0 16px 0;
}

.bg-club-hero-image {
	max-width: 180px;
	height: auto;
	display: block;
}

.bg-club-id {
	color: #666666;
	font-size: 16px;
	margin-top: 16px;
}

@media (max-width: 768px) {
	.bg-club-hero {
		grid-template-columns: 1fr;
	}
}
/* =====================================================
   MATCH HERO
   ===================================================== */

.bg-match-hero {
	margin-bottom: 80px;
}

.bg-match-scoreline {
	font-size: 72px;
	line-height: 1;
	margin: 0 0 20px 0;
}

.bg-match-meta-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-top: 40px;
}

.bg-match-meta-grid .bg-stat-number {
	font-size: 28px;
}

.bg-match-note {
	margin-top: 32px;
}

@media (max-width: 900px) {
	.bg-match-meta-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.bg-match-scoreline {
		font-size: 48px;
	}

	.bg-match-meta-grid {
		grid-template-columns: 1fr;
	}
}
/* =====================================================
   MATCH NAVIGATION
   ===================================================== */

.bg-match-nav-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

@media (max-width: 900px) {
	.bg-match-nav-grid {
		grid-template-columns: 1fr;
	}
}
.bg-match-form-strip {
	display: flex;
	gap: 10px;
	margin: 20px 0;
}

.bg-form-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	font-weight: 700;
	background: #f5f5f5;
}

.bg-form-pill.is-current {
	background: #b00000;
	color: #ffffff;
}

.bg-match-notebook-list {
	margin-bottom: 0;
}
/* =====================================================
   BOROGUIDE V4 — SHARED HERO SYSTEM
   ===================================================== */

.bg-highlight,
.bg-home-hero,
.bg-player-hero,
.bg-club-hero,
.bg-season-hero,
.bg-match-hero,
.bg-manager-hero {
	position: relative;
	width: 100%;
	margin: 0 0 56px 0;
	padding: 64px;
	border-radius: 24px;
	overflow: hidden;
	background: linear-gradient(135deg, #b00000 0%, #650000 100%);
	color: #ffffff;
	box-sizing: border-box;
}

/* Prevent heroes sitting too tight beneath fixed/admin headers */
body.admin-bar .bg-highlight,
body.admin-bar .bg-home-hero,
body.admin-bar .bg-player-hero,
body.admin-bar .bg-club-hero,
body.admin-bar .bg-season-hero,
body.admin-bar .bg-match-hero,
body.admin-bar .bg-manager-hero {
	margin-top: 12px;
}

/* Hero text rhythm */
.bg-highlight h1,
.bg-home-hero h1,
.bg-player-hero h1,
.bg-club-hero h1,
.bg-season-hero h1,
.bg-match-hero h1 {
	margin: 0 0 16px 0;
	font-size: clamp(42px, 6vw, 84px);
	line-height: 0.95;
	letter-spacing: -0.04em;
	color: #ffffff;
}

.bg-highlight h2,
.bg-home-hero h2,
.bg-player-hero h2,
.bg-club-hero h2,
.bg-season-hero h2,
.bg-match-hero h2 {
	color: #ffffff;
}

/* Kicker / metadata */
.bg-kicker,
.bg-hero-meta,
.bg-hero-statline {
	margin: 0 0 12px 0;
	color: rgba(255,255,255,0.88);
}

.bg-kicker {
	display:inline-block;
    margin-bottom:10px;
    font-size:.8rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#b00000;
}

.bg-hero-meta {
	font-size: clamp(18px, 2vw, 24px);
	font-weight: 600;
}

.bg-hero-statline {
	font-size: 1rem;
	font-weight: 500;
}

/* Hero internal cards */
.bg-highlight .bg-card,
.bg-home-hero .bg-card,
.bg-player-hero .bg-card,
.bg-club-hero .bg-card,
.bg-season-hero .bg-card,
.bg-match-hero .bg-card,
.bg-manager-hero .bg-card {
	background: rgba(255,255,255,0.96);
	color: #111111;
	border: 0;
	box-shadow: 0 20px 50px rgba(0,0,0,0.18);
}

/* Match scoreline override */
.bg-match-scoreline {
	font-size: clamp(64px, 10vw, 120px);
	line-height: 0.9;
	letter-spacing: -0.06em;
}

/* Mobile hero behaviour */
@media (max-width: 900px) {
	.bg-highlight,
	.bg-home-hero,
	.bg-player-hero,
	.bg-club-hero,
	.bg-season-hero,
	.bg-match-hero {
		padding: 40px 28px;
		border-radius: 18px;
		margin-bottom: 40px;
	}

	body.admin-bar .bg-highlight,
	body.admin-bar .bg-home-hero,
	body.admin-bar .bg-player-hero,
	body.admin-bar .bg-club-hero,
	body.admin-bar .bg-season-hero,
	body.admin-bar .bg-match-hero {
		margin-top: 20px;
	}
}

@media (max-width: 600px) {
	.bg-highlight,
	.bg-home-hero,
	.bg-player-hero,
	.bg-club-hero,
	.bg-season-hero,
	.bg-match-hero {
		padding: 32px 20px;
		border-radius: 14px;
	}

	.bg-highlight h1,
	.bg-home-hero h1,
	.bg-player-hero h1,
	.bg-club-hero h1,
	.bg-season-hero h1,
	.bg-match-hero h1 {
		font-size: clamp(36px, 12vw, 54px);
	}
}
.bg-manager-clubs-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

@media (max-width: 800px) {
	.bg-manager-clubs-grid {
		grid-template-columns: 1fr;
	}
}

/* =====================================================
   MANAGER HERO
   ===================================================== */

.bg-manager-hero {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	align-items: center;
}

.bg-manager-hero-image img {
	width: 100%;
	max-width: 260px;
	height: auto;
	border-radius: 18px;
	display: block;
	margin-left: auto;
}

.bg-hero-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 28px;
}

.bg-hero-stat {
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 16px;
	padding: 18px;
}

.bg-hero-stat .value {
	display: block;
	font-size: 1.6rem;
	font-weight: 800;
	color: #ffffff;
}

.bg-hero-stat .label {
	display: block;
	margin-top: 4px;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255,255,255,0.78);
}

@media (max-width: 900px) {
	.bg-manager-hero {
		grid-template-columns: 1fr;
	}

	.bg-manager-hero-image img {
		margin-left: 0;
	}
}

@media (max-width: 600px) {
	.bg-hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


/* =====================================================
   BOROGUIDE V4 — POLISH PASS 01
   Based on visual QA notes: Manager / Season / Club / Player / Match
   ===================================================== */

/* ---------- Global reading rhythm ---------- */
.content-area,
.site-main {
    line-height: 1.65;
}

.site-main p,
.bg-card p,
.bg-card li {
    font-size: 17px;
    line-height: 1.7;
	font-weight:400;
}

.bg-card h2,
.bg-card h3,
.bg-card h4,
.bg-card h5 {
    margin-top: 0;
    margin-bottom: 18px;
}

.bg-card p + h2,
.bg-card p + h3,
.bg-card p + h4,
.bg-card ul + h2,
.bg-card ul + h3,
.bg-card ul + h4,
.bg-card table + h2,
.bg-card table + h3,
.bg-card table + h4 {
    margin-top: 38px;
}

.bg-card a,
.tab-panel a,
.result-info a,
.rollcall-table a,
.league-table a {
    color: #b00000;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.bg-card a:not(.bg-btn-primary):not(.bg-btn-secondary) {
    color:#b00000;
}

.bg-card a:hover,
.tab-panel a:hover,
.result-info a:hover,
.rollcall-table a:hover,
.league-table a:hover {
    color: #8c0000;
}
.bg-btn-primary,
.bg-btn-primary:visited,
.bg-btn-primary:hover,
.bg-btn-primary:focus {
	color: #ffffff !important;
}

.bg-btn-secondary,
.bg-btn-secondary:visited,
.bg-btn-secondary:hover,
.bg-btn-secondary:focus {
	text-decoration: none !important;
}

/* ---------- Better separation between stacked cards/sections ---------- */
.bg-card,
.bg-player-biography,
.bg-player-career-stats,
.bg-manager-biography,
.bg-manager-record,
.bg-manager-details,
.bg-season-summary,
.bg-club-h2h,
.bg-club-content,
.bg-club-previous-meetings,
.bg-club-shared-players,
.bg-match-goalscorers,
.bg-match-lineups,
.bg-match-notebook,
.bg-match-navigation {
    margin-bottom: 34px;
    border-color: #dedede;
    box-shadow: 0 8px 24px rgba(0,0,0,0.035);
}

.bg-card + .bg-card {
    margin-top: 30px;
}

/* ---------- Shared hero polish ---------- */
.bg-highlight,
.bg-home-hero,
.bg-player-hero,
.bg-club-hero,
.bg-season-hero,
.bg-match-hero,
.bg-manager-hero {
    min-height: 360px;
}

.bg-kicker {
    font-size: 0.95rem;
    line-height: 1.2;
    margin-bottom: 18px;
}

.bg-hero-meta {
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.35;
}

.bg-hero-statline {
    font-size: clamp(18px, 1.5vw, 22px);
    line-height: 1.45;
    max-width: 720px;
}

/* ---------- Hero stat tiles ---------- */
.bg-hero-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 32px;
    max-width: 820px;
}

.bg-hero-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 92px;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.26);
    border-radius: 16px;
    padding: 18px;
    text-align: left;
    box-sizing: border-box;
}

.bg-hero-stat .value {
    display: block;
    font-size: clamp(24px, 2.4vw, 36px);
    line-height: 1;
    font-weight: 800;
    color: #ffffff;
    white-space: nowrap;
}

.bg-hero-stat .label {
    display: block;
    margin-top: 8px;
    font-size: 0.78rem;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.78);
}

/* ---------- Player / Manager image alignment ---------- */
.bg-player-hero {
    grid-template-columns: 1fr 280px;
}

.bg-player-hero-main {
    order: 1;
}

.bg-player-hero-photo {
    order: 2;
}

.bg-player-hero-image,
.bg-manager-hero-image img {
    margin-left: auto;
    margin-right: 0;
    object-fit: cover;
}

.bg-manager-hero {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    align-items: center;
}

.bg-manager-hero-image {
    display: flex;
    justify-content: flex-end;
}

.bg-manager-hero-image img {
    width: 100%;
    max-width: 280px;
    height: auto;
    border-radius: 18px;
    display: block;
}

/* ---------- Season hero ---------- */
.bg-season-hero .bg-hero-statline,
.bg-season-hero-main .bg-hero-statline {
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 650;
}

/* ---------- Club hero ---------- */
.bg-club-id {
    display: none;
}

.bg-club-hero-image {
    margin-left: auto;
    margin-right: 0;
}

.bg-club-hero-main p {
    font-size: 18px;
    line-height: 1.55;
}

/* ---------- Tabs: hide radios and style labels ---------- */
.tabset > input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tabset > label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 20px 0;
    padding: 12px 18px;
    border: 1px solid #d9d9d9;
    border-radius: 999px;
    background: #ffffff;
    color: #222222;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.tabset > label:hover {
    border-color: #b00000;
    color: #b00000;
}

.tabset > input[type="radio"]:checked + label {
    background: #b00000;
    border-color: #b00000;
    color: #ffffff;
}

.tab-panels {
    margin-top: 10px;
}

.tab-panel {
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.035);
    margin-bottom: 34px;
}

/* ---------- Season filters ---------- */
.match-filter-controls {
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    padding: 22px;
    margin-bottom: 32px !important;
}

.match-filter-controls details {
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 12px;
    padding: 0;
    margin-bottom: 12px;
}

.match-filter-controls summary {
    list-style: none;
    cursor: pointer;
    padding: 14px 18px;
    font-weight: 800;
    color: #222222;
}

.match-filter-controls summary::-webkit-details-marker {
    display: none;
}

.match-filter-controls summary::after {
    content: '+';
    float: right;
    font-weight: 800;
    color: #b00000;
}

.match-filter-controls details[open] summary::after {
    content: '–';
}

.match-filter-controls .filter-section {
    border-top: 1px solid #eeeeee;
    padding: 12px 18px 16px 18px !important;
}

#match-search {
    min-width: min(360px, 100%);
    padding: 12px 14px;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    font-size: 16px;
    background: #ffffff;
}

#reset-filters {
    padding: 12px 18px;
    border: 0;
    border-radius: 10px;
    background: #222222;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

#reset-filters:hover {
    background: #b00000;
}

/* ---------- Fixtures: soften old table-like rows ---------- */
.match-item {
    margin-bottom: 18px;
}

.match-item .result-date {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #666666;
}

.match-item .result-info {
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.025);
}

.match-item .result-data {
    display: grid;
    grid-template-columns: 90px 110px 1fr 110px;
    gap: 0;
    align-items: center;
    padding: 14px 18px;
    text-decoration: none;
}

.match-item .result-column {
    padding: 0 10px;
}

.match-item .sidebar-score {
    text-align: right;
    font-weight: 800;
}

.player-score-box,
.player-score-main {
    display: inline-block;
}

/* ---------- Tables ---------- */
.league-table,
.rollcall-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 16px;
    overflow: hidden;
}

.league-table-top th,
.rollcall-top th,
.league-table-head,
.rollcall-head {
    background: #222222;
    color: #ffffff;
    padding: 14px 16px;
    font-weight: 800;
    text-align: left;
}

.league-table-cell,
.rollcall-cell {
    padding: 14px 16px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
}

.league-table-row:nth-child(even),
.rollcall-row:nth-child(even) {
    background: #f8f8f8;
}

.league-table-row:hover,
.rollcall-row:hover {
    background: #fff1f1;
}

.league-table tbody tr:last-child td,
.rollcall-table tbody tr:last-child td {
    border-bottom: 0;
}

/* ---------- H2H / previous meetings / shared players ---------- */
.bg-club-h2h,
.bg-club-previous-meetings,
.bg-club-shared-players {
    overflow-x: auto;
}

/* ---------- Match navigation cards ---------- */
.bg-match-nav-grid .bg-card {
    display: flex;
    flex-direction: column;
}

.bg-match-nav-grid .bg-card p {
    margin-bottom: 24px;
}

.bg-match-nav-grid .bg-btn-primary,
.bg-match-nav-grid .bg-btn-secondary {
    margin-top: auto;
    align-self: flex-start;
}

/* ---------- Mobile refinements ---------- */
@media (max-width: 900px) {
    .bg-player-hero,
    .bg-manager-hero,
    .bg-club-hero,
    .bg-season-hero {
        grid-template-columns: 1fr;
    }

    .bg-player-hero-photo,
    .bg-manager-hero-image {
        order: 2;
        justify-content: flex-start;
    }

    .bg-player-hero-main,
    .bg-manager-hero-main {
        order: 1;
    }

    .bg-player-hero-image,
    .bg-manager-hero-image img,
    .bg-club-hero-image {
        margin-left: 0;
    }

    .bg-hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-item .result-data {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .match-item .result-column {
        padding: 0;
    }

    .match-item .sidebar-score {
        text-align: left;
    }
}

@media (max-width: 600px) {
    .site-main p,
    .bg-card p,
    .bg-card li {
        font-size: 16px;
    }

    .tab-panel {
        padding: 20px;
    }

    .tabset > label {
        width: 100%;
        margin-right: 0;
    }

    .bg-hero-stats {
        grid-template-columns: 1fr;
    }

    .league-table-cell,
    .rollcall-cell,
    .league-table-head,
    .rollcall-head {
        padding: 11px 12px;
    }
}

/* =====================================================
   BOROGUIDE V4 — TABLE REFINEMENT 2A
   Goal: premium archive tables; softer than black, more readable.
   ===================================================== */

/* Main table shell */
.league-table,
.rollcall-table,
.bg-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e8e2df !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 36px rgba(24,24,24,0.055) !important;
    margin: 30px 0 38px 0 !important;
}

/* Softer editorial header — charcoal, not black */
.league-table thead,
.rollcall-table thead,
.bg-table thead,
.league-table-top,
.rollcall-top {
    background: #3a3634 !important;
}

.league-table th,
.rollcall-table th,
.bg-table th,
.league-table-head,
.rollcall-head,
.league-table-top th,
.rollcall-top th {
    background: #3a3634 !important;
    color: #ffffff !important;
    padding: 18px 20px !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,0.10) !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.league-table th:last-child,
.rollcall-table th:last-child,
.bg-table th:last-child,
.league-table-head:last-child,
.rollcall-head:last-child {
    border-right: 0 !important;
}

/* Body cells: larger, calmer, less spreadsheet-like */
.league-table td,
.rollcall-table td,
.bg-table td,
.league-table-cell,
.rollcall-cell {
    padding: 18px 20px !important;
    font-size: 1.04rem !important;
    line-height: 1.42 !important;
    color: #3f3b39 !important;
    font-weight: 600 !important;
    border: 0 !important;
    border-bottom: 1px solid #f0ecea !important;
    border-right: 1px solid #f3efed !important;
    vertical-align: middle !important;
}

.league-table td:last-child,
.rollcall-table td:last-child,
.bg-table td:last-child,
.league-table-cell:last-child,
.rollcall-cell:last-child {
    border-right: 0 !important;
}

.league-table tbody tr:last-child td,
.rollcall-table tbody tr:last-child td,
.bg-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Rows: subtle warmth rather than grey stripes */
.league-table tbody tr,
.rollcall-table tbody tr,
.bg-table tbody tr {
    background: #ffffff !important;
    transition: background .18s ease, color .18s ease !important;
}

.league-table tbody tr:nth-child(even),
.rollcall-table tbody tr:nth-child(even),
.bg-table tbody tr:nth-child(even) {
    background: #fbfaf9 !important;
}

.league-table tbody tr:hover,
.rollcall-table tbody tr:hover,
.bg-table tbody tr:hover {
    background: #fff4f2 !important;
}

/* First text column carries the story */
.league-table tbody td:first-child,
.rollcall-table tbody td:first-child,
.bg-table tbody td:first-child,
.league-table tbody .league-table-cell:first-child,
.rollcall-table tbody .rollcall-cell:first-child {
    color: #222222 !important;
    font-weight: 800 !important;
}

/* Player/club/season links should feel like archive navigation */
.league-table a,
.rollcall-table a,
.bg-table a,
.league-table-cell a,
.rollcall-cell a {
    color: #b00000 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.league-table a:hover,
.rollcall-table a:hover,
.bg-table a:hover,
.league-table-cell a:hover,
.rollcall-cell a:hover {
    color: #8c0000 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Numeric columns: clearer without shouting */
.league-table td:not(:first-child),
.rollcall-table td:not(:first-child),
.bg-table td:not(:first-child) {
    color: #4a4643 !important;
}

/* Score/result cells should pop gently */
.league-table .sidebar-score,
.rollcall-table .sidebar-score,
.league-table-cell.sidebar-score,
.rollcall-cell.sidebar-score,
.league-table td:last-child a,
.rollcall-table td:last-child a {
    color: #b00000 !important;
    font-weight: 850 !important;
}

/* Cards/sections that contain tables should feel intentional */
.bg-player-career-stats,
.bg-manager-record,
.bg-season-summary,
.bg-club-h2h,
.bg-club-previous-meetings,
.bg-club-shared-players,
.tab-panel {
    overflow-x: auto !important;
}

.bg-card table,
.tab-panel table {
    min-width: 720px;
}

.bg-card:has(table),
.tab-panel {
    border-color: #f0ecea !important;
    box-shadow: 0 16px 38px rgba(24,24,24,0.045) !important;
}

/* Mobile: preserve readable data, scroll horizontally when necessary */
@media (max-width: 768px) {
    .league-table,
    .rollcall-table,
    .bg-table {
        min-width: 720px !important;
        margin: 22px 0 30px 0 !important;
    }

    .league-table th,
    .rollcall-table th,
    .bg-table th,
    .league-table-head,
    .rollcall-head,
    .league-table-top th,
    .rollcall-top th {
        padding: 15px 16px !important;
        font-size: 0.78rem !important;
    }

    .league-table td,
    .rollcall-table td,
    .bg-table td,
    .league-table-cell,
    .rollcall-cell {
        padding: 15px 16px !important;
        font-size: 0.98rem !important;
    }
}

/* =====================================================
   BOROGUIDE V4 — TABLE REFINEMENT 2B
   Feedback: previous pass too subtle; text too small; rollcall stat columns need centring.
   ===================================================== */

/* Larger, more confident table type */
.league-table th,
.rollcall-table th,
.bg-table th,
.league-table-head,
.rollcall-head,
.league-table-top th,
.rollcall-top th {
    background: #463d3a !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
    padding: 20px 22px !important;
}

.league-table td,
.rollcall-table td,
.bg-table td,
.league-table-cell,
.rollcall-cell {
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 1.12rem !important;
    line-height: 1.5 !important;
    padding: 20px 22px !important;
    color: #302c2a !important;
}

/* Keep primary name/season columns clearly readable */
.league-table tbody td:first-child,
.rollcall-table tbody td:first-child,
.bg-table tbody td:first-child,
.league-table tbody .league-table-cell:first-child,
.rollcall-table tbody .rollcall-cell:first-child {
    font-size: 1.14rem !important;
    font-weight: 850 !important;
}

/* Rollcall: name left, all stat columns centred and consistent */
.rollcall-table {
    table-layout: fixed !important;
}

.rollcall-table .rollcall-name,
.rollcall-table th:first-child,
.rollcall-table td:first-child {
    width: 44% !important;
    text-align: left !important;
}

.rollcall-table th:not(:first-child),
.rollcall-table td:not(:first-child),
.rollcall-table .rollcall-cell:not(.rollcall-name),
.rollcall-table .rollcall-head:not(:first-child) {
    width: 11.2% !important;
    text-align: center !important;
}

/* League-style stat columns: centre numeric data without touching name columns */
.league-table th:not(.league-table-name):not(:nth-child(2)),
.league-table td:not(.league-table-name):not(:nth-child(2)) {
    text-align: center !important;
}

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

/* Slightly clearer row separation without making it grid-heavy */
.league-table td,
.rollcall-table td,
.bg-table td,
.league-table-cell,
.rollcall-cell {
    border-bottom-color: #e8e2df !important;
    border-right-color: #eee9e6 !important;
}

.league-table tbody tr:nth-child(even),
.rollcall-table tbody tr:nth-child(even),
.bg-table tbody tr:nth-child(even) {
    background: #faf7f5 !important;
}

.league-table tbody tr:hover,
.rollcall-table tbody tr:hover,
.bg-table tbody tr:hover {
    background: #fff0ec !important;
}

@media (max-width: 768px) {
    .league-table th,
    .rollcall-table th,
    .bg-table th,
    .league-table-head,
    .rollcall-head,
    .league-table-top th,
    .rollcall-top th {
        font-size: 0.9rem !important;
        padding: 17px 18px !important;
    }

    .league-table td,
    .rollcall-table td,
    .bg-table td,
    .league-table-cell,
    .rollcall-cell {
        font-size: 1.04rem !important;
        padding: 17px 18px !important;
    }
}
/* =====================================================
   NATIVE HOMEPAGE HERO
   ===================================================== */

.bg-native-home-hero {
	position: relative;
	min-height: 680px;
	margin-bottom: 56px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 24px;
	overflow: hidden;
}

.bg-native-home-hero-overlay {
	min-height: 680px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 72px 32px;
	background:
		linear-gradient(
			135deg,
			rgba(8,8,8,0.76) 0%,
			rgba(28,8,8,0.66) 52%,
			rgba(8,8,8,0.72) 100%
		);
}

.bg-native-home-hero-content {
	max-width: 1040px;
	text-align: center;
	color: #ffffff;
}

.bg-native-home-hero .bg-kicker {
	color: rgba(255,255,255,0.82);
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.bg-native-home-hero h1 {
	color: #ffffff;
	font-size: clamp(42px, 5.6vw, 78px);
	letter-spacing: -0.045em;
	line-height: 0.95;
	margin: 0 0 28px 0;
}

.bg-native-home-hero-intro {
	margin: 0 auto 34px auto;
	color: rgba(255,255,255,0.9);
	line-height: 1.45;
	font-weight: 500;
	font-size: clamp(17px, 1.7vw, 22px);
	max-width: 820px;
}

.bg-native-home-hero-actions {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.bg-native-home-hero .bg-btn-primary,
.bg-native-home-hero .bg-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.bg-native-home-hero .bg-btn-secondary {
	background: rgba(255,255,255,0.12);
	color: #ffffff;
	border-color: rgba(255,255,255,0.34);
}

.bg-native-home-hero .bg-btn-secondary:hover {
	background: #ffffff;
	color: #222222;
}

@media (max-width: 768px) {
	.bg-native-home-hero,
	.bg-native-home-hero-overlay {
		min-height: 560px;
	}

	.bg-native-home-hero {
		border-radius: 18px;
	}

	.bg-native-home-hero-overlay {
		padding: 56px 22px;
	}

	.bg-native-home-hero h1 {
		font-size: clamp(40px, 12vw, 62px);
	}
}

@media (max-width: 480px) {
	.bg-native-home-hero-actions a {
		width: 100%;
	}
}
/* =====================================================
   SPRINT 4A — TASK 1: HOMEPAGE HERO PROPORTIONS
   ===================================================== */

.bg-native-home-hero {
	min-height: 600px;
}

.bg-native-home-hero-overlay {
	min-height: 600px;
	padding: 56px 32px;
}

.bg-native-home-hero-content {
	max-width: 860px;
}

.bg-native-home-hero .bg-kicker {
	font-size: 1.05rem;
	letter-spacing: 0.18em;
	margin-bottom: 24px;
}

.bg-native-home-hero h1 {
	max-width: 780px;
	margin: 0 auto 24px auto;
	font-size: clamp(42px, 5.6vw, 70px);
	letter-spacing: -0.045em;
}

.bg-native-home-hero-intro {
	max-width: 680px;
	margin-bottom: 26px;
	font-size: clamp(17px, 1.65vw, 21px);
}

.bg-native-home-hero-actions {
	margin-top: 0;
}
/* Hide Jevelin auto featured image/titlebar on homepage */
.home .page-featured-image,
.home .post-thumbnail,
.home .sh-page-titlebar,
.home .sh-titlebar,
.home .titlebar,
.home .page-titlebar {
	display: none !important;
}

.bg-native-home-hero {
	margin-bottom: 0;
}

.bg-homepage-counters {
	position: relative;
	z-index: 5;
	max-width: 1120px;
	margin: 0 auto !important;
	padding: 0 !important;
}

.bg-homepage-counters .bg-stat-card {
	background: #ffffff;
	border: 0;
	border-radius: 18px;
	padding: 28px 22px;
	box-shadow: 0 18px 45px rgba(0,0,0,0.16);
}

.bg-homepage-counters .bg-stat-number {
	font-size: clamp(32px, 4vw, 52px);
	font-weight: 850;
	color: #b00000;
}

.bg-homepage-counters .bg-stat-label {
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #555555;
}



.home .bg-homepage-counters {
	margin-bottom: 44px;
}

.home .bg-latest-result {
	margin-top: 0;
	margin-bottom: 56px;
}

.home .bg-homepage-records {
	margin-top: 0;
	margin-bottom: 64px;
}

.home .bg-highlight {
	margin-top: 0;
}

.home .wpb_content_element {
	margin-bottom: 0;
}
/* =====================================================
   SPRINT 4A — TASK 4: HOMEPAGE RECORD CARDS
   ===================================================== */

.home .bg-homepage-records {
	margin-top: 0;
}

.home .bg-records-grid {
	gap: 28px;
}

.home .bg-record-card {
	border: 1px solid rgba(176,0,0,0.16);
	border-top: 5px solid #b00000;
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(0,0,0,0.07);
	padding: 34px 28px;
}

.home .bg-record-card h3 {
	font-size: clamp(24px, 2vw, 34px);
	line-height: 1.08;
	margin-bottom: 22px;
}

.home .bg-record-name {
	margin-bottom: 22px;
}

.home .bg-record-value {
	font-size: clamp(28px, 2.4vw, 42px);
	font-weight: 850;
	color: #222222;
}
/* =====================================================
   SPRINT 4A — HOMEPAGE RECORD CARDS: OPTION A
   ===================================================== */

.home .bg-record-card {
	background: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.06) !important;
	border-top: 0 !important;
	border-radius: 20px !important;
	box-shadow: 0 18px 46px rgba(0,0,0,0.08) !important;
	padding: 34px 28px !important;
	text-align: center !important;
}

.home .bg-record-card h3 {
	font-size: clamp(22px, 1.7vw, 30px) !important;
	line-height: 1.12 !important;
	margin: 0 0 20px 0 !important;
	color: #222222 !important;
	font-weight: 800 !important;
}

.home .bg-record-name {
	font-size: 17px !important;
	line-height: 1.35 !important;
	margin: 0 0 18px 0 !important;
	color: #555555 !important;
}

.home .bg-record-name a {
	color: #555555 !important;
	text-decoration: none !important;
}

.home .bg-record-name a:hover {
	color: #b00000 !important;
}

.home .bg-record-value {
	font-size: clamp(32px, 3vw, 48px) !important;
	line-height: 1 !important;
	font-weight: 850 !important;
	color: #222222 !important;
	margin: 0 !important;
}

.home .bg-record-value a {
	color: #222222 !important;
	text-decoration: none !important;
}

.home .bg-record-value a:hover {
	color: #b00000 !important;
}
/* =====================================================
   SPRINT 4A — RECORD CARDS REFINEMENT
   ===================================================== */

.home .bg-record-card {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	min-height: 230px !important;
}

.home .bg-record-card h3 {
	min-height: 68px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.home .bg-record-name {
	min-height: 46px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: #555555 !important;
}

.home .bg-record-name a {
	color: #555555 !important;
}

.home .bg-record-value {
	color: #b00000 !important;
}

.home .bg-record-value a {
	color: #b00000 !important;
}

.home .bg-record-value a:hover,
.home .bg-record-name a:hover {
	color: #8c0000 !important;
}
/* =====================================================
   SPRINT 4A — LOWER HOMEPAGE SECTION
   ===================================================== */

.home .bg-home-lower {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 24px;
	box-shadow: 0 18px 46px rgba(0,0,0,0.06);
	padding: 56px 48px !important;
	margin-top: 64px !important;
	margin-bottom: 72px !important;
}

.home .bg-home-lower h2,
.home .bg-home-lower h3 {
	font-size: clamp(28px, 2.4vw, 42px);
	line-height: 1.1;
	margin: 0 0 22px 0;
	color: #222222;
}

.home .bg-home-lower p,
.home .bg-home-lower li {
	font-size: 17px;
	line-height: 1.65;
	color: #666666;
}

.home .bg-home-lower a {
	color: #b00000;
	font-weight: 800;
	text-decoration: none;
}

.home .bg-home-lower a:hover {
	color: #8c0000;
}

.home .bg-home-lower .wpb_content_element {
	margin-bottom: 28px;
}

@media (max-width: 768px) {
	.home .bg-home-lower {
		padding: 36px 24px !important;
		border-radius: 18px;
	}
}
/* =====================================================
   SPRINT 4B — LATEST RESULT (FINAL v1)
   ===================================================== */

.home .bg-latest-result {
	background: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.06) !important;
	border-radius: 22px !important;
	box-shadow: 0 18px 46px rgba(0,0,0,0.08) !important;
	padding: 28px 32px !important;
	text-align: center !important;
}

.home .bg-latest-result .bg-kicker {
	color: #777777 !important;
	font-weight: 850 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	margin-bottom: 18px !important;
}

.home .bg-latest-scoreboard {
	max-width: 520px !important;
	margin: 0 auto 18px auto !important;
}

.home .bg-latest-score-row {
	display: grid !important;
	grid-template-columns: 1fr auto !important;
	gap: 22px !important;
	align-items: baseline !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	padding: 6px 0 !important;
}

.home .bg-latest-score-row:last-child {
	border-bottom: 0 !important;
}

.home .bg-latest-team {
	text-align: left !important;
	font-size: clamp(28px,3vw,42px) !important;
	font-weight: 850 !important;
	line-height: 1.05 !important;
	color: #222222 !important;
}

.home .bg-latest-goals {
	font-size: clamp(36px,4vw,58px) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: #b00000 !important;
}

.home .bg-latest-result-meta {
	margin: 0 0 12px 0 !important;
	font-weight: 700 !important;
	color: #555555 !important;
}

.home .bg-latest-scorers,
.home .bg-latest-attendance {
	margin: 6px 0 !important;
	font-size: 1.05rem !important;
	line-height: 1.45 !important;
	color: #555555 !important;
}

.home .bg-latest-result .bg-btn-primary {
	margin-top: 18px !important;
}

@media (max-width:600px){

	.home .bg-latest-result{
		padding:24px 20px !important;
	}

	.home .bg-latest-score-row{
		gap:16px !important;
	}

}
/* =====================================================
   SPRINT 4B — ON THIS DAY
   ===================================================== */

.home .bg-on-this-day h2 {
	margin: 0 0 24px 0 !important;
	font-size: clamp(28px, 2.4vw, 42px) !important;
	line-height: 1.1 !important;
	color: #222222 !important;
}

.home .bg-on-this-day-table-wrap {
	overflow-x: auto;
}

.home .bg-on-this-day-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.98rem;
}

.home .bg-on-this-day-table th {
	background: #333333;
	color: #ffffff;
	font-size: 0.78rem;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 12px 14px;
	text-align: left;
}

.home .bg-on-this-day-table td {
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding: 13px 14px;
	color: #555555;
	font-weight: 700;
}

.home .bg-on-this-day-table td:first-child,
.home .bg-on-this-day-table td:nth-child(2),
.home .bg-on-this-day-table td:last-child {
	white-space: nowrap;
}

.home .bg-on-this-day-table a {
	color: #b00000;
	font-weight: 850;
	text-decoration: none;
}

.home .bg-on-this-day-table a:hover {
	color: #8c0000;
}
/* =====================================================
   SPRINT 4B — ON THIS DAY TABLE FINAL v1
   ===================================================== */

.home .bg-on-this-day-table {
	width: 100% !important;
	border-collapse: collapse !important;
	font-family: inherit !important;
	font-size: 1.15rem !important;
	table-layout: fixed !important;
}

.home .bg-on-this-day-table th {
	background: #2b2b2b !important;
	color: #ffffff !important;
	font-size: 0.84rem !important;
	font-weight: 850 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.10em !important;
	padding: 14px 16px !important;
	text-align: left !important;
}

.home .bg-on-this-day-table td {
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	padding: 17px 16px !important;
	color: #333333 !important;
	font-size: 1.15rem !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
}

.home .bg-on-this-day-table th:nth-child(1),
.home .bg-on-this-day-table td:nth-child(1) {
	width: 12% !important;
}

.home .bg-on-this-day-table th:nth-child(2),
.home .bg-on-this-day-table td:nth-child(2) {
	width: 7% !important;
	text-align: center !important;
}

.home .bg-on-this-day-table th:nth-child(3),
.home .bg-on-this-day-table td:nth-child(3) {
	width: 14% !important;
	text-align: center !important;
	white-space: nowrap !important;
}

.home .bg-on-this-day-table th:nth-child(4),
.home .bg-on-this-day-table td:nth-child(4) {
	width: 52% !important;
}

.home .bg-on-this-day-table th:nth-child(5),
.home .bg-on-this-day-table td:nth-child(5) {
	width: 15% !important;
	text-align: center !important;
	white-space: nowrap !important;
}

.home .bg-on-this-day-table a {
	color: #b00000 !important;
	font-weight: 850 !important;
	text-decoration: none !important;
}

.home .bg-on-this-day-table a:hover {
	color: #8c0000 !important;
}

@media (max-width: 700px) {
	.home .bg-on-this-day-table {
		min-width: 620px !important;
	}
}

/* Hide the page title in the Jevelin titlebar but keep breadcrumbs */
.sh-titlebar .sh-table-cell:first-child {
    display: none;
}

/* Let the breadcrumb use the full width */
.sh-titlebar .sh-table-cell:last-child {
    width: 100%;
    text-align: right;
}
/* Tighten Jevelin titlebar / breadcrumb area */
.sh-titlebar {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	min-height: 0 !important;
}

.sh-titlebar .sh-table {
	min-height: 0 !important;
}

.sh-titlebar .sh-table-cell {
	height: auto !important;
	vertical-align: middle !important;
}

/* Reduce gap between titlebar and hero */
.sh-titlebar + .content-area,
.sh-titlebar + .sh-page-layout-default,
.sh-titlebar + .container {
	padding-top: 12px !important;
	margin-top: 0 !important;
}
/* Reduce Jevelin default page top spacing before BoroGuide heroes */
#wrapper > .sh-page-layout-default {
	padding: 0px; !important;
}
/* Sprint 5 — Page chrome: titlebar cleanup */
.sh-titlebar {
	min-height: 0 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.sh-titlebar .container,
.sh-titlebar .sh-table,
.sh-titlebar .sh-table-cell {
	min-height: 0 !important;
	height: auto !important;
}

.sh-titlebar .sh-table-cell {
	vertical-align: middle !important;
}

/* Keep breadcrumb only */
.sh-titlebar .sh-table-cell:first-child {
	display: none !important;
}

.sh-titlebar .sh-table-cell:last-child {
	width: 100% !important;
	text-align: right !important;
}
/* =====================================================
   SPRINT 5 — PAGE CHROME / JEVELIN OVERRIDES
   ===================================================== */

/* Reduce Jevelin page wrapper spacing */
html body #wrapper > .sh-page-layout-default {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Reduce Jevelin titlebar height */
html body .sh-titlebar,
html body .sh-titlebar.sh-titlebar-height-medium,
html body .sh-titlebar-height-medium {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	min-height: 0 !important;
}

/* Tighten inner titlebar structure */
html body .sh-titlebar .container,
html body .sh-titlebar .sh-table,
html body .sh-titlebar .sh-table-cell {
	min-height: 0 !important;
	height: auto !important;
	vertical-align: middle !important;
}

/* Hide duplicated title, keep breadcrumb */
html body .sh-titlebar .sh-table-cell:first-child {
	display: none !important;
}

html body .sh-titlebar .sh-table-cell:last-child {
	width: 100% !important;
	text-align: right !important;
}

/* Remove admin-bar hero offset */
html body.admin-bar .bg-highlight,
html body.admin-bar .bg-home-hero,
html body.admin-bar .bg-player-hero,
html body.admin-bar .bg-club-hero,
html body.admin-bar .bg-season-hero,
html body.admin-bar .bg-match-hero,
html body.admin-bar .bg-manager-hero {
	margin-top: 0 !important;
}

/* Ensure heroes sit tight beneath breadcrumb */
html body .bg-highlight,
html body .bg-home-hero,
html body .bg-player-hero,
html body .bg-club-hero,
html body .bg-season-hero,
html body .bg-match-hero,
html body .bg-manager-hero {
	margin-top: 0 !important;
}
.sh-titlebar {
	background: #f5f5f5 !important;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* =====================================================
   SPRINT 5 — HERO SYSTEM HEIGHT v2 SAFE
   ===================================================== */

.bg-player-hero,
.bg-club-hero,
.bg-manager-hero,
.bg-match-hero,
.bg-season-hero {
	min-height: 460px !important;
}

/* Do not force outer hero layout. Only centre known content areas if they already exist. */
.bg-player-hero-content,
.bg-club-hero-content,
.bg-manager-hero-content,
.bg-match-hero-content,
.bg-season-hero-content {
	min-height: 460px !important;
	display: flex !important;
	align-items: center !important;
}
/* Sprint 5 — Hero stat cards */
.bg-hero-eyebrow {
	margin: 0 0 22px;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #ffffff;
}

.bg-hero-subtitle {
	margin: 24px 0 0;
	font-size: 1.35rem;
	font-weight: 500;
	color: rgba(255,255,255,0.92);
}

.bg-hero-stat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(120px, 1fr));
	gap: 16px;
	margin-top: 42px;
	max-width: 760px;
}

.bg-hero-stat-card {
	background: rgba(255,255,255,0.16);
	border: 1px solid rgba(255,255,255,0.22);
	border-radius: 16px;
	padding: 18px 20px;
	text-align: center;
	color: #ffffff;
}

.bg-hero-stat-number {
	display: block;
	font-size: 2rem;
	font-weight: 850;
	line-height: 1;
}

.bg-hero-stat-label {
	display: block;
	margin-top: 10px;
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
/* =====================================================
   SPRINT 5 — HERO STAT CARD SCALE
   ===================================================== */

.bg-hero-stat-card {
	padding: 22px 20px !important;
}

.bg-hero-stat-number {
	font-size: clamp(2.25rem, 3.1vw, 3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.bg-hero-stat-label {
	margin-top: 12px !important;
	font-size: 0.82rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.10em !important;
	text-transform: uppercase !important;
}
/* =====================================================
   SPRINT 5 — HERO COMPONENT v1: PLAYER + MANAGER ALIGNMENT
   ===================================================== */

/* Shared hero content rhythm */
.bg-player-hero-main,
.bg-manager-hero-main {
	max-width: 760px;
}

.bg-player-hero-main .bg-hero-eyebrow,
.bg-manager-hero-main .bg-hero-eyebrow {
	margin: 0 0 18px 0 !important;
}

.bg-player-hero-main h1,
.bg-manager-hero-main h1 {
	margin: 0 !important;
	line-height: 0.98 !important;
}

.bg-player-hero-main .bg-hero-subtitle,
.bg-manager-hero-main .bg-hero-subtitle {
	margin: 22px 0 0 0 !important;
	font-size: 1.32rem !important;
	line-height: 1.35 !important;
}

/* Shared stat grid */
.bg-player-hero-main .bg-hero-stat-grid,
.bg-manager-hero-main .bg-hero-stat-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(118px, 1fr)) !important;
	gap: 14px !important;
	margin-top: 34px !important;
	max-width: 720px !important;
}

/* Shared stat cards */
.bg-player-hero-main .bg-hero-stat-card,
.bg-manager-hero-main .bg-hero-stat-card {
	min-height: 112px !important;
	padding: 20px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 16px !important;
}

.bg-player-hero-main .bg-hero-stat-number,
.bg-manager-hero-main .bg-hero-stat-number {
	font-size: clamp(2.35rem, 3vw, 3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.bg-player-hero-main .bg-hero-stat-label,
.bg-manager-hero-main .bg-hero-stat-label {
	margin-top: 10px !important;
	font-size: 0.78rem !important;
	line-height: 1.15 !important;
	font-weight: 850 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-align: center !important;
}

/* Portrait panel balance */
.bg-player-hero-photo,
.bg-manager-hero-image {
	max-width: 300px !important;
	align-self: center !important;
}

.bg-player-hero-photo img,
.bg-manager-hero-image img {
	max-height: 360px !important;
	object-fit: contain !important;
}
/* Lock Player/Manager hero column structure */
.bg-player-hero,
.bg-manager-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 360px !important;
	column-gap: 72px !important;
	align-items: center !important;
}

.bg-player-hero-photo,
.bg-manager-hero-image {
	width: 360px !important;
	max-width: 360px !important;
	justify-self: end !important;
	align-self: center !important;
}

.bg-player-hero-photo img,
.bg-manager-hero-image img {
	width: 100% !important;
	max-height: 330px !important;
	object-fit: cover !important;
	border-radius: 16px !important;
}

/* Sprint 5 — normalise Player/Manager portrait panels */
.bg-player-hero-photo,
.bg-manager-hero-image {
	width: 360px !important;
	height: 330px !important;
	justify-self: end !important;
	align-self: center !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.bg-player-hero-photo img,
.bg-manager-hero-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}
/* Sprint 5 — Club hero crest-only panel */
.bg-club-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 360px !important;
	column-gap: 72px !important;
	align-items: center !important;
}

.bg-club-hero-main {
	max-width: 760px !important;
}

.bg-club-hero-main .bg-hero-eyebrow {
	margin: 0 0 18px 0 !important;
}

.bg-club-hero-main h1 {
	margin: 0 !important;
	line-height: 0.98 !important;
}

.bg-club-hero-main .bg-hero-subtitle {
	margin: 22px 0 0 0 !important;
	font-size: 1.32rem !important;
	line-height: 1.35 !important;
}

.bg-club-distance {
	margin-top: 14px !important;
}

.bg-club-hero-cta {
	margin: 28px 0 0 0 !important;
}

.bg-club-hero-image {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	display: block !important;
}

img.bg-club-hero-image {
	height: 100% !important;
	width: auto !important;
	max-width: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	display: block !important;
}
.bg-club-hero-image{
    justify-self:end;
}

.bg-club-hero-image img{
    width:340px;
    height:340px;
    object-fit:contain;
    display:block;
}

/* Club hero uses shared stat-card rhythm */
.bg-club-hero-main .bg-hero-stat-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(110px, 1fr)) !important;
	gap: 14px !important;
	margin-top: 34px !important;
	max-width: 700px !important;
}

.bg-club-hero-main .bg-hero-stat-card {
	min-height: 112px !important;
	padding: 20px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 16px !important;
}

.bg-club-hero-cta {
	margin: 28px 0 0 0 !important;
}
/* Sprint 5 — Match hero */
.bg-match-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 360px !important;
	column-gap: 72px !important;
	align-items: center !important;
	position: relative !important;
	overflow: hidden !important;
}

.bg-match-hero-main {
	max-width: 760px !important;
	position: relative !important;
	z-index: 2 !important;
}

.bg-match-hero-main .bg-hero-stat-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(110px, 1fr)) !important;
	gap: 14px !important;
	margin-top: 34px !important;
	max-width: 700px !important;
}

.bg-match-hero-main .bg-hero-stat-number {
	font-size: clamp(2rem, 2.5vw, 2.65rem) !important;
}

.bg-match-hero-main .bg-hero-stat-label {
	font-size: 0.78rem !important;
}

.bg-match-hero-watermark {
	width: 360px !important;
	height: 330px !important;
	justify-self: end !important;
	background-image: url('/wp-content/uploads/club/1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.05;
}
.bg-match-hero .bg-hero-stat-card:last-child .bg-hero-stat-number {
	font-size: clamp(1.25rem, 1.55vw, 1.8rem) !important;
	line-height: 1.15 !important;
	text-align: center !important;
	overflow-wrap: anywhere !important;
}
.bg-match-hero-note {
	margin-top: 18px !important;
	max-width: 700px !important;
	padding: 14px 18px !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,0.13) !important;
	border: 1px solid rgba(255,255,255,0.18) !important;
	color: #fff !important;
	font-weight: 800 !important;
}

.bg-match-hero-note p {
	margin: 0 !important;
}
/* Mobile header + breadcrumb cleanup */
@media (max-width: 767px) {

	/* Remove Jevelin's reserved mobile header gap */
	div[role="banner"][itemscope][itemtype="http://schema.org/WPHeader"],
	header.primary-mobile,
	.primary-mobile,
	.sh-header-mobile {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Keep breadcrumb bar compact */
	.sh-titlebar,
	.sh-titlebar .container,
	.sh-titlebar-height-medium {
		min-height: 0 !important;
		height: auto !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.sh-titlebar-height-medium {
		padding-bottom: 14px !important;
	}

	.sh-titlebar-mobile-layout-compact:not(.sh-titlebar-mobile-title-off) .title-level,
	.sh-titlebar-mobile-layout-compact .container > .sh-table > .sh-table-cell {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		vertical-align: middle !important;
	}

	.sh-titlebar .titlebar-title {
		display: none !important;
	}

	.sh-titlebar .breadcrumbs,
	.sh-titlebar .sh-titlebar-breadcrumbs {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 1.2 !important;
	}
}
/* Mobile content width override */
@media (max-width: 767px) {
	body .container,
	body .sh-container,
	body .sh-page-layout-default .container {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body .bg-highlight,
	body .bg-card,
	body .bg-season-content,
	body .bg-club-content,
	body .bg-player-content,
	body .bg-manager-content,
	body .bg-match-content {
		width: 100% !important;
		max-width: 100% !important;
	}

	body #wrapper > .sh-page-layout-default {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Season result cards: mobile layout only */
@media (max-width: 767px) {
	.result-data.result-link {
		display: block;
		text-decoration: none;
	}

	.result-mobile-line span:not(:last-child)::after {
		content: "|";
		margin-left: 8px;
		opacity: 0.5;
	}


	.result-aggregate {
		display: block;
		margin-top: 5px;
		font-size: 1rem;
		font-weight: 650;
		opacity: 0.85;
	}
}
/* Season result cards */
.result-data.result-link {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 18px !important;
	text-decoration: none !important;
}

.result-meta {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	white-space: nowrap !important;
	font-weight: 900 !important;
	color: #b00000 !important;
	flex-shrink: 0 !important;
	font-size: 1.05rem !important;
}

.result-opponent {
	min-width: 0 !important;
	font-weight: 900 !important;
	color: #222 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-size: 1.12rem !important;
}

.result-score-badge {
	justify-self: end !important;
	background: #b00000 !important;
	color: #fff !important;
	border-radius: 8px !important;
	padding: 8px 14px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	text-align: center !important;
	font-size: 1.1rem !important;
}

.result-aggregate {
	display: block !important;
	font-size: 0.85rem !important;
	font-weight: 650 !important;
	margin-top: 4px !important;
	opacity: 0.85 !important;
}

@media (max-width: 767px) {
	.result-data.result-link {
		gap: 10px !important;
	}

	.result-meta {
		gap: 8px !important;
		font-size: 1.05rem !important;
	}

	.result-opponent {
		font-size: 1.12rem !important;
		font-weight: 800 !important;
	}

	.result-score-badge {
		font-size: 1.15rem !important;
		min-width: 58px !important;
		padding: 9px 12px !important;
		border-radius: 6px !important;
	}
}
@media (max-width:767px){

.rollcall-table .-res,
.league-table .-res{
    display:none;
}

.rollcall-name,
.league-table-name{
    width:auto;
}

.rollcall-table,
.league-table{
    table-layout:fixed;
    width:100%;
}

}
/* Season mobile tables */
@media (max-width: 767px) {

	.rollcall-table,
	.league-table {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		table-layout: fixed !important;
		border-collapse: collapse !important;
	}

	.rollcall-table .-res,
	.league-table .-res {
		display: none !important;
	}

	.rollcall-table th,
	.rollcall-table td,
	.league-table th,
	.league-table td,
	.rollcall-cell,
	.league-table-cell {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		padding: 14px 6px !important;
		font-size: 0.9rem !important;
		line-height: 1.25 !important;
		box-sizing: border-box !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

/* Rollcall: Name | Pld | Gls */
.rollcall-table th:nth-child(1),
.rollcall-table td:nth-child(1) {
	width: 68% !important;
}

.rollcall-table th:nth-child(2),
.rollcall-table td:nth-child(2),
.rollcall-table th:nth-child(3),
.rollcall-table td:nth-child(3) {
	width: 16% !important;
	text-align: center !important;
}

	/* League table: Pos | Team | Pl | Pts */
	.league-table th:nth-child(1),
	.league-table td:nth-child(1) {
		width: 12% !important;
		text-align: center !important;
	}

	.league-table th:nth-child(2),
	.league-table td:nth-child(2) {
		width: 56% !important;
	}

	.league-table th:nth-child(3),
	.league-table td:nth-child(3),
	.league-table th:nth-child(10),
	.league-table td:nth-child(10) {
		width: 16% !important;
		text-align: center !important;
	}

	/* Hide GD too, if you want Pos | Team | Pl | Pts only */
	.league-table th:nth-child(9),
	.league-table td:nth-child(9) {
		display: none !important;
	}
}
/* Mobile hero system */
@media (max-width: 767px) {

	.bg-player-hero,
	.bg-manager-hero,
	.bg-club-hero,
	.bg-season-hero,
	.bg-match-hero {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 28px !important;
		padding: 34px 24px !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	.bg-player-hero-main,
	.bg-manager-hero-main,
	.bg-club-hero-main,
	.bg-season-hero-main,
	.bg-match-hero-main {
		width: 100% !important;
		max-width: 100% !important;
		order: 1 !important;
		position: relative !important;
		z-index: 2 !important;
	}

	.bg-hero-eyebrow,
	.bg-kicker {
		font-size: 0.95rem !important;
		letter-spacing: 0.18em !important;
		margin-bottom: 28px !important;
	}

	.bg-player-hero h1,
	.bg-manager-hero h1,
	.bg-club-hero h1,
	.bg-season-hero h1,
	.bg-match-hero h1 {
		font-size: clamp(3.1rem, 15vw, 4.4rem) !important;
		line-height: 0.95 !important;
		margin-bottom: 24px !important;
		max-width: 100% !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	.bg-hero-subtitle,
	.bg-hero-meta,
	.bg-hero-statline {
		font-size: 1.05rem !important;
		line-height: 1.35 !important;
		margin-bottom: 28px !important;
		max-width: 100% !important;
	}

	.bg-hero-stat-grid,
	.bg-hero-stats,
	.bg-match-hero-main .bg-hero-stat-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 28px !important;
		order: 2 !important;
	}

	.bg-hero-stat-card,
	.bg-hero-stat {
		min-width: 0 !important;
		width: 100% !important;
		padding: 22px 12px !important;
		text-align: center !important;
	}

	.bg-hero-stat-number,
	.bg-hero-stat .value {
		font-size: clamp(1.75rem, 8vw, 2.45rem) !important;
		line-height: 1 !important;
	}

	.bg-hero-stat-label,
	.bg-hero-stat .label {
		font-size: 0.68rem !important;
		letter-spacing: 0.08em !important;
	}

	.bg-player-hero-photo,
	.bg-manager-hero-image,
	.bg-club-hero-image-wrap,
	.bg-match-hero-watermark {
		order: 3 !important;
		width: 100% !important;
		max-width: 100% !important;
		position: relative !important;
		z-index: 1 !important;
		margin: 0 !important;
		transform: none !important;
	}

	.bg-player-hero-photo img,
	.bg-manager-hero-image img,
	.bg-club-hero-image-wrap img {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
		border-radius: 18px !important;
	}

	.bg-match-hero-watermark {
		height: 220px !important;
		background-size: contain !important;
		background-position: center !important;
		opacity: 0.05 !important;
	}

	.bg-season-hero .bg-card,
	.bg-season-hero .bg-club-hero-facts {
		width: 100% !important;
		max-width: 100% !important;
		order: 3 !important;
	}
}
/* Mobile hero stat cards: force 2x2 layout */
@media (max-width: 767px) {
	.bg-player-hero .bg-hero-stat-grid,
	.bg-player-hero .bg-hero-stats,
	.bg-manager-hero .bg-hero-stat-grid,
	.bg-manager-hero .bg-hero-stats,
	.bg-club-hero .bg-hero-stat-grid,
	.bg-club-hero .bg-hero-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.bg-player-hero .bg-hero-stat,
	.bg-player-hero .bg-hero-stat-card,
	.bg-manager-hero .bg-hero-stat,
	.bg-manager-hero .bg-hero-stat-card,
	.bg-club-hero .bg-hero-stat,
	.bg-club-hero .bg-hero-stat-card {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}
/* Match hero: stop long scorelines becoming absurd */
@media (min-width: 768px) {
	.bg-match-hero h1 {
		font-size: clamp(3.4rem, 5vw, 5.8rem) !important;
		line-height: 1.05 !important;
		max-width: 900px !important;
	}
}
.bg-player-squad-pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-left: 18px !important;
	padding: 10px 18px !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,0.14) !important;
	font-size: 0.3em !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	min-width: 58px !important;
	height: 58px !important;
}
.bg-player-hero h1,
.bg-manager-hero h1,
.bg-club-hero h1,
.bg-match-hero h1,
.bg-season-hero h1 {
	line-height: 0.98 !important;
}
/* Hero subtitle consistency */
.bg-season-hero .bg-hero-subtitle,
.bg-player-hero .bg-hero-subtitle,
.bg-manager-hero .bg-hero-subtitle,
.bg-match-hero .bg-hero-subtitle {
	font-size: 1.15rem !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
}
/* Match referee card label consistency */
.bg-match-hero .bg-hero-stat-card:last-child {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

.bg-match-hero .bg-hero-stat-card:last-child .bg-hero-stat-number {
	min-height: 1.2em !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.bg-match-hero .bg-hero-stat-card:last-child .bg-hero-stat-label {
	margin-top: 12px !important;
}
/* Match referee stat card */
.bg-hero-stat-card-referee .bg-hero-stat-referee-value {
	font-size: clamp(1.45rem, 1.8vw, 2.15rem) !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	min-height: 2.5em !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	overflow-wrap: anywhere !important;
}

.bg-hero-stat-card-referee .bg-hero-stat-label {
	margin-top: 0 !important;
}
/* Desktop hero full-width background test */
@media (min-width: 1024px) {
	.bg-highlight {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		border-radius: 0 !important;
		padding-left: max(48px, calc((100vw - 1500px) / 2)) !important;
		padding-right: max(48px, calc((100vw - 1500px) / 2)) !important;
	}
}
/* Context note below hero */
.bg-context-note {
	max-width: 1500px;
	margin: 24px auto 32px;
	padding: 18px 24px;
	border-radius: 16px;
	background: #fff4f4;
	border: 1px solid rgba(176,0,0,0.18);
	color: #222;
	font-weight: 700;
}

.bg-context-note p {
	margin: 0;
}

.bg-context-note p + p {
	margin-top: 8px;
}

@media (max-width: 767px) {
	.bg-context-note {
		margin: 18px 12px 28px;
		padding: 16px 18px;
	}
}
/* Context note below hero */
.bg-context-note {
	max-width: 1500px;
	margin: 24px auto 24px !important;
	padding: 18px 24px !important;
	border-radius: 16px;
	background: #fff4f4;
	border: 1px solid rgba(176,0,0,0.18);
	color: #222;
	font-weight: 700;
}

.bg-context-note p {
	margin: 0 !important;
}

.bg-context-note p + p {
	margin-top: 8px !important;
}

/* Tighten the first content block after a context note */
.bg-context-note + .bg-card,
.bg-context-note + section {
	margin-top: 0 !important;
}

@media (max-width: 767px) {
	.bg-context-note {
		margin: 20px auto 20px !important;
		padding: 16px 18px !important;
	}
}
/* Final context-note spacing override */
@media (min-width: 1024px) {
	.bg-highlight {
		margin-bottom: 24px !important;
	}

	.bg-context-note {
		margin-top: 0 !important;
		margin-bottom: 24px !important;
	}

	.bg-context-note + .bg-card,
	.bg-context-note + section {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.bg-highlight {
		margin-bottom: 20px !important;
	}

	.bg-context-note {
		margin-top: 0 !important;
		margin-bottom: 20px !important;
	}
}
/* Home hero full-width background */
.bg-home-hero {
	position: relative !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.bg-home-hero-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(0,0,0,0.55) !important;
	z-index: 1 !important;
}

.bg-home-hero-inner {
	position: relative !important;
	z-index: 2 !important;
	max-width: 1500px !important;
	margin: 0 auto !important;
	padding: 90px 48px !important;
}

@media (max-width: 767px) {
	.bg-home-hero {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}

	.bg-home-hero-inner {
		padding: 56px 24px !important;
	}
}
/* Home hero cleanup */
.bg-home-hero {
	margin-top: 0 !important;
}

.bg-home-hero-inner {
	padding-top: 110px !important;
	padding-bottom: 120px !important;
}

.bg-home-hero-actions {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin-top: 28px !important;
	flex-wrap: wrap !important;
}

.bg-home-hero-actions .bg-btn-primary,
.bg-home-hero-actions .bg-btn-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 56px !important;
	padding: 16px 28px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

/* Pull counters into the hero transition */
.bg-home-hero + .bg-homepage-counters {
	position: relative !important;
	z-index: 3 !important;
	max-width: 1500px !important;
	margin: -52px auto 64px !important;
	padding: 0 48px !important;
}

@media (max-width: 767px) {
	.bg-home-hero {
		margin-top: 0 !important;
	}

	.bg-home-hero-inner {
		padding: 70px 24px 92px !important;
	}

	.bg-home-hero-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	.bg-home-hero-actions .bg-btn-primary,
	.bg-home-hero-actions .bg-btn-secondary {
		width: 100% !important;
		min-height: 54px !important;
		padding: 15px 18px !important;
	}

	.bg-home-hero + .bg-homepage-counters {
		margin: -42px auto 48px !important;
		padding: 0 24px !important;
	}
}
/* Homepage: remove WPBakery padding above hero */
.home .vc_custom_1781387167792 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.home .vc_custom_1781387167792 > .wpb_column > .vc_column-inner {
	padding-top: 0 !important;
}
/** BORODLE **/

#borodle {display: flex;align-items: center;flex-direction: column;height: 100%;width: 100%;}
#game-board {width: 95%;max-width: 500px;height: 100%;display: flex;flex-direction: column;}
.borodle-header {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgb(58, 58, 60);}
#help, #stats {color: rgb(58, 58, 60);font-size: 1.5rem;cursor: pointer;}
.title {font-size: 2.3rem;font-weight: bold;margin: 0.4rem 0 0.4rem 0;text-align: center;color: inherit;}
@media only screen and (max-width: 480px) {.title {font-size: 1.5rem;}}
#game-container {display: flex;justify-content: center;align-items: center;flex-grow: 1;overflow: hidden;flex-direction: column;}
#final-score {padding-top: 10px;color:#b00000;}
#board {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 5px;padding: 10px;box-sizing: border-box;}
.row {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 5px;}
.square {border: 2px solid #b00000;display: inline-block;min-width: 60px;min-height: 60px;display: flex;justify-content: center;align-items: center;font-size: 50px;cursor: pointer;width: 100%;display: inline-flex;justify-content: center;align-items: center;font-size: 2rem;line-height: 2rem;font-weight: bold;vertical-align: middle;box-sizing: border-box;color: #b00000;text-transform: uppercase;user-select: none;}
.square.incorrect-letter {background-color: rgb(58, 58, 60);border-color: rgb(58, 58, 60);color:#fff;}
.square.correct-letter {background-color: rgb(181, 159, 59);border-color: rgb(181, 159, 59);color:#fff;}
.square.correct-letter-in-place {background-color: rgb(83, 141, 78);border-color: rgb(83, 141, 78);color:#fff;}
@media only screen and (max-width: 400px) {.square {min-width: 15vw;min-height: 15vw;}}
#game-keyboard {height: 200px;}
.keyboard-row {display: flex;justify-content: center;width: 100%;margin: 0 auto 8px;touch-action: manipulation;}
.keyboard-row button {font-family: inherit;font-weight: bold;border: 0;padding: 0;margin-right: 6px;height: 58px;border-radius: 4px;cursor: pointer;user-select: none;background-color: rgb(129, 131, 132);color: rgb(215, 218, 220);flex-grow: 1;display: flex;justify-content: center;align-items: center;text-transform: uppercase;}
.keyboard-row button.wide-button {flex-grow: 1.5;}
.keyboard-row button.incorrect-letter {background-color: rgb(58, 58, 60);}
.keyboard-row button.correct-letter {background-color: rgb(181, 159, 59);}
.keyboard-row button.correct-letter-in-place {background-color: rgb(83, 141, 78);}
.spacer-half {flex-grow: 0.5;}
.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;}
.modal-content {background-color: rgb(205, 92, 92, 0.95);margin: 5% auto;padding: 20px;width: 80%;color: #fff;max-width: 500px;}
.modal-content hr {border: 1px solid rgb(255, 255, 255);}
.modal-content > h4 {color:#fff;}
.modal-content a {color:#ddd;}
/* The Close Button */
.close {color: #fff;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}
#examples {width: 80%;}
.hidden {display: none;}
figure {margin: 0 0 10px 0;}
.wp-block-image img {height: auto;max-width: 100%;vertical-align: bottom;box-sizing: border-box;padding-bottom: 20px;}
.bg-missing-season {
    margin-bottom: 1rem;
}

.bg-missing-season summary {
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--bg-red);
    padding: .75rem 0;
    list-style: none;
}

.bg-missing-season summary::-webkit-details-marker {
    display: none;
}

.bg-missing-season summary::before {
    content: "▶";
    display: inline-block;
    margin-right: .6rem;
    transition: transform .2s ease;
}

.bg-missing-season[open] summary::before {
    transform: rotate(90deg);
}
.single-post .post-meta-thumb {
    display: none!important;
}
body:not(.home) .bg-page-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 30px 60px;
}

body:not(.home) .bg-page-content p {
	font-weight: 400;
}

body:not(.home) .bg-page-content h2,
body:not(.home) .bg-page-content h3,
body:not(.home) .bg-page-content h4 {
	margin-top: 2rem;
}
.bg-club-profile a:not(.bg-btn-primary):not(.bg-btn-secondary),
.bg-club-profile .bg-card a:not(.bg-btn-primary):not(.bg-btn-secondary) {
	color: var(--bg-red) !important;
}

@media (max-width:767px){

.bg-match-hero-image,
.bg-season-hero-image,
.bg-club-hero-image{
    display:none;
}

}
.single-clubs .site-main a:not(.bg-btn-primary):not(.bg-btn-secondary) {
	color: var(--bg-red) !important;
}

/* Club pages: restore readable links */
.single-clubs .site-main a:not(.bg-btn-primary):not(.bg-btn-secondary),
.single-clubs .bg-card a:not(.bg-btn-primary):not(.bg-btn-secondary) {
	color: #b00000 !important;
}

/* Club pages: force BoroGuide buttons to stay button-like */
.single-clubs .site-main a.bg-btn-primary,
.single-clubs .bg-card a.bg-btn-primary {
	color: #fff !important;
	background: #b00000 !important;
	text-decoration: none !important;
}

.single-clubs .site-main a.bg-btn-secondary,
.single-clubs .bg-card a.bg-btn-secondary {
	color: #b00000 !important;
	background: #fff !important;
	text-decoration: none !important;
}
.bg-h2h-table th {
	width: 50%;
	text-align: left;
}

.bg-h2h-table td {
	width: 50%;
	text-align: right;
	font-weight: 800;
	color: #b00000;
}
.bg-club-previous-meetings table th:nth-child(3),
.bg-club-previous-meetings table td:nth-child(3),
.bg-club-previous-meetings table th:nth-child(4),
.bg-club-previous-meetings table td:nth-child(4) {
	text-align: center !important;
}
.bg-club-shared-players table th:nth-child(2),
.bg-club-shared-players table td:nth-child(2) {
	text-align: center !important;
}
/* Counters inside home hero */
.bg-home-hero .bg-homepage-counters {
	max-width: 1120px;
	margin: 48px auto 0 !important;
	padding: 0 !important;
	position: relative;
	z-index: 3;
}

.bg-home-hero .bg-homepage-counters .bg-stat-card {
	background: #ffffff;
	border: 0;
	border-radius: 18px;
	padding: 24px 20px;
	box-shadow: 0 18px 45px rgba(0,0,0,0.22);
}
.bg-native-home-hero .bg-homepage-counters {
	max-width: 1120px;
	margin: 42px auto 0 !important;
	padding: 0 24px 86px !important;
	position: relative;
	z-index: 3;
}

.bg-native-home-hero .bg-stat-card {
	background: #fff;
}
.bg-native-home-hero {
	min-height: auto;
}

.bg-native-home-hero-content {
	padding-top: 120px;
	padding-bottom: 24px;
}
.bg-latest-result-section,
.bg-latest-result-row {
	background: #f7dddd;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 72px 24px;
}

.bg-latest-result {
	max-width: 1120px;
	margin: 0 auto;
}

.bg-latest-result .bg-kicker,
.bg-latest-result-eyebrow {
	font-size: 1.5rem;
	letter-spacing: 0.12em;
}

.bg-latest-result-meta {
	font-size: 1.5rem;
	line-height: 1.5;
}

.bg-latest-scorers,
.bg-latest-attendance {
	font-size: 1rem;
	line-height: 1.5;
}
@media (max-width: 767px) {
	.bg-latest-result-meta, .bg-latest-result p {
		font-size: 1.4rem!important;
	}
}
.home .wpb_text_column p,
.home .bg-card p {
	font-weight: 400;
}
.bg-homepage-records .bg-record-name,
.bg-homepage-records .bg-record-name a {
	line-height: 1.25;
	font-weight: 800;
	color: #b00000;
}

.bg-homepage-records .bg-record-value,
.bg-homepage-records .bg-record-value a {
	line-height: 1;
	font-weight: 850;
	color: #b00000;
}

.bg-homepage-records .bg-record-card h3 {
	font-size: 1.5rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.bg-home-support-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 24px;
}

.bg-home-support-actions .bg-btn-primary,
.bg-home-support-actions .bg-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 14px 24px;
	text-decoration: none !important;
}

@media (max-width: 767px) {
	.bg-home-support-actions {
		flex-direction: column;
	}

	.bg-home-support-actions .bg-btn-primary,
	.bg-home-support-actions .bg-btn-secondary {
		width: 100%;
	}
}
.ad-text {font-weight:400;}
/* Jevelin tablet/mobile header: remove reserved inline height */
@media (min-width: 768px) and (max-width: 1024px) {
	header.primary-mobile {
		height: auto !important;
		min-height: 0 !important;
	}
}
.bg-squad-page .bg-page-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 30px 70px;
}

.bg-squad-section {
	margin-bottom: 64px;
}

.bg-squad-section h2 {
	margin-bottom: 24px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.bg-squad-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}

.bg-squad-card {
	display: block;
	background: #ffffff;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(0,0,0,0.12);
	text-decoration: none !important;
	color: inherit !important;
	position: relative;
}

.bg-squad-card-image {
	background: #f6f6f6;
	aspect-ratio: 4 / 5;
	overflow: hidden;
}

.bg-squad-player-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	display: block;
}

.bg-squad-card-content {
	padding: 18px 20px 20px;
}

.bg-squad-card-content h3 {
	margin: 0 0 6px;
	font-size: 2rem;
	line-height: 1.15;
	color: #b00000;
}

.bg-squad-card-content p {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #666666;
}

@media (max-width: 1024px) {
	.bg-squad-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.bg-squad-page .bg-page-content {
		padding: 36px 20px 56px;
	}

	.bg-squad-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
}

@media (max-width: 480px) {
	.bg-squad-grid {
		grid-template-columns: 1fr;
	}
}
.bg-squad-number {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	font-size: 2rem;
	font-weight: 850;
	color: #ffffff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.45);
}
.bg-squad-loans-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.bg-loan-item {
	padding: 14px 0;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}

.bg-loan-item:last-child {
	border-bottom: 0;
}

.bg-loan-item a {
	color: #b00000;
	text-decoration: none;
}

.bg-loan-item p {
	margin: 4px 0 0;
	font-weight: 400;
	color: #555;
}

@media (max-width: 767px) {
	.bg-squad-loans-grid {
		grid-template-columns: 1fr;
	}
}
#previous-meetings {
	scroll-margin-top: 120px;
}
/* Active navigation state */
.sh-header .current-menu-item > a,
.sh-header .current_page_item > a,
.sh-header .current-menu-parent > a,
.sh-header .current-menu-ancestor > a,
.primary-mobile .current-menu-item > a,
.primary-mobile .current_page_item > a,
.primary-mobile .current-menu-parent > a,
.primary-mobile .current-menu-ancestor > a {
	color: #b00000 !important;
}
.bg-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.bg-table-wrap table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
}

@media (max-width: 767px) {
	.bg-table-wrap {
		margin-right: 0;
		margin-left: 0;
	}

	.bg-table-wrap table {
		min-width: 620px;
	}
}
.bg-h2h-summary .bg-table-wrap table,
.bg-h2h-table {
	min-width: 0 !important;
	width: 100%;
}
/* Match line-ups */
.bg-match-lineups .team-lineup {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 18px;
}

.bg-match-lineups .team-player {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.bg-match-lineups .team-player:last-child {
	border-bottom: 0;
}

.bg-match-lineups .team-player > a,
.bg-match-lineups .team-player:not(:has(a)) {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-height: 54px;
	padding: 10px 4px;
	text-decoration: none !important;
}

.bg-match-lineups .team-player-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	min-width: 42px;
	font-size: 1.2rem;
	font-weight: 800;
	color: #555;
}

.bg-match-lineups .team-player-name {
	min-width: 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.3;
	color: #b00000;
}

.bg-match-lineups .team-player-event {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 7px;
	min-width: 0;
	font-size: 0.88rem;
	color: #444;
}

.bg-match-lineups .team-player-event > span {
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.bg-match-lineups .team-event-image {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0;
	object-fit: contain;
	vertical-align: middle;
}

@media (max-width: 600px) {
	.bg-match-lineups .team-player > a,
	.bg-match-lineups .team-player:not(:has(a)) {
		grid-template-columns: 32px minmax(0, 1fr) auto;
		gap: 9px;
		min-height: 50px;
	}

	.bg-match-lineups .team-player-number {
		width: 32px;
		min-width: 32px;
	}

	.bg-match-lineups .team-player-name {
		font-size: 16px;
	}

	.bg-match-lineups .team-player-event {
		gap: 4px;
		font-size: 0.8rem;
	}

	.bg-match-lineups .team-event-image {
		width: 16px;
		height: 16px;
	}
}

/* Active main-navigation item */
.sh-header .sh-nav > .current_page_item > a,
.sh-header .sh-nav > .current-menu-ancestor > a,
.sh-header .sh-nav > .current-menu-parent > a,
.sh-header .sh-nav > .current-menu-item > a,
.sh-header-left-side .sh-nav > .current_page_item > a,
.sh-header-left-side .sh-nav > .current-menu-ancestor > a,
.sh-header-left-side .sh-nav > .current-menu-parent > a,
.sh-header-left-side .sh-nav > .current-menu-item > a {
	color: #b00000 !important;
}

/* Mobile navigation */
.primary-mobile .current_page_item > a,
.primary-mobile .current-menu-ancestor > a,
.primary-mobile .current-menu-parent > a,
.primary-mobile .current-menu-item > a {
	color: #b00000 !important;
}
.sh-header .sh-nav > .current_page_item > a span,
.sh-header .sh-nav > .current-menu-ancestor > a span,
.sh-header .sh-nav > .current-menu-parent > a span,
.sh-header .sh-nav > .current-menu-item > a span {
	color: #b00000 !important;
}

/* Shared Players: two-column mobile table */
.bg-club-shared-players .bg-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: visible;
}

.bg-club-shared-players .bg-table {
	width: 100%;
	min-width: 0 !important;
	table-layout: fixed;
}

.bg-club-shared-players .bg-table th:first-child,
.bg-club-shared-players .bg-table td:first-child {
	width: calc(100% - 110px);
	overflow-wrap: anywhere;
}

.bg-club-shared-players .bg-table th:nth-child(2),
.bg-club-shared-players .bg-table td:nth-child(2) {
	width: 110px;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.bg-club-shared-players .bg-table th,
	.bg-club-shared-players .bg-table td {
		padding: 12px 8px;
		font-size: 0.9rem;
	}

	.bg-club-shared-players .bg-table th:nth-child(2),
	.bg-club-shared-players .bg-table td:nth-child(2) {
		width: 92px;
	}
}
/* Previous Meetings: deliberate horizontal scroll on mobile */
.bg-club-previous-meetings .bg-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.bg-club-previous-meetings .bg-table {
	width: 100%;
	min-width: 620px;
}

@media (max-width: 767px) {
	.bg-club-previous-meetings .bg-table-wrap {
		position: relative;
		padding-bottom: 8px;
	}

	.bg-club-previous-meetings .bg-table th,
	.bg-club-previous-meetings .bg-table td {
		white-space: nowrap;
	}
}
/* Jevelin active navigation colour */
html body .sh-header .sh-nav > .current_page_item > a,
html body .sh-header .sh-nav > .current-menu-ancestor > a,
html body .sh-header .sh-nav > .current-menu-parent > a,
html body .sh-header .sh-nav > .current-menu-item > a,
html body .sh-header-left-side .sh-nav > .current_page_item > a,
html body .sh-header-left-side .sh-nav > .current-menu-ancestor > a,
html body .sh-header-left-side .sh-nav > .current-menu-parent > a,
html body .sh-header-left-side .sh-nav > .current-menu-item > a {
	color: #b00000 !important;
}
html body .sh-header .sh-nav > .current_page_item > a *,
html body .sh-header .sh-nav > .current-menu-ancestor > a *,
html body .sh-header .sh-nav > .current-menu-parent > a *,
html body .sh-header .sh-nav > .current-menu-item > a * {
	color: #b00000 !important;
}
/* Standard page-content links */
html body .bg-page-content a:not(.bg-btn-primary):not(.bg-btn-secondary):not(.bg-squad-card) {
	color: #b00000 !important;
}
/* Homepage Stories: temporary launch layout */
.bg-home-stories-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.bg-home-story-card {
	display: block;
	overflow: hidden;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
	color: inherit !important;
	text-decoration: none !important;
}

.bg-home-story-image {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #eee;
}

.bg-home-story-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bg-home-story-content {
	padding: 24px;
}

.bg-home-story-content h3 {
	margin: 6px 0 12px;
	font-size: 1.7rem;
	line-height: 1.2;
	color: #b00000;
	
}

.bg-home-story-content p:not(.bg-kicker) {
	margin: 0 0 18px;
	font-weight: 400;
	line-height: 1.7;
	color: #444;
	font-size:1rem;
}

.bg-home-story-link {
	font-weight: 800;
	color: #b00000;
}

@media (max-width: 900px) {
	.bg-home-stories-grid {
		grid-template-columns: 1fr;
	}
}
.bg-home-support-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 24px;
}

@media (max-width: 767px) {
	.bg-home-support-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.bg-home-support-actions .bg-btn-primary,
	.bg-home-support-actions .bg-btn-secondary {
		width: 100%;
		margin: 0 !important;
	}
}
.bg-home-sponsors-copy,
.bg-home-sponsors-copy p,
.bg-home-sponsors-copy a {
	font-size: 0.9rem;
	line-height: 1.55;
	font-weight: 400;
}

.bg-home-sponsors-copy strong {
	font-weight: 800;
}

.bg-home-sponsors-copy p {
	margin: 0 0 10px;
}
/* Standard supporting pages */
body:not(.home) .bg-standard-page .bg-page-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 30px 70px;
}

.bg-standard-page-header {
	margin: 0 0 30px;
}

.bg-standard-page-header h1 {
	margin: 0;
}

.bg-standard-page-body,
.bg-standard-page-body p,
.bg-standard-page-body li {
	font-weight: 400;
	line-height: 1.7;
}

.bg-standard-page-body a:not(.bg-btn-primary):not(.bg-btn-secondary) {
	color: #b00000 !important;
}

.bg-standard-page-body .bg-btn-primary {
	color: #fff !important;
}

.bg-standard-page-body .bg-btn-secondary {
	text-decoration: none !important;
}

@media (max-width: 767px) {
	body:not(.home) .bg-standard-page .bg-page-content {
		padding: 34px 20px 56px;
	}

	.bg-standard-page-header {
		margin-bottom: 22px;
	}
}
/* Main footer */
.sh-footer-widgets {
	background: #2f343a;
	color: rgba(255, 255, 255, 0.72);
}

.bg-footer-grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr 1.4fr;
	gap: 42px;
	padding: 24px 0;
}

.bg-footer-column h3 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

.bg-footer-column p,
.bg-footer-column li {
	font-size: 0.9rem;
	line-height: 1.6;
	font-weight: 400;
}

.bg-footer-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bg-footer-column li {
	margin: 0 0 9px;
}

.bg-footer-column a {
	color: #fff !important;
	text-decoration: none;
}

.bg-footer-column a:hover,
.bg-footer-column a:focus {
	color: #e85a5a !important;
}

@media (max-width: 900px) {
	.bg-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.bg-footer-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

.bg-home-support-actions .wpb_wrapper{
    margin:0;
}

.bg-home-support-actions .vc_btn3-container{
    margin-bottom:0!important;
}

.bg-home-support-actions .wpb_button{
    margin-bottom:0!important;
}
.rollcall-table th,
.league-table th,
.records-table th{
    color:#fff;
    background:#4b433f;
}

.records-table th a{
    color:#fff!important;
    background:none!important;
    padding:0!important;
    box-shadow:none!important;
}
.bg-home-sponsors {
	display: block;
}

.bg-home-sponsor-primary {
	margin-bottom: 34px;
}

.bg-home-partner-links {
	padding-top: 26px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}


.bg-home-sponsor-primary img {
	display: block;
	width: 100%;
	max-width: 260px;
	height: auto;
	margin: 0 0 16px;
}

.bg-home-sponsor-label {
	margin: 0 0 14px;
	font-size: 0.78rem !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #555;
}

.bg-home-sponsor-handle,
.bg-home-partner-links li {
	font-size: 0.92rem !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
}

.bg-home-sponsor-handle {
	margin: 0;
}

.bg-home-partner-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bg-home-partner-links li {
	margin: 0 0 14px;
}

.bg-home-sponsors a {
	color: #b00000 !important;
	font-weight: 700;
}

@media (max-width: 767px) {
	.bg-home-sponsor-primary img {
		max-width: 220px;
	}
}
/* Compact footer spacing */
.sh-footer-widgets {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background: #242424;
	color: rgba(255, 255, 255, 0.72);
}

.bg-footer-main {
	padding: 38px 0 28px !important;
	gap: 52px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
}

.sh-footer-widgets .container {
	max-width: 1200px;
}


.bg-footer-column h3 {
	margin: 0 0 18px;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #fff;
}

.bg-footer-column p,
.bg-footer-column li,
.bg-footer-column a {
	font-size: 0.9rem;
	line-height: 1.6;
	font-weight: 400;
}

.bg-footer-column p {
	max-width: 280px;
	margin: 0 0 16px;
}

.bg-footer-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bg-footer-column li {
	margin: 0 0 10px;
}
.sh-copyrights {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}
.bg-footer-column a,
.bg-footer-partners a {
	color: #fff !important;
	text-decoration: none;
}

.bg-footer-column a:hover,
.bg-footer-column a:focus,
.bg-footer-partners a:hover,
.bg-footer-partners a:focus {
	color: #e85a5a !important;
}

.bg-footer-partners {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
	padding: 16px 0 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 0.78rem;
	line-height: 1.5;
}

.bg-footer-partners span {
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.55);
}

@media (max-width: 767px) {
	.bg-footer-main {
		display: grid;
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

	.bg-footer-partners {
		flex-direction: column;
		gap: 10px;
	}
}
.sh-footer-widgets,
.sh-footer-widgets .widget,
.bg-footer-main,
.bg-footer-partners {
	display: block;
	visibility: visible;
	opacity: 1;
}
/* Referees table */
.bg-referees-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}






/* ==========================================================
   REFEREES TABLE — DEFINITIVE RESPONSIVE RULES
   ========================================================== */

.bg-referees-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

	#referee-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}

	#referee-table th,
	#referee-table td {
	padding: 18px 14px;
	vertical-align: middle;
	white-space: nowrap;
}

/* Header */
	#referee-table thead th {
	background: #4b433f !important;
	color: #fff !important;
	font-weight: 800 !important;
	text-align: center !important;
}

/* Name remains left aligned */
	#referee-table thead th:first-child,
	#referee-table tbody td:first-child {
	text-align: left !important;
	min-width: 170px;
}

/* First and Last centred */
	#referee-table thead th:nth-child(2),
	#referee-table thead th:nth-child(3),
	#referee-table tbody td:nth-child(2),
	#referee-table tbody td:nth-child(3) {
	text-align: center !important;
	min-width: 110px;
}

/* Numeric columns */
	#referee-table thead th:nth-child(n+4),
	#referee-table tbody td:nth-child(n+4) {
	text-align: center !important;
	min-width: 72px;
}

/* Tablet: retain all columns and allow deliberate scroll */
@media (min-width: 768px) and (max-width: 1027px) {
	.bg-referees-table-wrap {
		overflow-x: auto !important;
	}

	#referee-table {
		width: 1100px !important;
		min-width: 1100px !important;
		table-layout: auto !important;
	}
}

/* Mobile: reduce to Name | Pld | Pts | WR */
@media (max-width: 767px) {
	.bg-referees-table-wrap {
		overflow-x: visible;
	}

	#referee-table {
		width: 100% !important;
		min-width: 0 !important;
		table-layout: fixed !important;
	}

	/* Hide First, Last, W, D, L, F, A and GD */
	#referee-table th:nth-child(2),
	#referee-table td:nth-child(2),
	#referee-table th:nth-child(3),
	#referee-table td:nth-child(3),
	#referee-table th:nth-child(5),
	#referee-table td:nth-child(5),
	#referee-table th:nth-child(6),
	#referee-table td:nth-child(6),
	#referee-table th:nth-child(7),
	#referee-table td:nth-child(7),
	#referee-table th:nth-child(8),
	#referee-table td:nth-child(8),
	#referee-table th:nth-child(9),
	#referee-table td:nth-child(9),
	#referee-table th:nth-child(10),
	#referee-table td:nth-child(10) {
		display: none;
	}

	#referee-table th,
	#referee-table td {
		padding: 14px 8px !important;
		font-size: 0.9rem;
		min-width: 0 !important;
	}

	/* Name */
	#referee-table th:first-child,
	#referee-table td:first-child {
		width: 46% !important;
		white-space: normal !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	/* Played */
	#referee-table th:nth-child(4),
	#referee-table td:nth-child(4) {
		width: 18% !important;
	}

	/* Points */
	#referee-table th:nth-child(11),
	#referee-table td:nth-child(11) {
		width: 18% !important;
	}

	/* Win rate */
	#referee-table th:nth-child(12),
	#referee-table td:nth-child(12) {
		width: 18% !important;
	}
}
.single-post .post-content,
.single-post .post-content p,
.single-post .post-content li {
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400;
}
/* Blog share and previous/next navigation */
.single-post .sh-post-share,
.single-post .sh-post-navigation {
	margin: 34px 0 !important;
	padding: 24px 0 !important;
}

.single-post .sh-post-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 0 !important;
}

.single-post .sh-post-navigation > div {
	position: static !important;
	transform: none !important;
	margin: 0 !important;
}

@media (max-width: 767px) {
	.single-post .sh-post-navigation {
		flex-wrap: wrap;
	}
}
/* Blog related posts */
.single-post .sh-related-posts {
	margin-top: 42px;
}

.single-post .sh-related-posts .post-title,
.single-post .sh-related-posts h4 {
	font-size: 1.2rem !important;
	line-height: 1.35 !important;
	margin-bottom: 12px !important;
}

.single-post .sh-related-posts .post-meta,
.single-post .sh-related-posts .post-meta a {
	font-size: 0.78rem !important;
	line-height: 1.35 !important;
}

@media (max-width: 767px) {
	.single-post .sh-related-posts .row {
		display: block;
	}

	.single-post .sh-related-posts [class*="col-"] {
		width: 100% !important;
		margin-bottom: 30px;
	}
}
.single-post .post-switch-item,
.single-post .sh-post-navigation-item {
	min-height: 0 !important;
	height: auto !important;
	padding: 18px !important;
}


/* Launch minimum for standard and blog content */
.bg-standard-page-body,
.single-post .post-content,
.single-post .post-content p,
.single-post .post-content li {
	font-weight: 400;
	line-height: 1.7;
}

.bg-standard-page-body a:not(.bg-btn-primary):not(.bg-btn-secondary),
.single-post .post-content a:not(.bg-btn-primary):not(.bg-btn-secondary) {
	color: #b00000 !important;
}

.single-post .post-title,
.single-post .sh-titlebar {
	margin-bottom: 24px;
}

@media (max-width: 767px) {
	.single-post .sh-titlebar {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
.sh-footer-widgets .widget,
.sh-footer-widgets .widget_custom_html {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
/* Blog: launch treatment for Related Posts */
.single-post .sh-related-posts {
	margin-top: 42px !important;
	padding-top: 30px !important;
	padding-bottom:60px;!important;
}

.single-post .sh-related-posts .post-title,
.single-post .sh-related-posts h4 {
	font-size: 1.15rem !important;
	line-height: 1.35 !important;
	margin-bottom: 12px !important;
}

.single-post .sh-related-posts .post-meta,
.single-post .sh-related-posts .post-meta a {
	font-size: 0.78rem !important;
	line-height: 1.35 !important;
}
/* Manager Complete Record */
.bg-manager-record-table {
	width: 100%;
	table-layout: fixed;
}

.bg-manager-record-table th,
.bg-manager-record-table td {
	text-align: center !important;
	vertical-align: middle;
}

/* Desktop: equal distribution */
.bg-manager-record-table th,
.bg-manager-record-table td {
	width: 12.5%;
}

/* Mobile: show Pl, Pts and WR only */
/* Manager Complete Record — mobile */
@media (max-width: 767px) {

	.bg-manager-record-table,
	.bg-manager-record-table thead,
	.bg-manager-record-table tbody {
		display: block;
		width: 100%;
	}

	.bg-manager-record-table tr {
		display: grid !important;
		grid-template-columns: 28% 32% 40%;
		width: 100%;
	}

	/* Hide W, D, L, F and A */
	.bg-manager-record-table th:nth-child(2),
	.bg-manager-record-table td:nth-child(2),
	.bg-manager-record-table th:nth-child(3),
	.bg-manager-record-table td:nth-child(3),
	.bg-manager-record-table th:nth-child(4),
	.bg-manager-record-table td:nth-child(4),
	.bg-manager-record-table th:nth-child(5),
	.bg-manager-record-table td:nth-child(5),
	.bg-manager-record-table th:nth-child(6),
	.bg-manager-record-table td:nth-child(6) {
		display: none !important;
	}

	/* Reset the three visible cells */
	.bg-manager-record-table th:nth-child(1),
	.bg-manager-record-table td:nth-child(1),
	.bg-manager-record-table th:nth-child(7),
	.bg-manager-record-table td:nth-child(7),
	.bg-manager-record-table th:nth-child(8),
	.bg-manager-record-table td:nth-child(8) {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: auto !important;
		min-width: 0 !important;
		padding: 14px 8px !important;
		text-align: center !important;
	}

	.bg-manager-record-table th,
	.bg-manager-record-table td {
		font-size: 0.9rem;
	}
}
/* Manager Complete Record: definitive desktop alignment */
@media (min-width: 768px) {
	.bg-manager-record .bg-manager-record-table thead th,
	.bg-manager-record .bg-manager-record-table tbody td {
		text-align: center !important;
		justify-content: center !important;
	}

	.bg-manager-record .bg-manager-record-table thead th:nth-child(2),
	.bg-manager-record .bg-manager-record-table tbody td:nth-child(2) {
		text-align: center !important;
	}
}
.bg-archive-header {
	margin: 32px 0 32px;
}

.bg-archive-header h1 {
	margin: 0;
}
/* Capitalise custom post-type archive breadcrumb labels */
.post-type-archive .bread-current.bread-archive {
	text-transform: capitalize;
}

/* Standard editorial page hero */
/* Standard editorial page hero — full viewport width */
.bg-standard-hero {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-bottom: 48px;
	padding: 70px 0;
	background: #2f343a;
	color: #ffffff;
}

.bg-standard-hero-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}

.bg-standard-hero h1 {
	margin: 0;
	color: #ffffff;
}

@media (max-width: 767px) {
	.bg-standard-hero {
		margin-bottom: 34px;
		padding: 46px 0;
	}

	.bg-standard-hero-inner {
		padding: 0 20px;
	}
}