/* AllaMatcher – Liga / TV-tablå, 2026-08-11 */
.viewmode-row{display:flex;justify-content:center;align-items:center;margin:0 0 18px}
.viewmode-control{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;color:#66727f;font-size:14px}
.viewmode-prefix{margin-right:3px;font-weight:650;color:#687482}
.viewmode-label{border:0;background:transparent;padding:5px 2px;color:#66727f;font-weight:700;cursor:pointer}
.viewmode-label.is-active{color:#101820;font-weight:850}
.viewmode-switch{position:relative;width:54px;height:30px;flex:0 0 54px;padding:0;border:0;border-radius:999px;background:#2678e9;box-shadow:inset 0 1px 1px rgba(0,0,0,.12),0 2px 7px rgba(38,120,233,.20);cursor:pointer}
.viewmode-switch__knob{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .18s ease}
.viewmode-switch.is-tv .viewmode-switch__knob{transform:translateX(24px)}
.league-grid.is-tv-view{display:block}.tv-schedule{width:100%;background:#fff;border:1px solid #e0e5ea;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.tv-schedule__head{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}
.tv-schedule__head strong{font-size:18px;font-weight:850}.tv-schedule__head span{font-size:12px;color:#788490;font-weight:650}
.tv-match{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:76px;padding:10px 18px;border-bottom:1px solid var(--line)}
.tv-match:last-child{border-bottom:0}.tv-match__time{align-self:stretch;display:flex;align-items:center;font-size:18px;line-height:1;font-weight:850;color:#17212b;font-variant-numeric:tabular-nums}.tv-match__body{min-width:0}
.tv-match__meta{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:#74808c;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-match__meta img{width:18px;height:18px;object-fit:contain;flex:none}
.tv-match__teams{display:flex;flex-direction:column;gap:3px;min-width:0}.tv-match__teams>span{display:flex;align-items:center;gap:8px;min-width:0}.tv-match__teams strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700}.tv-match__event{font-size:15px;font-weight:750}.tv-match__score{min-width:44px;text-align:right;font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}.selected-date{display:none}
.cookie-banner[hidden]{display:none!important}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:14px;background:rgba(7,12,18,.96);box-shadow:0 -8px 28px rgba(0,0,0,.18);color:#fff}.cookie-banner__inner{width:min(1180px,calc(100% - 8px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.cookie-banner__text{min-width:0}.cookie-banner__text strong{display:block;margin-bottom:3px;font-size:15px;font-weight:850}.cookie-banner__text p{margin:0;max-width:780px;color:#d2d8df;font-size:13px;line-height:1.45}.cookie-banner__actions{display:flex;align-items:center;gap:9px;flex:none}.cookie-banner__button{min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.cookie-banner__button--primary{border-color:#2678e9;background:#2678e9}.cookie-banner__button:hover{filter:brightness(1.08)}
@media(max-width:680px){.viewmode-row{margin-bottom:14px}.viewmode-control{gap:8px;font-size:13px}.viewmode-prefix{margin-right:0}.viewmode-switch{width:50px;flex-basis:50px;height:28px}.viewmode-switch__knob{width:20px;height:20px}.viewmode-switch.is-tv .viewmode-switch__knob{transform:translateX(22px)}.tv-match{grid-template-columns:58px minmax(0,1fr) auto;gap:9px;min-height:70px;padding:9px 12px}.tv-match__time{font-size:16px}.tv-match__meta{font-size:10px;margin-bottom:4px}.tv-match__meta img{width:15px;height:15px}.tv-match__teams strong,.tv-match__event{font-size:14px}.tv-match__score{min-width:32px;font-size:14px}.cookie-banner{padding:13px 12px}.cookie-banner__inner{width:100%;display:block}.cookie-banner__text p{font-size:12px}.cookie-banner__actions{margin-top:11px;width:100%}.cookie-banner__button{flex:1}}


/* ===== 2026-08-11: balanserad liga-layout + egna reklambrickor ===== */
.league-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.league-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.league-few{display:grid;gap:16px;align-items:start}
.league-few--1{grid-template-columns:minmax(280px,520px);justify-content:center}
.league-few--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.league-few--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.own-ad-row,.tv-own-ad-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.own-ad{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:22px;border:1px solid #dfe5eb;border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.own-ad--fill{min-height:180px}
.own-ad__eyebrow{margin-bottom:7px;font-size:11px;font-weight:850;letter-spacing:.08em;color:#6f7c89}
.own-ad strong{display:block;font-size:19px;line-height:1.18;color:#17212b}
.own-ad span{display:block;margin-top:7px;font-size:13px;line-height:1.45;color:#6f7c89}
.tv-schedule>.own-ad--tv{margin:14px 18px;border-radius:10px;min-height:120px}
.tv-own-ad-row{padding:16px 18px 18px;margin-top:0;border-top:1px solid var(--line)}
.tv-own-ad-row .own-ad{box-shadow:none}

@media(max-width:900px) and (min-width:681px){
  .league-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .league-column--3{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .league-few--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .league-masonry,.league-few,.league-few--1,.league-few--2,.league-few--3{display:block}
  .league-column{display:block}
  .league-column .league-card,.league-few .league-card{margin-bottom:14px}
  .league-column .own-ad{margin:14px 0}
  .own-ad-row,.tv-own-ad-row{grid-template-columns:1fr;gap:12px}
  .own-ad-row{margin-top:14px}
  .own-ad{min-height:125px;padding:18px}
  .tv-schedule>.own-ad--tv{margin:12px;min-height:110px}
  .tv-own-ad-row{padding:12px}
}