:root{--ndhl-bg:#0b0b10;--ndhl-card-bg:#000000;--ndhl-card-border:#ffffff;--ndhl-norra:#0496a4;--ndhl-sodra:#590070;--ndhl-gold:#F6B23C;}

#ndhl-hero-matches.ndhl-hero-matches{background:var(--ndhl-bg);display:flex;flex-wrap:nowrap;gap:22px;padding:34px 80px 40px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:80px;-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;}
#ndhl-hero-matches.ndhl-hero-matches::-webkit-scrollbar{height:6px;}
@media (max-width:1024px){#ndhl-hero-matches.ndhl-hero-matches{padding-left:40px;padding-right:40px;scroll-padding-left:40px;}}
@media (max-width:767px){#ndhl-hero-matches.ndhl-hero-matches{padding-left:16px;padding-right:16px;scroll-padding-left:16px;}}

.ndhl-hero-loading,.ndhl-hero-error{color:#fff;padding:20px;font-size:14px;opacity:.7;font-family:inherit;}

/* Kortet: PNG-ram (680x365) som bakgrund — pill, ram, delarlinje, pil och VS är inbakade i bilden */
.ndhl-match-card{position:relative;flex:0 0 290px;scroll-snap-align:start;aspect-ratio:680/365;background:transparent none center/100% 100% no-repeat;border:none;border-radius:0;padding:0;text-align:center;color:#fff;}
.ndhl-match-card[data-group="Norra"]{background-image:url(/wp-content/uploads/2026/07/hero_norra.png?v=2);}
.ndhl-match-card[data-group="Södra"]{background-image:url(/wp-content/uploads/2026/07/hero_sodra.png?v=3);}

/* Loggor i kroppsytan (y 79–278 av 365), centrerade med lucka för inbakat VS */
.ndhl-match-teams{position:absolute;left:6%;right:6%;top:21.6%;height:54.5%;display:flex;align-items:center;justify-content:center;gap:32%;margin:0;}
.ndhl-match-logo{width:22.8%;height:96%;object-fit:contain;}

/* Resultat (spelade matcher) täcker det inbakade VS:et */
.ndhl-match-score{position:absolute;left:50%;top:47.5%;transform:translate(-50%,-50%);background:var(--ndhl-bg);padding:4px 10px;color:#fff;font-weight:800;font-size:22px;letter-spacing:1px;min-width:48px;box-sizing:border-box;}

/* Textraden med datum/tid i fältet under delarlinjen (y 285–358) */
.ndhl-match-meta{position:absolute;left:0;right:0;top:78%;height:20%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#fff;border:none;padding:0;margin:0;}
.ndhl-match-card.is-played .ndhl-match-meta{color:var(--ndhl-gold);}

/* Pinnad nyhet — fullbredd bild + tunt grått band med rubriken (blocket renderas bara när ett inlägg är klistrat) */
.ndhl-pinned-news .ndhl-pinned-link{display:block;width:100%;text-decoration:none;}
.ndhl-pinned-news .ndhl-pinned-img{display:block;width:100%;height:420px;object-fit:cover;margin:0;}
.ndhl-pinned-news .ndhl-pinned-title{display:block;background:#b3b3b3;color:#000;font-family:'Barlow',sans-serif;font-weight:700;font-size:22px;line-height:1.2;padding:10px 80px;}
@media (max-width:1024px){.ndhl-pinned-news .ndhl-pinned-title{padding:10px 40px;}}
@media (max-width:767px){.ndhl-pinned-news .ndhl-pinned-title{padding:8px 16px;font-size:18px;}}
@media (max-width:600px){.ndhl-pinned-news .ndhl-pinned-img{height:240px;}}

/* "Senaste nytt"-rubriken: vänsterställd, Barlow Semi Condensed medium, versaler */
.home .news-grid-section h2.wp-block-heading{text-align:left;font-family:'Barlow Semi Condensed',sans-serif;font-weight:500;font-size:26px;text-transform:uppercase;letter-spacing:2px;margin-bottom:18px;}

/* Gråa scrollpilar — sticky vid scrollportens kanter, negativa marginaler så korten behåller sin position */
.ndhl-hero-arrow{position:sticky;z-index:3;flex:0 0 auto;align-self:center;background:transparent;border:none;padding:0;cursor:pointer;line-height:0;opacity:.85;}
.ndhl-hero-arrow:hover{opacity:1;}
.ndhl-hero-arrow-left{left:2px;margin-right:-40px;}
.ndhl-hero-arrow-right{right:2px;margin-left:-40px;}

@media (max-width:600px){.ndhl-match-card{flex:0 0 82vw;}.ndhl-match-score{font-size:6.5vw;}.ndhl-match-meta{font-size:3.8vw;}}