:root{--blue:#005baa;--blue2:#003d7a;--ink:#101820;--paper:#fff;--soft:#f3f6f8;--line:#dce3e8;--muted:#66717c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.crest{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font:800 14px Georgia,serif;border:3px solid #fff;outline:2px solid var(--blue)}.brand-text{display:flex;flex-direction:column;letter-spacing:.06em}.brand-text small{font-size:10px;color:var(--muted);margin-top:2px}.nav{display:flex;gap:28px;font-size:14px;font-weight:700}.nav a{padding:30px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--blue);transition:.2s}.nav a:hover:after{right:0}.menu-btn{display:none;border:0;background:none;font-size:26px}.hero{min-height:650px;background-image:linear-gradient(90deg,rgba(4,20,35,.82),rgba(4,20,35,.16)),var(--hero);background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:end}.hero-inner{position:relative;padding:110px 0 90px}.kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#fff}.kicker.dark{color:var(--blue)}.hero h1,.page-hero h1,.article h1{font-family:Georgia,serif;font-size:clamp(52px,8vw,105px);line-height:.9;letter-spacing:-.045em;margin:15px 0 24px}.hero h1 em{font-weight:400}.hero p{max-width:620px;font-size:19px;line-height:1.55;color:#eef4f8}.buttons{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;padding:15px 24px;border-radius:2px;font-weight:800;font-size:13px;letter-spacing:.04em}.primary{background:#fff;color:var(--ink)}.ghost{border:1px solid rgba(255,255,255,.55)}.section{padding:85px 0}.soft-section{background:var(--soft)}.dark-section{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2,.section> .container>h2{font:700 46px Georgia,serif;letter-spacing:-.03em;margin:8px 0}.section-head>a{font-weight:700;color:var(--blue);font-size:13px}.next-match{border-top:5px solid var(--blue);background:var(--soft);padding:34px 42px}.match-meta{display:flex;gap:18px;color:var(--muted);font-size:13px}.teams{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;text-align:center;margin:45px 0 30px}.teams strong{font:700 clamp(24px,4vw,50px) Georgia,serif}.teams span{font-size:11px;font-weight:900;color:var(--muted)}.competition{text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--blue)}.result-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.result-feature h2{font:700 42px Georgia,serif;margin:10px 0}.score{font:700 105px Georgia,serif;color:#fff;line-height:1}.result-feature p{color:#9ea9b3}.result-feature blockquote{font:italic 32px/1.35 Georgia,serif;margin:0;border-left:4px solid var(--blue);padding-left:30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:#fff;border:1px solid var(--line);transition:.2s}.news-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.08)}.card-img{aspect-ratio:16/10;overflow:hidden}.card-img img{height:100%;object-fit:cover;transition:.35s}.news-card:hover img{transform:scale(1.035)}.card-body{padding:24px}.card-body h3{font:700 27px/1.05 Georgia,serif;margin:10px 0}.card-body p{color:var(--muted);line-height:1.55}.card-body b{font-size:12px;color:var(--blue)}.players{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.players.full{grid-template-columns:repeat(4,1fr)}.player-img{aspect-ratio:4/5;background:#dfe7ed;overflow:hidden;position:relative}.player-img img{height:100%;object-fit:cover}.player-img span{position:absolute;right:12px;bottom:5px;font:700 58px Georgia,serif;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}.player h3{margin:13px 0 3px;font-size:17px}.player p{margin:0;color:var(--muted);font-size:13px}.schedule{border-top:1px solid var(--line)}.schedule-row{display:grid;grid-template-columns:74px 1fr 100px;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.schedule-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.schedule-row span,.schedule-row small{color:var(--muted);font-size:12px}.schedule-row time{text-align:right;font:700 23px Georgia,serif}.datebox{width:58px;text-align:center;border-right:1px solid var(--line);padding-right:14px}.datebox b{font:700 28px Georgia,serif;display:block}.datebox span{font-size:10px;font-weight:800}.values{background:var(--blue);color:#fff}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.value-grid>div>span{font-size:11px;opacity:.7}.value-grid h3{font:700 38px Georgia,serif;margin:12px 0}.value-grid p{line-height:1.6;opacity:.9}.page-hero{background:linear-gradient(125deg,var(--blue2),var(--blue));color:#fff;padding:105px 0 75px}.page-hero h1{font-size:clamp(46px,7vw,88px);margin-bottom:10px}.page-hero p{font-size:18px;max-width:680px;opacity:.9}.match-list{margin-top:25px}.match-row{display:grid;grid-template-columns:74px 1fr 100px;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.match-info{display:flex;flex-direction:column;gap:5px}.match-info small{color:var(--blue);font-weight:800}.match-info span{color:var(--muted);font-size:12px}.match-score{text-align:right;font:700 28px Georgia,serif}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.staff{background:#18242e;display:grid;grid-template-columns:120px 1fr;align-items:center}.staff img{height:145px;object-fit:cover}.staff div{padding:18px}.staff h3{margin:0 0 5px}.staff p{color:#aab4bc}.staff a{font-size:12px;color:#8fc4f3}.article-image{height:min(58vw,680px);background:var(--soft)}.article-image img{height:100%;object-fit:cover}.article{max-width:800px;padding-top:65px;padding-bottom:90px}.article h1{font-size:clamp(44px,7vw,76px)}.lead{font:italic 24px/1.45 Georgia,serif;color:#45515c}.article-body{font-size:18px;line-height:1.8;margin:35px 0}.prose{max-width:800px}.prose h2{font:700 38px Georgia,serif;margin-top:45px}.prose p{font-size:18px;line-height:1.75;color:#4d5964}.footer{background:#07131d;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid h4{margin:0 0 9px}.footer-grid p,.footer-grid a{font-size:13px;color:#9eabb5;line-height:1.6}.footer-brand .brand-text small{color:#8e9ba5}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid #26333d;display:flex;justify-content:space-between;color:#788793;font-size:11px}
@media(max-width:850px){.menu-btn{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 20px 25px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:13px 0}.hero{min-height:570px}.hero-inner{padding:80px 0 65px}.news-grid,.players,.players.full,.value-grid,.staff-grid{grid-template-columns:repeat(2,1fr)}.result-feature{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.brand-text{display:none}.hero h1{font-size:55px}.section{padding:58px 0}.section-head h2,.section>.container>h2{font-size:36px}.section-head{align-items:flex-start}.section-head>a{display:none}.teams{grid-template-columns:1fr 45px 1fr;margin:30px 0}.next-match{padding:24px 18px}.match-meta{flex-wrap:wrap}.news-grid,.players,.players.full,.value-grid,.staff-grid{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:17px}.card-body h3{font-size:22px}.player-img span{font-size:42px}.schedule-row,.match-row{grid-template-columns:62px 1fr 62px;gap:12px}.result-feature blockquote{font-size:25px}.score{font-size:82px}.staff{grid-template-columns:1fr}.staff img{height:190px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
/* V2 – starkare IFK-profil och innehållssidor */
:root{--ifk-blue:#0057a8;--ifk-deep:#003c73;--ifk-gold:#e5b73b}.site-header{border-top:4px solid var(--ifk-blue)}.crest{background:linear-gradient(145deg,var(--ifk-blue),var(--ifk-deep))}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#fff 0 33%,var(--ifk-blue) 33% 66%,#fff 66%)}
.player-profile{background:#07131d;color:white;padding:70px 0}.profile-grid{display:grid;grid-template-columns:minmax(300px, .85fr) 1.15fr;gap:70px;align-items:center}.profile-photo{aspect-ratio:4/5;background:#dce5eb;overflow:hidden}.profile-photo img{height:100%;object-fit:cover}.profile-copy{position:relative}.profile-copy h1{font:700 clamp(48px,7vw,90px)/.92 Georgia,serif;margin:12px 0}.profile-number{position:absolute;right:0;top:-30px;font:700 150px Georgia,serif;color:rgba(255,255,255,.06)}.position{color:#90c5f3;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lead-light{font:italic 24px/1.55 Georgia,serif;color:#d9e2e9}.profile-box{border-left:4px solid var(--ifk-blue);padding:6px 0 6px 20px;margin:35px 0}.profile-box small{color:#8fbfe8;font-weight:800}.match-detail-hero{padding:75px 0;background:radial-gradient(circle at top right,#0873c9,var(--ifk-deep) 55%,#07131d);color:#fff;text-align:center}.match-detail-hero p{opacity:.8}.detail-teams{display:grid;grid-template-columns:1fr 170px 1fr;gap:25px;align-items:center;margin-top:50px}.detail-teams strong{font:700 clamp(28px,4.5vw,58px) Georgia,serif}.detail-teams span{font:700 clamp(48px,7vw,90px) Georgia,serif}.report-img{margin:30px 0;max-height:540px;object-fit:cover}.goldhat{background:linear-gradient(135deg,#a87900,#e5b73b);color:#17120a;padding:65px 0}.goldhat-grid{display:grid;grid-template-columns:120px 1fr;gap:35px;align-items:center}.hat-icon{width:100px;height:100px;border:3px solid rgba(0,0,0,.35);border-radius:50%;display:grid;place-items:center;font-size:50px}.goldhat h2{font:700 48px Georgia,serif;margin:7px 0}.goldhat p{font-size:18px;line-height:1.65;max-width:750px}.masonry{columns:3 280px;column-gap:18px}.masonry figure{break-inside:avoid;margin:0 0 18px;background:#f3f6f8}.masonry img{width:100%;height:auto}.masonry figcaption{padding:13px 15px;display:flex;flex-direction:column;gap:4px}.masonry figcaption span{font-size:13px;color:#66717c}.match-row{color:inherit}.match-row:hover{background:#f7f9fb}.dark-section .match-row:hover{background:#18242e}
@media(max-width:700px){.profile-grid{grid-template-columns:1fr;gap:35px}.profile-photo{max-height:520px}.profile-number{font-size:95px}.detail-teams{grid-template-columns:1fr;gap:10px}.detail-teams span{font-size:60px}.goldhat-grid{grid-template-columns:1fr}.masonry{columns:2 140px}}

/* V3 – premium startsida och 9v9-spelplan */
.premium-hero{min-height:760px;background-position:center 35%}.premium-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,27,.9) 0%,rgba(3,15,27,.64) 45%,rgba(3,15,27,.12) 78%)}.premium-inner{z-index:2;padding-bottom:145px}.premium-inner h1{max-width:830px}.hero-rail{position:absolute;z-index:3;left:0;right:0;bottom:0;background:rgba(6,19,30,.88);border-top:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.hero-rail-grid{display:grid;grid-template-columns:repeat(3,1fr)}.hero-rail-grid>div{padding:22px 30px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:5px}.hero-rail-grid small{font-size:9px;letter-spacing:.16em;opacity:.65;font-weight:800}.compact-section{padding-top:65px;padding-bottom:70px}.premium-match{display:grid;grid-template-columns:110px 1fr 230px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(14,37,56,.08)}.premium-date{background:var(--ifk-blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px}.premium-date b{font:700 44px Georgia,serif}.premium-teams{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;padding:30px;text-align:center;font:700 clamp(23px,3vw,38px) Georgia,serif}.premium-teams i{font:900 10px Arial;color:var(--muted);font-style:normal}.premium-place{padding:30px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px}.result-form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.result-feature-mini h2{font:700 39px Georgia,serif}.form-card{background:#15232e;padding:38px}.form-balls{display:flex;gap:10px}.form-ball{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.form-ball.win{background:#1d8b52}.form-ball.draw{background:#8c949a}.form-ball.loss{background:#ae3d38}.home-gold{background:linear-gradient(120deg,#f6e6a2,#e5b73b);padding:55px 0;color:#201a0d}.home-gold-grid{display:grid;grid-template-columns:90px 1fr 310px;gap:28px;align-items:center}.gold-symbol{font-size:72px}.home-gold h2{font:700 43px Georgia,serif;margin:4px 0}.home-gold-score{border-left:1px solid rgba(0,0,0,.2);padding-left:28px;display:flex;flex-direction:column;gap:5px}.photo-stream{background:#07131d;color:#fff}.light-head a{color:#8fc4f3}.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:10px}.insta-item{position:relative;overflow:hidden}.insta-item.item-1{grid-column:span 2;grid-row:span 2}.insta-item.item-4{grid-column:span 2}.insta-item img{height:100%;object-fit:cover}.insta-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.7))}.insta-item span{position:absolute;z-index:2;left:15px;bottom:13px;color:#fff;font-size:12px;font-weight:800}.split-home{display:grid;grid-template-columns:1.2fr .8fr;gap:65px}.play-card{background:linear-gradient(145deg,var(--ifk-blue),var(--ifk-deep));color:#fff;padding:45px;display:flex;flex-direction:column;justify-content:center}.play-card h2{font:700 70px Georgia,serif;margin:7px 0}.mini-pitch{height:100px;border:2px solid rgba(255,255,255,.4);position:relative;margin:24px 0}.mini-pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.35)}.mini-pitch:after{content:"";position:absolute;left:50%;top:50%;width:35px;height:35px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%)}.blue-btn{background:var(--ifk-blue);color:#fff}.formation-section{background:#eef3f6}.formation-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.pitch-wrap{padding:18px;background:#fff}.pitch{aspect-ratio:68/105;max-height:760px;margin:auto;position:relative;background:repeating-linear-gradient(90deg,#2e8c51 0 12.5%,#338f55 12.5% 25%);border:3px solid white}.pitch:before{content:"";position:absolute;inset:3%;border:2px solid rgba(255,255,255,.75)}.pitch-line.halfway{position:absolute;left:3%;right:3%;top:50%;border-top:2px solid rgba(255,255,255,.75)}.center-circle{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;border:2px solid rgba(255,255,255,.75);border-radius:50%;transform:translate(-50%,-50%)}.box{position:absolute;left:25%;width:50%;height:16%;border:2px solid rgba(255,255,255,.75)}.box.top{top:3%;border-top:0}.box.bottom{bottom:3%;border-bottom:0}.pitch-player{position:absolute;z-index:4;transform:translate(-50%,-50%);text-align:center;min-width:90px}.pitch-shirt{width:48px;height:48px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ifk-blue);font-weight:900;border:3px solid var(--ifk-blue)}.pitch-player b{display:inline-block;margin-top:4px;padding:3px 7px;background:rgba(3,18,29,.72);color:#fff;font-size:10px}.formation-copy h2{font:700 48px Georgia,serif}.principle{padding:18px 0;border-top:1px solid #cad5dc}.principle b{color:var(--ifk-blue)}.principle p{line-height:1.6;color:#56636d}
@media(max-width:900px){.premium-match{grid-template-columns:90px 1fr}.premium-place{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.result-form-grid,.home-gold-grid,.split-home,.formation-layout{grid-template-columns:1fr}.insta-grid{grid-template-columns:repeat(2,1fr)}.formation-copy{order:-1}}
@media(max-width:560px){.premium-hero{min-height:680px}.premium-inner{padding-bottom:175px}.hero-rail-grid{grid-template-columns:1fr 1fr}.hero-rail-grid>div:last-child{display:none}.premium-match{grid-template-columns:72px 1fr}.premium-teams{grid-template-columns:1fr}.home-gold-grid{grid-template-columns:55px 1fr}.home-gold-score{grid-column:1/-1;border-left:0;border-top:1px solid rgba(0,0,0,.2);padding-top:15px}.insta-grid{grid-auto-rows:155px}.insta-item.item-1{grid-column:span 2;grid-row:span 1}.pitch-player{min-width:65px}.pitch-shirt{width:40px;height:40px}}

/* Publik matchuppställning */
.match-lineup-section{background:#eef3f6}.match-lineup-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:start}.public-pitch-wrap{background:#fff;padding:16px;box-shadow:0 18px 55px rgba(0,0,0,.08)}.match-public-pitch{max-height:720px}.match-player-node{position:absolute;z-index:5;transform:translate(-50%,-50%);text-align:center;min-width:82px}.match-player-node b{display:inline-block;margin-top:4px;padding:3px 7px;background:rgba(3,18,29,.72);color:#fff;font-size:10px;border-radius:2px;white-space:nowrap}.public-bench{background:#fff;padding:24px;border:1px solid var(--line)}.public-bench-list{margin-top:15px}.public-bench-player{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.public-bench-player>span:last-child{display:flex;flex-direction:column}.public-bench-player small{color:var(--muted);font-size:12px}@media(max-width:900px){.match-lineup-layout{grid-template-columns:1fr}.match-public-pitch{max-height:none}}


/* IFK Mariefred logotyp – storleksfix */
.club-logo-wrap{
  width:58px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 58px;
}

.club-logo{
  display:block;
  width:auto !important;
  max-width:58px !important;
  height:58px !important;
  max-height:58px !important;
  object-fit:contain;
  flex:none;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.10));
}

.site-header .brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.site-header .brand-text{
  display:flex;
  flex-direction:column;
}

.site-header .brand-text b{
  font-size:17px;
  line-height:1;
  letter-spacing:.08em;
}

.site-header .brand-text small{
  margin-top:5px;
  color:var(--ifk-blue,var(--blue));
  font-weight:800;
  letter-spacing:.12em;
}

/* Footer-logotyp */
.footer-logo-wrap{
  width:72px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 72px;
}

.footer-logo{
  display:block;
  width:auto !important;
  max-width:72px !important;
  height:76px !important;
  max-height:76px !important;
  object-fit:contain;
  flex:none;
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.25));
}

.footer-brand{
  display:flex;
  align-items:center;
  gap:18px;
}

@media(max-width:560px){
  .nav-wrap{
    height:72px;
  }

  .club-logo-wrap{
    width:46px;
    height:52px;
    flex-basis:46px;
  }

  .club-logo{
    width:auto !important;
    max-width:46px !important;
    height:48px !important;
    max-height:48px !important;
  }

  .site-header .brand-text{
    display:flex;
  }

  .site-header .brand-text b{
    font-size:14px;
  }

  .site-header .brand-text small{
    font-size:9px;
  }

  .nav{
    top:72px;
  }

  .footer-logo-wrap{
    width:60px;
    height:68px;
    flex-basis:60px;
  }

  .footer-logo{
    width:auto !important;
    max-width:60px !important;
    height:64px !important;
    max-height:64px !important;
  }
}


/* Automatisk, oändlig spelarkarusell på startsidan */
.players-head{
  align-items:center;
}
.players-actions{
  display:flex;
  align-items:center;
}
.players-actions>a{
  font-size:13px;
  font-weight:700;
  color:var(--ifk-blue,var(--blue));
}
.players-carousel{
  position:relative;
  overflow:hidden;
}
.players-carousel::before,
.players-carousel::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:42px;
  pointer-events:none;
}
.players-carousel::before{
  left:0;
  background:linear-gradient(90deg,var(--soft),rgba(243,246,248,0));
}
.players-carousel::after{
  right:0;
  background:linear-gradient(270deg,var(--soft),rgba(243,246,248,0));
}
.players-track{
  display:flex;
  gap:20px;
  overflow-x:hidden;
  scroll-behavior:auto;
  scrollbar-width:none;
  padding-bottom:6px;
  will-change:scroll-position;
}
.players-track::-webkit-scrollbar{
  display:none;
}
.carousel-player{
  flex:0 0 calc((100% - 60px)/4);
}
@media(max-width:900px){
  .carousel-player{
    flex-basis:calc((100% - 20px)/2);
  }
}
@media(max-width:560px){
  .players-actions>a{
    font-size:12px;
  }
  .players-track{
    gap:12px;
  }
  .carousel-player{
    flex-basis:78%;
  }
  .players-carousel::before,
  .players-carousel::after{
    width:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .players-track{
    overflow-x:auto;
  }
}

/* Musdragning för spelarkarusellen */
.players-track{
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}
.players-track.is-dragging{
  cursor:grabbing;
}
.players-track.is-dragging a{
  pointer-events:none;
}
.players-track img{
  -webkit-user-drag:none;
}

/* Spelarkarusell – komplett storleksfix */
.players-head{
  align-items:center;
}

.players-actions{
  display:flex;
  align-items:center;
}

.players-actions>a{
  font-size:13px;
  font-weight:700;
  color:var(--ifk-blue,var(--blue));
}

.players-carousel{
  position:relative;
  width:100%;
  overflow:hidden;
}

.players-carousel::before,
.players-carousel::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:42px;
  pointer-events:none;
}

.players-carousel::before{
  left:0;
  background:linear-gradient(90deg,var(--soft,#f3f6f8),rgba(243,246,248,0));
}

.players-carousel::after{
  right:0;
  background:linear-gradient(270deg,var(--soft,#f3f6f8),rgba(243,246,248,0));
}

.players-track{
  display:flex;
  gap:20px;
  width:100%;
  overflow-x:hidden;
  scroll-behavior:auto;
  scrollbar-width:none;
  padding-bottom:6px;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}

.players-track::-webkit-scrollbar{
  display:none;
}

.players-track.is-dragging{
  cursor:grabbing;
}

.players-track.is-dragging a{
  pointer-events:none;
}

.carousel-player{
  flex:0 0 calc((100% - 60px)/4);
  min-width:0;
}

.carousel-player a{
  display:block;
  text-decoration:none;
  color:inherit;
}

.carousel-player .player-img{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#dfe7ec;
}

.carousel-player .player-img img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  -webkit-user-drag:none;
}

.carousel-player h3{
  margin:12px 0 3px;
  font-size:18px;
}

.carousel-player p{
  margin:0;
  color:var(--muted,#66717c);
  font-size:13px;
}

@media(max-width:900px){
  .carousel-player{
    flex-basis:calc((100% - 20px)/2);
  }
}

@media(max-width:560px){
  .players-actions>a{
    font-size:12px;
  }

  .players-track{
    gap:12px;
  }

  .carousel-player{
    flex-basis:78%;
  }

  .players-carousel::before,
  .players-carousel::after{
    width:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .players-track{
    overflow-x:auto;
  }
}


/* Komplett matchsida */
.match-subnav{
  position:sticky;
  top:0;
  z-index:20;
  background:#fff;
  border-bottom:1px solid var(--line,#dfe5e9);
}
.match-subnav .container{
  display:flex;
  gap:22px;
  overflow-x:auto;
}
.match-subnav a{
  display:block;
  padding:14px 0;
  white-space:nowrap;
  font-size:12px;
  font-weight:900;
  color:var(--ifk-blue,var(--blue));
}

.match-summary-section{
  background:#fff;
}
.match-summary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.match-info-card,
.match-status-card{
  border:1px solid var(--line,#dfe5e9);
  padding:24px;
  background:var(--soft,#f3f6f8);
}
.match-info-card dl{
  margin:18px 0 0;
}
.match-info-card dl>div{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid rgba(0,0,0,.07);
}
.match-info-card dt{
  font-size:11px;
  font-weight:900;
  color:#66717c;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.match-info-card dd{
  margin:0;
  font-weight:700;
}
.big-result{
  font-size:32px;
  font-weight:900;
  margin:16px 0 6px;
}
.big-result.win{color:#2d8a54}
.big-result.loss{color:#b23a32}
.big-result.draw{color:#697782}
.big-result.upcoming{color:var(--ifk-blue,var(--blue))}

.match-report-section{
  background:#fff;
}
.narrow{
  max-width:820px;
}
.match-report-copy{
  margin-top:18px;
  font-size:17px;
  line-height:1.75;
}

.goldhat-section{
  background:#f7f1cf;
}
.goldhat-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:start;
  background:#fff;
  border:1px solid #e7d985;
  padding:28px;
}
.goldhat-icon{
  width:68px;
  height:68px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f1c84b;
  font-size:34px;
}
.goldhat-card h2{
  margin:5px 0 10px;
}

.match-gallery-section{
  background:var(--soft,#f3f6f8);
}
.match-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.match-gallery-grid figure{
  margin:0;
  background:#fff;
}
.match-gallery-grid img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.match-gallery-grid figcaption{
  padding:9px 10px;
  font-size:12px;
}

.match-navigation-section{
  background:#fff;
}
.match-navigation{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.match-nav-card{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:18px;
  border:1px solid var(--line,#dfe5e9);
  color:inherit;
}
.match-nav-card.next{
  text-align:right;
}
.match-nav-card span{
  color:var(--ifk-blue,var(--blue));
  font-size:11px;
  font-weight:900;
}
.match-nav-card small{
  color:var(--muted,#66717c);
}

@media(max-width:760px){
  .match-scoreboard{
    grid-template-columns:1fr;
    text-align:center;
    gap:16px;
  }
  .match-team,
  .match-team.right{
    text-align:center;
  }
  .match-summary-grid{
    grid-template-columns:1fr;
  }
  .match-gallery-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .match-gallery-grid{
    grid-template-columns:1fr;
  }
  .match-navigation{
    grid-template-columns:1fr;
  }
  .match-nav-card.next{
    text-align:left;
  }
}


/* Modern matchheader */
.match-top{
  position:relative;
  padding:24px 0 42px;
  background:
    linear-gradient(180deg,#071a2a 0,#071a2a 68%,#f3f6f8 68%,#f3f6f8 100%);
}

.match-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.match-top .match-back{
  margin:0;
  color:#b7cad9;
}

.match-competition{
  color:#9ec2e2;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:right;
}

.match-card-modern{
  background:#fff;
  border:1px solid rgba(7,26,42,.08);
  box-shadow:0 18px 55px rgba(4,20,35,.18);
}

.match-card-meta{
  display:flex;
  justify-content:center;
  gap:10px 24px;
  flex-wrap:wrap;
  padding:14px 20px;
  background:#f7f9fa;
  border-bottom:1px solid var(--line,#dfe5e9);
  color:#66717c;
  font-size:11px;
  font-weight:800;
}

.match-card-meta span{
  position:relative;
}

.match-card-meta span+span::before{
  content:"•";
  position:absolute;
  left:-14px;
  color:#aab4bc;
}

.match-card-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);
  align-items:center;
  gap:22px;
  min-height:210px;
  padding:34px 42px;
}

.match-side small{
  display:block;
  margin-bottom:9px;
  color:#8b98a3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.match-side h1{
  margin:0;
  color:#071a2a;
  font-size:clamp(24px,3vw,38px);
  line-height:1.05;
}

.match-side.away{
  text-align:right;
}

.match-center-score{
  text-align:center;
  padding:0 14px;
  border-left:1px solid var(--line,#dfe5e9);
  border-right:1px solid var(--line,#dfe5e9);
}

.match-center-score strong{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:#071a2a;
  font-size:54px;
  line-height:1;
  letter-spacing:-.04em;
}

.match-center-score strong i{
  font-style:normal;
  color:#9aa6af;
  font-weight:400;
}

.match-center-score .match-kickoff{
  font-size:42px;
  letter-spacing:0;
}

.match-result-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  min-height:27px;
  padding:0 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.match-result-tag.win{background:#dff4e7;color:#17623b}
.match-result-tag.loss{background:#f8dddd;color:#8b1e1e}
.match-result-tag.draw{background:#e9edf0;color:#52606b}
.match-result-tag.upcoming{background:#e5f0fa;color:#005baa}

.match-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:13px 20px;
  border-top:1px solid var(--line,#dfe5e9);
  font-size:11px;
  color:#6a7680;
}

.match-card-footer a{
  color:var(--ifk-blue,var(--blue));
  font-weight:900;
}

@media(max-width:760px){
  .match-top{
    padding-top:18px;
    background:
      linear-gradient(180deg,#071a2a 0,#071a2a 58%,#f3f6f8 58%,#f3f6f8 100%);
  }

  .match-card-main{
    grid-template-columns:1fr;
    min-height:0;
    gap:20px;
    padding:28px 22px;
  }

  .match-side,
  .match-side.away{
    text-align:center;
  }

  .match-center-score{
    order:2;
    border:0;
    border-top:1px solid var(--line,#dfe5e9);
    border-bottom:1px solid var(--line,#dfe5e9);
    padding:20px 0;
  }

  .match-side.home{order:1}
  .match-side.away{order:3}

  .match-center-score strong{
    font-size:46px;
  }

  .match-card-footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .match-card-meta{
    gap:7px 16px;
  }

  .match-card-meta span+span::before{
    left:-10px;
  }
}


/* Matchcenter – kompakt startsidespanel */
.matchcenter-section{
  background:#fff;
}

.matchcenter-head{
  align-items:end;
}

.matchcenter-head>a{
  color:var(--ifk-blue,var(--blue));
  font-size:13px;
  font-weight:800;
}

.matchcenter-panel{
  border:1px solid var(--line,#dfe5e9);
  background:#fff;
  box-shadow:0 16px 45px rgba(7,26,42,.07);
  overflow:hidden;
}

.mc-next-main{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:22px 24px;
  background:#071a2a;
  color:#fff;
  text-decoration:none;
}

.mc-date-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:90px;
  border-right:1px solid rgba(255,255,255,.16);
}

.mc-date-block span{
  font-size:10px;
  letter-spacing:.14em;
  font-weight:900;
  color:#9ec2e2;
}

.mc-date-block strong{
  font-size:38px;
  line-height:1;
  margin:4px 0;
}

.mc-date-block small{
  font-size:12px;
  color:#c7d8e5;
}

.mc-eyebrow{
  display:block;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:900;
  color:var(--ifk-blue,var(--blue));
  margin-bottom:7px;
}

.mc-next-main .mc-eyebrow{
  color:#9ec2e2;
}

.mc-teams{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-size:22px;
  line-height:1.15;
}

.mc-teams>span{
  color:#7fa5c2;
}

.mc-meta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:8px;
  font-size:12px;
  color:#b9cedd;
}

.mc-next-action{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
  text-align:right;
  white-space:nowrap;
}

.mc-next-action>strong{
  font-size:12px;
  color:#fff;
}

.mc-lineup-ready{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:6px 9px;
  background:#dff4e7;
  color:#17623b;
  font-size:10px;
  font-weight:900;
}

.mc-secondary-row{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) auto;
  align-items:center;
  border-top:1px solid var(--line,#dfe5e9);
}

.mc-latest{
  display:block;
  padding:18px 24px;
  color:inherit;
  text-decoration:none;
}

.mc-result-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  font-size:13px;
}

.mc-result-line>span:last-child{
  text-align:right;
}

.mc-result-line strong{
  font-size:25px;
  color:var(--ifk-blue,var(--blue));
}

.mc-form{
  min-width:220px;
  padding:18px 24px;
  border-left:1px solid var(--line,#dfe5e9);
}

.mc-form .form-row{
  margin:0;
}

.form-row{
  display:flex;
  gap:7px;
}

.form-badge{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.form-badge.v{background:#2d8a54}
.form-badge.o{background:#7b8791}
.form-badge.f{background:#b23a32}

@media(max-width:760px){
  .mc-next-main{
    grid-template-columns:70px minmax(0,1fr);
    gap:16px;
    padding:18px;
  }

  .mc-next-action{
    grid-column:1 / -1;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.12);
  }

  .mc-date-block{
    min-height:76px;
  }

  .mc-date-block strong{
    font-size:32px;
  }

  .mc-teams{
    font-size:18px;
  }

  .mc-secondary-row{
    grid-template-columns:1fr;
  }

  .mc-form{
    border-left:0;
    border-top:1px solid var(--line,#dfe5e9);
    min-width:0;
  }
}

@media(max-width:480px){
  .mc-next-main{
    grid-template-columns:58px minmax(0,1fr);
  }

  .mc-date-block{
    padding-right:10px;
  }

  .mc-next-action{
    align-items:flex-start;
    flex-direction:column;
  }

  .mc-result-line{
    grid-template-columns:1fr auto;
  }

  .mc-result-line>span:last-child{
    grid-column:1 / -1;
    text-align:left;
  }
}


/* Mobil appnavigation – stabil version utan blockerande overlay */
.mobile-bottom-nav,
.mobile-more-sheet{
  display:none;
}

@media(max-width:760px){
  body{
    padding-bottom:78px;
  }

  .mobile-bottom-nav{
    position:fixed;
    z-index:1000;
    left:0;
    right:0;
    bottom:0;
    height:68px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#fff;
    border-top:1px solid var(--line,#dfe5e9);
    box-shadow:0 -8px 24px rgba(7,26,42,.12);
    padding-bottom:env(safe-area-inset-bottom);
  }

  .mobile-bottom-nav>a,
  .mobile-bottom-nav>button{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    width:100%;
    min-width:0;
    margin:0;
    padding:6px 2px;
    border:0;
    border-radius:0;
    background:#fff;
    color:#697782;
    text-decoration:none;
    font:800 10px/1.1 Arial,sans-serif;
    cursor:pointer;
    pointer-events:auto !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-bottom-nav>a.active{
    color:var(--ifk-blue,var(--blue));
  }

  .mobile-bottom-nav>a.active::before{
    content:"";
    position:absolute;
    top:0;
    left:28%;
    right:28%;
    height:3px;
    background:var(--ifk-blue,var(--blue));
  }

  .mbn-icon{
    height:24px;
    display:grid;
    place-items:center;
    font-size:21px;
    line-height:1;
    pointer-events:none;
  }

  .mobile-more-sheet{
    position:fixed;
    z-index:1100;
    left:10px;
    right:10px;
    bottom:78px;
    display:block;
    padding:18px;
    background:#fff;
    border:1px solid var(--line,#dfe5e9);
    border-radius:14px;
    box-shadow:0 18px 50px rgba(0,0,0,.24);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(18px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s;
  }

  .mobile-more-sheet.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .mobile-more-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-bottom:12px;
    border-bottom:1px solid var(--line,#dfe5e9);
  }

  .mobile-more-head small{
    display:block;
    color:var(--ifk-blue,var(--blue));
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
  }

  .mobile-more-head b{
    display:block;
    margin-top:3px;
    color:#071a2a;
    font-size:18px;
  }

  .mobile-more-head button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:#eef3f6;
    color:#071a2a;
    font-size:24px;
    cursor:pointer;
    pointer-events:auto;
  }

  .mobile-more-links{
    display:grid;
    margin:8px 0 14px;
  }

  .mobile-more-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    border-bottom:1px solid var(--line,#dfe5e9);
    color:#071a2a;
    text-decoration:none;
    font-weight:800;
    pointer-events:auto;
    touch-action:manipulation;
  }

  .pwa-install-button{
    width:100%;
    min-height:46px;
    border:0;
    background:var(--ifk-blue,var(--blue));
    color:#fff;
    font-weight:900;
    pointer-events:auto;
    touch-action:manipulation;
  }

  /* Den ordinarie desktop-menyn döljs på mobil; bottenmenyn ersätter den. */
  .site-header .nav{
    display:none;
  }
}

@media(min-width:761px){
  body{padding-bottom:0}
}

/* Spelarstatistik */
.player-stats-section{
  background:#f4f7f9;
}
.player-stat-cards{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  margin-bottom:28px;
}
.player-stat-cards article{
  padding:20px 12px;
  background:#fff;
  border:1px solid #e0e6ea;
  text-align:center;
}
.player-stat-cards strong{
  display:block;
  color:var(--ifk-blue,var(--blue));
  font-size:30px;
  line-height:1;
}
.player-stat-cards span{
  display:block;
  margin-top:7px;
  color:#65737d;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.player-matchlog h3{
  margin-bottom:10px;
}
.player-matchlog-list{
  border-top:1px solid #dfe5e9;
}
.player-matchlog-row{
  display:grid;
  grid-template-columns:minmax(220px,1.5fr) 70px 90px minmax(170px,1fr);
  gap:14px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid #dfe5e9;
  color:#071a2a;
  text-decoration:none;
}
.player-matchlog-row small{
  display:block;
  color:#71808a;
  font-size:9px;
  margin-bottom:2px;
}
.player-matchlog-result b{
  font-size:18px;
}
.player-matchlog-role span{
  display:inline-flex;
  padding:5px 8px;
  background:#eaf3fb;
  color:#005baa;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.player-matchlog-numbers{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.player-matchlog-numbers span{
  padding:5px 7px;
  background:#fff;
  border:1px solid #dfe5e9;
  font-size:9px;
  font-weight:800;
}
.stats-leaderboard{
  border-top:1px solid #dfe5e9;
}
.stats-leaderboard-row{
  display:grid;
  grid-template-columns:42px minmax(220px,1fr) repeat(4,90px);
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid #dfe5e9;
  color:#071a2a;
  text-decoration:none;
}
.stats-rank{
  color:#8a979f;
  font-size:18px;
  font-weight:900;
}
.stats-player strong{
  display:block;
}
.stats-player small,
.stats-leaderboard-row>div:not(.stats-player) small{
  display:block;
  color:#71808a;
  font-size:9px;
  margin-top:2px;
}
.stats-leaderboard-row>div:not(.stats-player) b{
  display:block;
  font-size:18px;
}
.team-stats-link{
  margin-top:18px;
}
.team-stats-link a{
  display:inline-flex;
  padding:10px 13px;
  background:#071a2a;
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
@media(max-width:900px){
  .player-stat-cards{
    grid-template-columns:repeat(3,1fr);
  }
  .stats-leaderboard-row{
    grid-template-columns:36px minmax(170px,1fr) repeat(3,64px);
  }
  .stats-leaderboard-row>div:last-child{
    display:none;
  }
}
@media(max-width:650px){
  .player-stat-cards{
    grid-template-columns:repeat(2,1fr);
  }
  .player-matchlog-row{
    grid-template-columns:1fr auto;
  }
  .player-matchlog-role,
  .player-matchlog-numbers{
    grid-column:1/-1;
  }
  .stats-leaderboard-row{
    grid-template-columns:30px 1fr 52px 52px;
  }
  .stats-leaderboard-row>div:nth-last-child(2),
  .stats-leaderboard-row>div:last-child{
    display:none;
  }
}


/* Förbättrad statistiköversikt */
.stats-overview-section{background:#f4f7f9}
.stats-overview-cards{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px
}
.stats-overview-cards article{
  padding:20px 12px;background:#fff;border:1px solid #dfe6ea;text-align:center
}
.stats-overview-cards strong{
  display:block;color:var(--ifk-blue,var(--blue));font-size:30px;line-height:1
}
.stats-overview-cards span{
  display:block;margin-top:7px;color:#6c7982;font-size:9px;font-weight:900;text-transform:uppercase
}
.stats-toplists-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px
}
.stats-toplist,.stats-full-table{
  padding:20px;background:#fff;border:1px solid #dfe6ea
}
.stats-panel-head span{
  display:block;color:var(--ifk-blue,var(--blue));font-size:9px;font-weight:900;letter-spacing:.12em
}
.stats-panel-head h2{margin:4px 0 16px}
.stats-bar-row{
  display:grid;grid-template-columns:24px 1fr 34px;gap:9px;align-items:center;
  padding:9px 0;border-bottom:1px solid #e6ebee;color:#071a2a;text-decoration:none
}
.stats-bar-row>b{color:#8a969e}
.stats-bar-row strong{display:block;font-size:11px}
.stats-bar-track{
  display:block;height:5px;margin-top:5px;overflow:hidden;border-radius:999px;background:#e7ecef
}
.stats-bar-track i{
  display:block;height:100%;background:var(--ifk-blue,var(--blue));border-radius:inherit
}
.stats-bar-row em{font-style:normal;font-size:17px;font-weight:900;text-align:right}
.stats-empty{color:#6c7982;font-size:11px}
.stats-table-scroll{overflow-x:auto}
.stats-full-table table{width:100%;min-width:720px;border-collapse:collapse}
.stats-full-table th,.stats-full-table td{
  padding:10px 8px;border-bottom:1px solid #e2e7ea;text-align:left
}
.stats-full-table th{
  color:#6f7d86;font-size:9px;text-transform:uppercase
}
.stats-full-table td a{color:#071a2a;font-weight:800;text-decoration:none}
@media(max-width:900px){
  .stats-overview-cards{grid-template-columns:repeat(3,1fr)}
  .stats-toplists-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .stats-overview-cards{grid-template-columns:repeat(2,1fr)}
}


/* Matchhändelser / tidslinje */
.match-timeline-section{background:#f5f7f9}
.match-timeline{
  position:relative;
  display:grid;
  gap:0;
  max-width:780px;
}
.match-timeline:before{
  content:"";
  position:absolute;
  left:68px;
  top:0;
  bottom:0;
  width:2px;
  background:#d7dfe4;
}
.timeline-event{
  position:relative;
  display:grid;
  grid-template-columns:52px 32px 1fr;
  gap:8px;
  min-height:78px;
  padding:7px 0;
}
.timeline-minute{
  align-self:start;
  padding-top:5px;
  color:#071a2a;
  font-size:15px;
  font-weight:900;
  text-align:right;
}
.timeline-marker{
  position:relative;
  z-index:2;
  width:15px;
  height:15px;
  margin:5px auto 0;
  border:4px solid #fff;
  border-radius:50%;
  background:#89969f;
  box-shadow:0 0 0 2px #d7dfe4;
}
.timeline-event.ifk.goal .timeline-marker{background:#2b8b57}
.timeline-event.opponent.goal .timeline-marker{background:#b42318}
.timeline-event.yellow_card .timeline-marker{background:#d7b000}
.timeline-event.red_card .timeline-marker{background:#b42318}
.timeline-event.substitution .timeline-marker{background:#005baa}
.timeline-content{
  padding:0 0 15px;
}
.timeline-content small{
  display:block;
  color:#005baa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.timeline-content strong{
  display:block;
  margin-top:2px;
  font-size:14px;
}
.timeline-content p{
  margin:3px 0 0;
  font-size:11px;
}
.timeline-content .muted{color:#6e7b84}
@media(max-width:560px){
  .match-timeline:before{left:56px}
  .timeline-event{grid-template-columns:42px 28px 1fr}
}


/* Stabilisering 2.0 – kanoniska overrides */
.club-logo-wrap{width:58px;height:62px;display:flex;align-items:center;justify-content:center;flex:0 0 58px}
.club-logo{display:block;width:auto !important;max-width:58px !important;height:58px !important;max-height:58px !important;object-fit:contain;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.10))}
.players-carousel{position:relative;width:100%;overflow:hidden}
.players-track{display:flex;gap:20px;width:100%;overflow-x:hidden;scroll-behavior:auto;scrollbar-width:none;padding-bottom:6px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.players-track.is-dragging{cursor:grabbing}
.carousel-player{flex:0 0 calc((100% - 60px)/4);min-width:0}
.carousel-player .player-img{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#dfe7ec}
.carousel-player .player-img img{display:block;width:100% !important;height:100% !important;object-fit:cover;-webkit-user-drag:none}
.pitch-shirt{box-sizing:border-box;width:52px;height:52px;min-width:52px;max-width:52px;min-height:52px;max-height:52px;padding:0;margin:0 auto;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;flex:0 0 52px;white-space:nowrap;overflow:hidden;background:#fff;color:var(--ifk-blue,var(--blue));border:3px solid var(--ifk-blue,var(--blue));font:900 13px/1 Arial,sans-serif}
@media(max-width:900px){.carousel-player{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:560px){.players-track{gap:12px}.carousel-player{flex-basis:78%}}


/* Release 3.2 – Steg 1: Matchcenter 3.0 */
.matchcenter3-top-status{display:flex;align-items:center;gap:8px}
.matchcenter3-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.matchcenter3-status.upcoming{background:#edf4f8;color:#466575}
.matchcenter3-status.live{background:#fff0d5;color:#8a5a00}
.matchcenter3-status.finished{background:#e7f5eb;color:#2b7248}
.matchcenter3-status.awaiting{background:#f1eff8;color:#64528d}
.match-result-tag.live,.big-result.live{background:#fff0d5;color:#8a5a00}
.match-result-tag.awaiting,.big-result.awaiting{background:#f1eff8;color:#64528d}
.matchcenter3-subnav .container{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.matchcenter3-subnav .container::-webkit-scrollbar{display:none}
.matchcenter3-subnav a{white-space:nowrap}
.matchcenter3-section,.matchcenter3-events-section,.matchcenter3-stats-section{scroll-margin-top:90px}
.matchcenter3-empty{padding:18px;border:1px solid #e1e8ec;background:#f7f9fa}
.matchcenter3-empty strong{display:block;font-size:11px}
.matchcenter3-empty p{margin:5px 0 0;color:#74828b;font-size:9px;line-height:1.5}
.matchcenter3-timeline{position:relative;display:grid;gap:8px;max-width:760px}
.matchcenter3-timeline:before{content:"";position:absolute;left:27px;top:5px;bottom:5px;width:1px;background:#dce5e9}
.matchcenter3-event{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border:1px solid #e0e7eb;background:#fff}
.matchcenter3-minute{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#005baa;color:#fff;font-size:9px;font-weight:900}
.matchcenter3-event span{display:block;color:#005baa;font-size:7px;font-weight:900;text-transform:uppercase}
.matchcenter3-event strong{display:block;margin-top:2px;font-size:10px}
.matchcenter3-event small{display:block;margin-top:2px;color:#718089;font-size:8px}
.matchcenter3-event p{margin:5px 0 0;color:#5f707a;font-size:8px}
.matchcenter3-event.yellow_card .matchcenter3-minute{background:#c89a14}
.matchcenter3-event.red_card .matchcenter3-minute{background:#b73a32}
.matchcenter3-event.substitution .matchcenter3-minute{background:#617989}
.matchcenter3-stat-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.matchcenter3-stat-summary article{padding:12px;border:1px solid #dfe6ea;background:#fff}
.matchcenter3-stat-summary strong{display:block;font-size:22px}
.matchcenter3-stat-summary span{display:block;margin-top:2px;color:#74828b;font-size:7px;font-weight:900}
.matchcenter3-stat-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.matchcenter3-stat-table{width:100%;min-width:520px;border-collapse:collapse}
.matchcenter3-stat-table th,.matchcenter3-stat-table td{padding:9px 10px;border-bottom:1px solid #e1e7ea;text-align:left;font-size:8px}
.matchcenter3-stat-table th{color:#718089;font-size:7px;text-transform:uppercase}
.matchcenter3-stat-table a{color:#0c2535;text-decoration:none;font-weight:900}
@media(max-width:700px){
  .match-topbar{align-items:flex-start;gap:8px}.matchcenter3-top-status{align-items:flex-end;flex-direction:column}
  .matchcenter3-stat-summary{grid-template-columns:1fr 1fr}.matchcenter3-stat-summary article:last-child{grid-column:1/-1}
  .matchcenter3-event{grid-template-columns:44px minmax(0,1fr);padding:9px}.matchcenter3-timeline:before{left:22px}.matchcenter3-minute{width:28px;height:28px}
}


/* Matchcenter 3.0 – spelarstatistik hotfix v2 */
.matchcenter3-stats-section{
  overflow:visible !important;
}
.matchcenter3-stats-section>.container{
  width:min(1180px,calc(100% - 28px)) !important;
  max-width:1180px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.matchcenter3-stat-summary{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.matchcenter3-stat-summary article{
  min-width:0 !important;
  width:auto !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.matchcenter3-stat-summary article strong,
.matchcenter3-stat-summary article span{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.matchcenter3-stat-table-wrap{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  box-sizing:border-box !important;
}
.matchcenter3-stat-table{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
  box-sizing:border-box !important;
}
.matchcenter3-stat-table th,
.matchcenter3-stat-table td{
  box-sizing:border-box !important;
  min-width:0 !important;
}
.matchcenter3-stat-table th:first-child,
.matchcenter3-stat-table td:first-child{
  width:auto !important;
}
.matchcenter3-stat-table th:nth-child(2),
.matchcenter3-stat-table td:nth-child(2),
.matchcenter3-stat-table th:nth-child(3),
.matchcenter3-stat-table td:nth-child(3),
.matchcenter3-stat-table th:nth-child(4),
.matchcenter3-stat-table td:nth-child(4){
  width:72px !important;
  text-align:center !important;
}
@media(max-width:700px){
  .matchcenter3-stats-section>.container{
    width:calc(100% - 20px) !important;
  }
  .matchcenter3-stat-summary{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
  .matchcenter3-stat-summary article:last-child{
    grid-column:1/-1 !important;
  }
  .matchcenter3-stat-table th,
  .matchcenter3-stat-table td{
    padding:8px 5px !important;
    font-size:7px !important;
  }
  .matchcenter3-stat-table th:nth-child(2),
  .matchcenter3-stat-table td:nth-child(2),
  .matchcenter3-stat-table th:nth-child(3),
  .matchcenter3-stat-table td:nth-child(3),
  .matchcenter3-stat-table th:nth-child(4),
  .matchcenter3-stat-table td:nth-child(4){
    width:52px !important;
  }
}

/* Release 3.3 step 1 – Matchcenter 3.5 */
.matchcenter3-status.paused,.match-result-tag.paused{background:#eef1f8;color:#4e5f84}
.matchcenter3-status.interval,.match-result-tag.interval{background:#e9f2f6;color:#416a7d}
.matchcenter3-minute small{display:block;font-size:6px;line-height:1;color:rgba(255,255,255,.78)}
.matchcenter3-event.opponent{border-left:3px solid #9aabb4}.matchcenter3-event.ifk{border-left:3px solid #005baa}
.matchcenter3-event.opponent .matchcenter3-minute{background:#667b87}
.matchcenter3-event.goal.opponent .matchcenter3-minute{background:#7d5960}

/* 5.5 step3 hotfix – större spelarstatistik på desktop */
@media (min-width:701px){
  .matchcenter3-stat-summary article{
    padding:18px 20px !important;
  }
  .matchcenter3-stat-summary strong{
    font-size:30px !important;
    line-height:1.05 !important;
  }
  .matchcenter3-stat-summary span{
    margin-top:5px !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }
  .matchcenter3-stat-table th{
    padding:13px 14px !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }
  .matchcenter3-stat-table td{
    padding:14px !important;
    font-size:14px !important;
    line-height:1.35 !important;
  }
  .matchcenter3-stat-table td:first-child a{
    font-size:14px !important;
  }
  .matchcenter3-stat-table th:nth-child(2),
  .matchcenter3-stat-table td:nth-child(2),
  .matchcenter3-stat-table th:nth-child(3),
  .matchcenter3-stat-table td:nth-child(3),
  .matchcenter3-stat-table th:nth-child(4),
  .matchcenter3-stat-table td:nth-child(4){
    width:110px !important;
  }
}

/* Matchcenter 3.0 – tidslinje desktop hotfix */
@media (min-width:701px){
  .matchcenter3-timeline{max-width:900px;gap:12px}
  .matchcenter3-timeline:before{left:35px;width:2px}
  .matchcenter3-event{grid-template-columns:70px minmax(0,1fr);gap:16px;padding:15px 18px}
  .matchcenter3-minute{width:42px;height:42px;font-size:13px}
  .matchcenter3-event span{font-size:11px;line-height:1.3}
  .matchcenter3-event strong{margin-top:3px;font-size:15px;line-height:1.35}
  .matchcenter3-event small{margin-top:4px;font-size:12px;line-height:1.4}
  .matchcenter3-event p{margin-top:7px;font-size:13px;line-height:1.5}
}