/* Kisure v550 — responsive, site-theme-aware homepage score deck.
   Logo → home score → away score → logo. The component follows Kisure's
   resolved light/dark theme, including the site's System preference. */
.football-home-board--v550{
    /* Kisure-native palette: these inherit the site's own Light / Dark / System
       variables instead of maintaining a second score-deck colour scheme. */
    --ks550-widget-bg:var(--bg-elevated,#ffffff);
    --ks550-widget-border:var(--primary,#0ea5a4);
    --ks550-nav-bg:var(--bg-soft,rgba(255,255,255,.72));
    --ks550-card-bg:var(--surface,#ffffff);
    --ks550-card-border:var(--border-strong,rgba(15,23,42,.18));
    --ks550-text:var(--text,#122033);
    --ks550-sub:var(--text-soft,#5b6b82);
    --ks550-accent:var(--primary,#0ea5a4);
    --ks550-accent-hover:var(--primary-strong,#0b7285);
    --ks550-active-bg:var(--primary,#0ea5a4);
    --ks550-active-text:#ffffff;
    --ks550-live:var(--danger,#ef4444);
    --ks550-upcoming:var(--accent,#f97316);
    --ks550-upcoming-text:#ffffff;
    --ks550-finished:var(--success,#10b981);
    --ks550-vs:var(--surface-strong,#f8fafc);
    --ks550-arrow-bg:var(--surface,#ffffff);
    --ks550-result-bg:var(--surface-strong,#f8fafc);
    --ks550-result-text:var(--text-soft,#5b6b82);
    --ks550-shadow:var(--shadow-sm,0 18px 40px rgba(15,23,42,.08));
    width:100%!important;
    max-width:min(1200px,100%)!important;
    min-width:0!important;
    margin:28px auto!important;
    padding:16px!important;
    position:relative;
    overflow:hidden!important;
    border:2px solid var(--ks550-widget-border)!important;
    border-radius:24px!important;
    background:var(--ks550-widget-bg)!important;
    box-shadow:var(--ks550-shadow)!important;
    color:var(--ks550-text)!important;
    box-sizing:border-box;
}
html[data-theme="dark"] .football-home-board--v550{
    --ks550-active-text:#07111f;
    --ks550-upcoming-text:#07111f;
}
.football-home-board--v550::before,
.football-home-board--v550::after{display:none!important}

.football-home-board--v550 .football-scoredeck__nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px;
    width:100%;
    min-height:48px;
    margin:0 0 16px!important;
    padding:4px!important;
    overflow:hidden;
    border:0!important;
    border-radius:30px!important;
    background:var(--ks550-nav-bg)!important;
}
.football-home-board--v550 .football-scoredeck__tabs{
    display:flex!important;
    align-items:center!important;
    min-width:0;
    gap:5px!important;
}
.football-home-board--v550 .football-scoredeck__tab{
    appearance:none;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:40px;
    padding:10px 20px!important;
    border:0!important;
    border-radius:25px!important;
    background:transparent!important;
    color:var(--ks550-sub)!important;
    font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    letter-spacing:.5px!important;
    text-transform:uppercase!important;
    white-space:nowrap;
    cursor:pointer;
    transition:background .18s ease,color .18s ease;
}
.football-home-board--v550 .football-scoredeck__tab:hover{color:var(--ks550-text)!important}
.football-home-board--v550 .football-scoredeck__tab:disabled,
.football-home-board--v550 .football-scoredeck__tab[aria-disabled="true"]{
    opacity:.45!important;
    cursor:default!important;
    color:var(--ks550-sub)!important;
}
.football-home-board--v550 .football-scoredeck__tab.is-active{
    padding-right:35px!important;
    border-radius:25px 8px 8px 25px!important;
    background:var(--ks550-active-bg)!important;
    color:var(--ks550-active-text)!important;
    clip-path:polygon(0 0,85% 0,100% 100%,0 100%);
}
.football-home-board--v550 .football-scoredeck__live-dot{
    display:block!important;
    flex:0 0 8px;
    width:8px!important;
    height:8px!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:var(--ks550-live)!important;
    box-shadow:none!important;
}
.football-home-board--v550 .football-scoredeck__label--mobile{display:none!important}
.football-home-board--v550 .football-scoredeck__view-all{
    display:inline-flex!important;
    flex:0 0 auto;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:34px;
    margin:0 8px 0 0!important;
    padding:8px 16px!important;
    border:1px solid var(--ks550-widget-border)!important;
    border-radius:20px!important;
    background:transparent!important;
    color:var(--ks550-text)!important;
    font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    text-decoration:none!important;
    white-space:nowrap;
    transition:background .18s ease,color .18s ease;
}
.football-home-board--v550 .football-scoredeck__view-all:hover{
    background:var(--ks550-accent)!important;
    color:var(--ks550-active-text)!important;
}

.football-home-board--v550 .football-scoredeck__rail-shell{
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
}
.football-home-board--v550 .football-home-board__cards-row{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 48px)/5);
    grid-template-columns:none!important;
    grid-template-rows:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-content:start!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    cursor:grab;
}
.football-home-board--v550 .football-home-board__cards-row:active{cursor:grabbing}
.football-home-board--v550 .football-home-board__cards-row::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
    background:transparent!important;
}
.football-home-board--v550 .football-fixture-tile[hidden]{display:none!important}

.football-home-board--v550 .football-fixture-tile--v550{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    min-width:0!important;
    min-height:185px!important;
    margin:0!important;
    padding:12px!important;
    overflow:hidden;
    border:1px solid var(--ks550-card-border)!important;
    border-radius:16px!important;
    background:var(--ks550-card-bg)!important;
    box-shadow:none!important;
    color:var(--ks550-text)!important;
    scroll-snap-align:start;
    cursor:pointer;
    box-sizing:border-box;
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.football-home-board--v550 .football-fixture-tile--v550:hover{
    transform:translateY(-2px);
    border-color:var(--ks550-widget-border)!important;
    box-shadow:var(--shadow-sm,0 18px 40px rgba(15,23,42,.08))!important;
}

.football-home-board--v550 .football-fixture-tile__statusbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:22px;
    margin:0 0 12px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.football-home-board--v550 .football-fixture-tile__badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:20px;
    padding:3px 8px!important;
    border:0!important;
    border-radius:12px!important;
    color:#fff!important;
    font:800 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    white-space:nowrap;
}
.football-home-board--v550 .football-fixture-tile__badge--live{background:var(--ks550-live)!important}
.football-home-board--v550 .football-fixture-tile__badge--live i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#fff;
    animation:ks550-live-pulse 1.6s ease-in-out infinite;
}
.football-home-board--v550 .football-fixture-tile__badge--scheduled{
    background:var(--ks550-upcoming)!important;
    color:var(--ks550-upcoming-text)!important;
}
.football-home-board--v550 .football-fixture-tile__badge--result{
    background:var(--ks550-finished)!important;
    color:#ffffff!important;
}
@keyframes ks550-live-pulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.football-home-board--v550 .football-fixture-tile__badge--live i{animation:none}}

.football-home-board--v550 .football-fixture-tile__time{
    display:block!important;
    min-width:0;
    max-width:105px;
    overflow:hidden;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--ks550-sub)!important;
    font:600 12px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    font-variant-numeric:tabular-nums;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Match body: logo → home score → away score → logo. Team names remain only in
   aria-label/title metadata and never occupy visible card space. */
.football-home-board--v550 .football-fixture-tile__body{
    display:grid!important;
    grid-template-columns:44px minmax(26px,1fr) minmax(26px,1fr) 44px!important;
    align-items:center!important;
    justify-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-height:52px;
    margin:0 0 12px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--ks550-text)!important;
    text-decoration:none!important;
}
.football-home-board--v550 .football-fixture-tile__club{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
}
.football-home-board--v550 .football-fixture-tile__club--home{grid-column:1}
.football-home-board--v550 .football-fixture-tile__club--away{grid-column:4}
.football-home-board--v550 .football-fixture-tile__team-avatar{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--ks550-sub)!important;
}
.football-home-board--v550 .football-fixture-tile__team-avatar img{
    display:block!important;
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    object-fit:contain!important;
}
.football-home-board--v550 .football-fixture-tile__team-avatar>i{font-size:30px!important;opacity:.55}
.football-home-board--v550 .football-fixture-tile__score-zone{
    grid-column:2/4;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
    text-align:center;
}
.football-home-board--v550 .football-fixture-tile__score-zone.has-penalties{flex-direction:column!important;gap:4px!important}
.football-home-board--v550 .football-fixture-tile__score{
    display:grid!important;
    grid-template-columns:minmax(22px,1fr) 12px minmax(22px,1fr)!important;
    align-items:center!important;
    justify-items:center!important;
    gap:2px!important;
    min-width:70px;
    margin:0!important;
    color:var(--ks550-text)!important;
    font:800 18px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    font-variant-numeric:tabular-nums;
    letter-spacing:0!important;
}
.football-home-board--v550 .football-fixture-tile__score em{
    color:var(--ks550-sub)!important;
    font-style:normal!important;
    font-weight:600!important;
}
.football-home-board--v550 .football-fixture-tile__score-home,
.football-home-board--v550 .football-fixture-tile__score-away{display:block!important;min-width:22px;text-align:center}
.football-home-board--v550 .football-fixture-tile__vs{
    display:flex!important;
    width:28px!important;
    height:28px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    border-radius:50%!important;
    background:var(--ks550-vs)!important;
    color:var(--ks550-sub)!important;
    font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
.football-home-board--v550 .football-fixture-tile__penalties{
    display:block!important;
    margin:0!important;
    color:var(--ks550-sub)!important;
    font:700 9px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    letter-spacing:.02em;
    white-space:nowrap;
}

.football-home-board--v550 .football-fixture-tile__footer{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%;
    margin-top:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.football-home-board--v550 .football-fixture-tile__league{
    display:flex!important;
    width:100%!important;
    min-height:18px;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
    overflow:hidden;
    border:0!important;
    background:transparent!important;
    color:var(--ks550-sub)!important;
    font:500 11px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    text-decoration:none!important;
}
.football-home-board--v550 .football-fixture-tile__league img{
    flex:0 0 14px;
    width:14px!important;
    height:14px!important;
    object-fit:contain!important;
}
.football-home-board--v550 .football-fixture-tile__league>i{flex:0 0 auto;font-size:11px!important}
.football-home-board--v550 .football-fixture-tile__league span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.football-home-board--v550 .football-fixture-tile__league:hover{color:var(--ks550-text)!important}

.football-home-board--v550 .football-fixture-tile__prediction{
    display:flex!important;
    width:100%!important;
    min-height:31px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    margin:0!important;
    padding:8px 10px!important;
    border:0!important;
    border-radius:20px!important;
    background:var(--ks550-accent)!important;
    color:var(--ks550-active-text)!important;
    font:700 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap;
    transition:background .18s ease,filter .18s ease;
}
.football-home-board--v550 .football-fixture-tile__prediction:hover{background:var(--ks550-accent-hover)!important;color:var(--ks550-active-text)!important}
.football-home-board--v550 .football-fixture-tile__prediction.football-schedule-row__prediction--won{background:var(--success,#10b981)!important;color:#061a12!important}
.football-home-board--v550 .football-fixture-tile__prediction.football-schedule-row__prediction--lost{background:var(--danger,#ef4444)!important;color:#fff!important}
.football-home-board--v550 .football-fixture-tile__prediction.football-schedule-row__prediction--settled,
.football-home-board--v550 .football-fixture-tile__prediction.football-schedule-row__prediction--void{background:var(--ks550-result-bg)!important;color:var(--ks550-result-text)!important}

.football-home-board--v550 .football-scoredeck__arrow{
    appearance:none;
    position:absolute!important;
    z-index:12;
    top:50%;
    display:flex!important;
    width:36px!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%);
    border:1px solid var(--ks550-widget-border)!important;
    border-radius:50%!important;
    background:var(--ks550-arrow-bg)!important;
    color:var(--ks550-text)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.24)!important;
    cursor:pointer;
    transition:background .18s ease,opacity .18s ease,transform .18s ease;
}
.football-home-board--v550 .football-scoredeck__arrow:hover:not(:disabled){background:var(--ks550-nav-bg)!important;transform:translateY(-50%) scale(1.04)}
.football-home-board--v550 .football-scoredeck__arrow:disabled{opacity:.28!important;cursor:default!important}
.football-home-board--v550 .football-scoredeck__arrow--left{left:6px!important}
.football-home-board--v550 .football-scoredeck__arrow--right{right:6px!important}

@media(max-width:1024px){
    .football-home-board--v550 .football-home-board__cards-row{grid-auto-columns:calc((100% - 24px)/3)}
    .football-home-board--v550 .football-scoredeck__tab{padding-inline:15px!important;font-size:12px!important}
    .football-home-board--v550 .football-scoredeck__tab.is-active{padding-right:28px!important}
}

@media(max-width:700px){
    .football-home-board--v550{width:100%!important;max-width:100%!important;min-width:0!important;margin:20px auto!important;padding:10px!important;border-radius:19px!important}
    .football-home-board--v550 .football-scoredeck__nav{gap:6px;margin-bottom:12px!important;border-radius:22px!important}
    .football-home-board--v550 .football-scoredeck__tabs{gap:2px!important;flex:1 1 auto;min-width:0}
    .football-home-board--v550 .football-scoredeck__tab{flex:1 1 0;min-width:0;min-height:36px;padding:8px 7px!important;font-size:10px!important;letter-spacing:.1px!important;overflow:hidden}
    .football-home-board--v550 .football-scoredeck__tab .football-scoredeck__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .football-home-board--v550 .football-scoredeck__tab.is-active{padding-right:18px!important;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}
    .football-home-board--v550 .football-scoredeck__label--desktop{display:none!important}
    .football-home-board--v550 .football-scoredeck__label--mobile{display:inline!important}
    .football-home-board--v550 .football-scoredeck__view-all{min-height:30px;margin-right:3px!important;padding:7px 10px!important;font-size:10px!important}
    .football-home-board--v550 .football-home-board__cards-row{grid-auto-columns:100%}
    .football-home-board--v550 .football-fixture-tile--v550{min-height:180px!important}
    .football-home-board--v550 .football-scoredeck__arrow{width:32px!important;height:32px!important}
    .football-home-board--v550 .football-scoredeck__arrow--left{left:4px!important}
    .football-home-board--v550 .football-scoredeck__arrow--right{right:4px!important}
}

@media(max-width:420px){
    .football-home-board--v550 .football-scoredeck__tab{padding-inline:8px!important;font-size:9px!important}
    .football-home-board--v550 .football-scoredeck__tab.is-active{padding-right:15px!important}
    .football-home-board--v550 .football-scoredeck__view-all span{display:none!important}
    .football-home-board--v550 .football-scoredeck__view-all{width:30px!important;padding:0!important}
    .football-home-board--v550 .football-fixture-tile__body{grid-template-columns:42px minmax(24px,1fr) minmax(24px,1fr) 42px!important;gap:5px!important}
    .football-home-board--v550 .football-fixture-tile__club,
    .football-home-board--v550 .football-fixture-tile__team-avatar{width:42px!important;min-width:42px!important;height:42px!important}
    .football-home-board--v550 .football-fixture-tile__team-avatar img{width:38px!important;height:38px!important}
}

/* v550 overflow guards: a card may never become wider than its score-deck lane. */
.football-home-board--v550 .football-home-board__cards-row > *{max-width:100%;box-sizing:border-box}
.football-home-board--v550 .football-fixture-tile__statusbar,
.football-home-board--v550 .football-fixture-tile__body,
.football-home-board--v550 .football-fixture-tile__footer{min-width:0;max-width:100%}
@media (min-width:701px) and (max-width:1024px){
    .football-home-board--v550{padding:12px!important}
    .football-home-board--v550 .football-scoredeck__nav{min-width:0}
    .football-home-board--v550 .football-scoredeck__tabs{min-width:0;overflow:hidden}
    .football-home-board--v550 .football-scoredeck__tab{min-width:0;padding-inline:10px!important}
}
@media (max-width:700px){
    .football-home-board--v550 .football-scoredeck__nav{min-width:0;overflow:hidden}
    .football-home-board--v550 .football-scoredeck__view-all{flex:0 0 auto}
    .football-home-board--v550 .football-fixture-tile--v550{width:100%!important;max-width:100%!important}
}