[data-hero-live-panel][hidden] { display: none !important; }
#dtfc-desktop-hero-section.dtfc-hero-is-live > #dtfc-desktop-hero-content,
#dtfc-mobile-hero-section.dtfc-hero-is-live > #dtfc-mobile-hero-content { display: none !important; }
#dtfc-desktop-hero-section.dtfc-hero-is-live:not(.dtfc-hero-before-kickoff) > .carousel-bottomgoldbar,
#dtfc-mobile-hero-section.dtfc-hero-is-live:not(.dtfc-hero-before-kickoff) #dtfc-mobile-hero-overlay > .carousel-bottomgoldbar { display: none !important; }
#dtfc-desktop-hero-section.dtfc-hero-is-live,
#dtfc-mobile-hero-section.dtfc-hero-is-live {
    background: #111 url('https://dealtownfc.co.uk/assets/img/photos/2024/original/2024-246.jpeg') center center / cover no-repeat;
}
#dtfc-desktop-hero-section.dtfc-hero-is-live > #dtfc-desktop-hero-image,
#dtfc-mobile-hero-section.dtfc-hero-is-live > #dtfc-mobile-hero-image { visibility: hidden; }
#dtfc-desktop-hero-section.dtfc-hero-is-live > #dtfc-desktop-hero-overlay,
#dtfc-mobile-hero-section.dtfc-hero-is-live > #dtfc-mobile-hero-overlay {
    background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.75));
}
.dtfc-hero-live-panel {
    position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column;
    justify-content: center; align-items: center; padding: 60px 40px 32px;
    text-align: center; color: #fff;
}
.dtfc-hero-live-kicker { color: var(--dtfc-gold-bright, #e0bc4a); text-transform: uppercase; letter-spacing: .14em; font-weight: 800; font-size: 20px; margin: 0 0 16px; }
.dtfc-hero-live-meta { position: absolute; top: 24px; left: 40px; right: 40px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1.4; }
.dtfc-hero-live-meta [data-hero-match-date] { text-align: left; }
.dtfc-hero-live-meta [data-hero-match-competition] { text-align: right; }
.dtfc-hero-live-meta span:empty { display: none; }
#dtfc-mobile-hero-section .dtfc-hero-live-meta { top: 16px; left: 24px; right: 24px; gap: 16px; font-size: 11px; }
.dtfc-hero-live-summary { width: 100%; max-width: 1040px; }
.dtfc-hero-live-minute {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; min-width: 112px; border-radius: 4px;
    border: 0; color: #07131f; background: #d7bd67; padding: 5px 13px; font-size: 16px;
    font-weight: 950; text-transform: uppercase; letter-spacing: .7px;
    line-height: 1.3; margin: 0 0 22px;
}
.dtfc-hero-live-minute--lineup { max-width: 100%; font-size: 16px; }
.dtfc-hero-live-minute--live { background: #24c77a; }
.dtfc-hero-live-minute--ht { background: #f28b2d; color: #fff; }
.dtfc-hero-live-minute--ft { background: #eef4f7; color: #08111a; }
.dtfc-hero-live-scoreboard { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 30px; }
.dtfc-hero-live-team { font-size: clamp(24px, 3vw, 42px); font-weight: 900; text-transform: uppercase; line-height: 1.15; overflow-wrap: normal; word-break: normal; hyphens: none; }
.dtfc-hero-live-score { font-size: clamp(64px, 7vw, 100px); font-weight: 900; color: var(--dtfc-gold-bright, #e0bc4a); white-space: nowrap; line-height: 1.1; }
.dtfc-hero-live-score-break { display: block; margin-bottom: 24px; }
.dtfc-hero-live-button { display: inline-flex; align-items: center; gap: 18px; padding: 14px 26px; background: var(--dtfc-gold-bright, #e0bc4a); color: #111; font-weight: 800; text-transform: uppercase; text-decoration: none; border-radius: 4px; }
.dtfc-hero-live-button:hover { background: #f1d078; color: #111; }
.dtfc-hero-live-button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.dtfc-hero-demo-controls[hidden] { display: none !important; }
.dtfc-hero-demo-controls {
    position: absolute; bottom: 0; left: 0; right: 0; z-index: 5;
    padding: 14px 22px; background: rgba(10,10,10,.96); color: #fff;
    border-top: 1px solid var(--dtfc-gold, #c8a43a); text-align: center;
}
.dtfc-hero-demo-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; }
.dtfc-hero-demo-actions strong { color: var(--dtfc-gold-bright, #e0bc4a); margin-right: 8px; }
.dtfc-hero-demo-actions button {
    background: transparent; border: 1px solid #c8a43a; color: #fff;
    border-radius: 4px; padding: 7px 14px; font-size: 14px; cursor: pointer;
}
.dtfc-hero-demo-actions button[aria-pressed="true"] { background: #e0bc4a; color: #111; }
.dtfc-hero-demo-actions a { color: #fff; font-size: 14px; padding: 7px; }
.dtfc-hero-demo-actions button:focus-visible, .dtfc-hero-demo-actions a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.dtfc-hero-demo-controls p { margin: 8px 0 0; font-size: 13px; line-height: 1.4; }
#dtfc-desktop-hero-section.dtfc-hero-demo-mode .dtfc-hero-live-panel { padding-bottom: 125px; }
#dtfc-mobile-hero-section.dtfc-hero-is-live { min-height: 430px; }
#dtfc-mobile-hero-section .dtfc-hero-live-panel { padding: 80px 24px 32px; text-align: center; align-items: center; }
#dtfc-mobile-hero-section .dtfc-hero-live-kicker { font-size: 16px; margin-bottom: 14px; }
#dtfc-mobile-hero-section .dtfc-hero-live-minute { font-size: 13px; margin-bottom: 18px; }
#dtfc-mobile-hero-section .dtfc-hero-live-minute--lineup { font-size: 13px; }
#dtfc-mobile-hero-section .dtfc-hero-live-scoreboard { gap: 8px; }
#dtfc-mobile-hero-section .dtfc-hero-live-team { font-size: clamp(16px, 4vw, 24px); }
#dtfc-mobile-hero-section .dtfc-hero-live-score { font-size: clamp(40px, 10vw, 64px); }
#dtfc-mobile-hero-section .dtfc-hero-live-button { padding: 12px 18px; font-size: 14px; gap: 12px; }
#dtfc-mobile-demo-controls { padding: 12px; }
#dtfc-mobile-demo-controls .dtfc-hero-demo-actions { gap: 8px; }
#dtfc-mobile-demo-controls .dtfc-hero-demo-actions strong { width: 100%; margin: 0; }
#dtfc-mobile-demo-controls .dtfc-hero-demo-actions button { padding: 7px 10px; font-size: 13px; }

/* Keep the existing gold bar available during the lineup/pre-match panel. */
#dtfc-desktop-hero-section.dtfc-hero-before-kickoff .dtfc-hero-live-panel { padding-top: 70px; padding-bottom: 140px; }
#dtfc-desktop-hero-section.dtfc-hero-demo-mode .dtfc-nextmatch-bar { bottom: 94px; }
#dtfc-desktop-hero-section.dtfc-hero-demo-mode.dtfc-hero-before-kickoff .dtfc-hero-live-panel { padding-bottom: 235px; }
#dtfc-desktop-hero-section.dtfc-nextmatch-expanded { min-height: 680px; }
#dtfc-desktop-hero-section.dtfc-nextmatch-expanded.dtfc-hero-before-kickoff .dtfc-hero-live-panel { padding-bottom: 310px; }
#dtfc-desktop-hero-section.dtfc-nextmatch-expanded.dtfc-hero-demo-mode { min-height: 790px; }
#dtfc-desktop-hero-section.dtfc-nextmatch-expanded.dtfc-hero-demo-mode.dtfc-hero-before-kickoff .dtfc-hero-live-panel { padding-bottom: 400px; }
#dtfc-mobile-hero-section.dtfc-hero-before-kickoff { min-height: 480px; }
#dtfc-mobile-hero-section.dtfc-hero-before-kickoff .dtfc-hero-live-panel { padding-bottom: 160px; }
#dtfc-mobile-hero-section.dtfc-nextmatch-expanded { min-height: 680px; }
#dtfc-mobile-hero-section.dtfc-nextmatch-expanded.dtfc-hero-before-kickoff .dtfc-hero-live-panel { padding-bottom: 330px; }

.dtfc-nextmatch-bar[hidden], [data-nextmatch-details][hidden] { display: none !important; }
.carousel-bottomgoldbar.dtfc-nextmatch-bar { height: 60px; transition: height .2s; }
.dtfc-nextmatch-expanded .carousel-bottomgoldbar.dtfc-nextmatch-bar { height: 300px; }
.dtfc-nextmatch-arrow-button { display: inline-block; line-height: 0; border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer; }
.dtfc-nextmatch-arrow-button:focus-visible svg { outline: 2px solid #fff; outline-offset: 2px; }
.dtfc-hero-live-team { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; }
.dtfc-hero-live-team > span { min-width: 0; }
.dtfc-hero-live-badge { width: 64px; height: 76px; object-fit: contain; flex: 0 0 64px; }
.dtfc-hero-live-badge[hidden] { display: none; }
#dtfc-desktop-hero-section .dtfc-hero-live-team:first-child { justify-content: flex-end; }
#dtfc-desktop-hero-section [data-hero-home-badge] { order: 1; }
#dtfc-desktop-hero-section .dtfc-hero-live-team:last-child { justify-content: flex-start; }
#dtfc-mobile-hero-section .dtfc-hero-live-team { flex-direction: column; gap: 8px; }
#dtfc-mobile-hero-section .dtfc-hero-live-badge { width: 64px; height: 76px; flex: 0 0 76px; }
#dtfc-mobile-hero-section [data-hero-home-name],
#dtfc-mobile-hero-section [data-hero-away-name] {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
#dtfc-mobile-hero-section .dtfc-nextmatch-bar { bottom: 0; }
#dtfc-mobile-demo-controls { position: relative; inset: auto; }