/* Live på hela sajten (js/live-site.js) */
.lvs, .lvs-now, .lvs-demo, .lvs-toasts, .lvs-note { --lvs-pink: #d21b69; --lvs-ice: #b1dae1; --lvs-s: rgba(0, 98, 125, .28); font-family: Inter, sans-serif; }

/* Remsan under menyn */
.lvs { position: relative; top: 0; z-index: 1020; background: rgba(0, 21, 26, .96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform .25s ease; }
.lvs[hidden] { display: none !important; }
.lvs.is-sticky { position: sticky; }
.lvs.is-sticky.is-away { transform: translateY(-110%); }
body.admin-bar .lvs { top: 32px; }
@media (max-width: 782px) { body.admin-bar .lvs { top: 0; } }
.lvs__in { display: flex; align-items: center; gap: 10px; min-height: 52px; }
.lvs__tag { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 14px; border-radius: 999px; background: var(--lvs-s); color: #fff !important; font-size: 12px; font-weight: 800; letter-spacing: .72px; text-transform: uppercase; text-decoration: none !important; }
.lvs__tag.is-live { background: var(--lvs-pink); }
.lvs__dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: lvs-dot 1.4s ease-in-out infinite; }
@keyframes lvs-dot { 50% { opacity: .35; } }
.lvs__list { display: flex; gap: 8px; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 8px 0; }
.lvs__list::-webkit-scrollbar { display: none; }
.lvs-chip { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: 999px; background: var(--lvs-s); color: var(--lvs-ice) !important; font-size: 12px; font-weight: 600; white-space: nowrap; text-decoration: none !important; }
.lvs-chip b { color: #fff; font-weight: 800; font-variant-numeric: tabular-nums; }
.lvs-chip__t { color: #ffb3cf; font-weight: 700; font-variant-numeric: tabular-nums; }
.lvs-chip--pre .lvs-chip__t, .lvs-chip--end .lvs-chip__t { color: var(--lvs-ice); }
.lvs-chip--end { opacity: .75; }
.lvs-chip:hover { background: rgba(0, 98, 125, .5); }
.lvs-chip.is-goal { background: var(--lvs-pink); color: #fff !important; }
.lvs-chip.is-goal .lvs-chip__t { color: #fff; }
.lvs-row.is-goal { box-shadow: inset 4px 0 0 #d21b69; }
.lvs-row.is-goal .mrow__score { box-shadow: 0 0 0 3px rgba(210, 27, 105, .45), 0 0 18px rgba(210, 27, 105, .7); }
.lvs-star { color: #ffb3cf; }

/* "Pågår nu" (startsidan, matchsidan) */
.lvs-now-wrap { margin-top: 8px; margin-bottom: 24px; }
.lvs-now { overflow: hidden; }
.lvs-now[hidden] { display: none !important; }
.lvs-now__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; }
.lvs-now__head .elit-ui-title { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-size: 15.2px; }
.lvs-now__head .lvs__dot { background: var(--lvs-pink); }
.lvs-now__all { color: #ffb3cf !important; font-size: 12px; font-weight: 800; letter-spacing: .72px; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; }
.lvs-now .mrow { display: grid; grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr); align-items: center; gap: 4px 12px; min-height: 60px; padding: 8px 20px; color: #fff !important; text-decoration: none !important; font: 600 14px/1.3 "Inter", sans-serif; }
.lvs-now .mrow:nth-child(even) { background: linear-gradient(90deg, rgba(0, 98, 125, .3), rgba(0, 98, 125, 0)); }
.lvs-now .mrow:hover { background: linear-gradient(90deg, rgba(0, 98, 125, .55), rgba(0, 98, 125, 0)); }
.lvs-now .mrow__team { display: flex; align-items: center; gap: 12px; min-width: 0; }
.lvs-now .mrow__team--home { justify-content: flex-end; text-align: right; }
.lvs-now .mrow__crest { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
.lvs-now .mrow__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lvs-now .mrow__name.is-sel { font-weight: 800; }
.lvs-now .mrow__name .n-s { display: none; }
.lvs-now .mrow__score { min-width: 64px; padding: 6px 10px; border-radius: 999px; background: var(--lvs-s); color: var(--lvs-ice); font: 700 13px/1.3 "Inter", sans-serif; text-align: center; font-variant-numeric: tabular-nums; }
.lvs-now .mrow__score.is-played { color: #fff; font-weight: 800; font-size: 15px; }
.mrow__mid { flex-direction: column; align-items: center; gap: 2px; }
.lvs-now .mrow__mid { display: flex; }
.lvs-row__t { color: var(--lvs-ice, #b1dae1); font-size: 11px; font-weight: 700; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.lvs-row--live .lvs-row__t { color: #ffb3cf; }
.lvs-row--live .mrow__score { background: #d21b69 !important; color: #fff !important; }
.lvs-row__last { grid-column: 1 / -1; color: var(--lvs-ice, #b1dae1); font-size: 12px; font-weight: 500; text-align: center; }

/* Tabellen just nu */
.lvs-note { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: #ffb3cf; font-size: 12px; font-weight: 700; letter-spacing: .3px; }
.lvs-note[hidden] { display: none; }
.lvs-note .lvs__dot { background: var(--lvs-pink); }
.standings-row.lvs-tr--live { background: linear-gradient(90deg, rgba(210, 27, 105, .22), rgba(210, 27, 105, 0)) !important; }
.standings-row.lvs-tr--mine .t-l, .standings-row.lvs-tr--mine .t-s { font-weight: 800; }
.standings-row.lvs-tr--mine .t-l::before, .standings-row.lvs-tr--mine .t-s::before { content: "★ "; color: #ffb3cf; }
.lvs-up, .lvs-down { margin-left: 6px; font-size: 10px; font-style: normal; font-weight: 800; }
.lvs-up { color: var(--es-win-hi, #3fd1bd); }
.lvs-down { color: var(--es-loss-hi, #e8839b); }
.lvs-res { display: inline-block; min-width: 44px; padding: 3px 8px; border-radius: 999px; background: var(--lvs-s, rgba(0, 98, 125, .28)); color: #fff !important; font-size: 12px; font-weight: 800; text-align: center; text-decoration: none !important; font-variant-numeric: tabular-nums; }
.lvs-res--v { background: var(--es-win, #0f8a7a); }
.lvs-res--f { background: var(--es-loss, #a8364f); }
.lvs-res--o { background: var(--es-draw, #4f7c88); }
.lvs-res.is-on { box-shadow: 0 0 0 2px #d21b69; }

/* Målrutor */
.lvs-toasts { position: fixed; z-index: 1100; right: 16px; bottom: 84px; display: grid; gap: 8px; width: min(92vw, 380px); }
.lvs-toast { position: relative; display: block; padding: 12px 40px 12px 16px; border-radius: 14px; background: #d21b69; color: #fff !important; font-size: 13px; text-decoration: none !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .45); animation: lvs-in .35s ease-out; }
.lvs-toast__x { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .18); color: #fff; font-size: 16px; line-height: 28px; text-align: center; cursor: pointer; }
@keyframes lvs-in { from { transform: translateY(12px); opacity: 0; } }

/* Demoraden */
.lvs-demo { position: fixed; z-index: 1090; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; width: max-content; max-width: 96vw; padding: 8px 10px; border-radius: 18px; background: rgba(0, 21, 26, .94); color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-family: Inter, sans-serif; }
.lvs-demo__tag { padding: 4px 10px; border-radius: 999px; background: #ffb3cf; color: #00151a; font-size: 11px; font-weight: 800; letter-spacing: .72px; }
.lvs-demo__t { color: #b1dae1; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.lvs-demo button { min-height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: rgba(0, 98, 125, .45); color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; }
.lvs-demo button.is-on { background: #d21b69; }
.lvs-demo .lvs-demo__x { background: transparent; color: #b1dae1; text-decoration: underline; }

@media (max-width: 575.98px) {
	.lvs__in { gap: 8px; min-height: 46px; }
	.lvs__tag { padding: 0 10px; }
	.lvs-now__head { padding: 12px 16px; }
	.lvs-now .mrow { grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); gap: 4px 8px; padding: 8px 12px; }
	.lvs-now .mrow__team { gap: 8px; }
	.lvs-now .mrow__crest { flex-basis: 24px; width: 24px; height: 24px; }
	.lvs-now .mrow__score { min-width: 0; width: 100%; }
	.lvs-now .mrow__name .n-l { display: none; }
	.lvs-now .mrow__name .n-s { display: inline; }
	.lvs-toasts { right: 50%; transform: translateX(50%); top: 56px; bottom: auto; }
	.lvs-toast:not(:last-child) { display: none; }
	.lvs-demo { bottom: 8px; gap: 4px; padding: 6px 8px; }
	.lvs-demo button { min-height: 30px; padding: 0 9px; font-size: 11px; }
	.lvs-demo__t { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
	.lvs__dot, .lvs-toast { animation: none; }
}

/* Startsidan: bandet är livevyn; remsan kommer först när bandet scrollats ur bild */
body.lvs-has-tk .lvs { position: fixed; top: 0; left: 0; right: 0; transform: translateY(-110%); }
body.lvs-has-tk .lvs:not(.is-sticky) { display: none; }
body.lvs-has-tk.admin-bar .lvs { top: 32px; }
body.lvs-has-tk.lvs-tk-out .lvs.is-sticky:not(.is-away) { transform: none; }
@media (max-width: 782px) { body.lvs-has-tk.admin-bar .lvs { top: 0; } }
.lvs-tkchip.is-goal .tk-chip__in { box-shadow: 0 0 0 2px #d21b69, 0 0 18px rgba(210, 27, 105, .7); }
.lvs-tkchip.tk-chip--live .tk-chip__status { color: #ffb3cf; }
.lvs-now__head:not(.is-live) .lvs__dot { display: none; }
@media (prefers-reduced-motion: reduce) { body.lvs-has-tk .lvs { transition: none; } }
.lvs-demo input[type="range"] { flex: 1 1 180px; min-width: 140px; accent-color: #d21b69; }
@media (max-width: 575.98px) { .lvs-demo input[type="range"] { flex-basis: 100%; order: 9; } }
@media (min-width: 576px) { .lvs-demo { flex-wrap: nowrap; } .lvs-demo > * { flex-shrink: 0; } .lvs-demo input[type="range"] { flex: 0 0 200px; } }
/* Samma LIVE-knapp i matchbandet som i remsan på övriga sidor */
html body .tk-day.lvs-tkday span.lvs-tkday__lab { top: -1.6rem; overflow: visible; }
.lvs-tkday .lvs__tag { min-height: 21px; padding: 0 10px; gap: 7px; font-size: 11px !important; letter-spacing: .72px !important; color: #fff !important; }
.lvs-tkday .lvs__tag .lvs__dot { width: 7px; height: 7px; }
html body .tk-day.lvs-tkday .lvs__tag { display: inline-flex; align-items: center; background: #d21b69 !important; text-transform: uppercase; text-decoration: none !important; font-weight: 800 !important; }
html body .tk-day.lvs-tkday .lvs__tag span.lvs__dot { position: static; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
.lvs-chip .es-st--pre, .lvs-chip .es-st--end { background: rgba(0, 21, 26, .35); }
.lvs-row__t.es-st { margin-top: 2px; }
.lvs-row--live .mrow__score { background: rgba(0, 98, 125, .28) !important; }
.lvs-chip .es-st--pre, .lvs-chip .es-st--end { background: rgba(0, 21, 26, .35); }
.lvs-row__t.es-st { margin-top: 2px; }
.lvs-row--live .mrow__score { background: rgba(0, 98, 125, .28) !important; }
/* Samma brytpunkt för förkortade lagnamn som matchlistan */
@media (min-width: 480px) and (max-width: 575.98px) { .lvs-now .mrow__name .n-l { display: inline; } .lvs-now .mrow__name .n-s { display: none; } }
/* Profilen: inga linjer – mål markeras med en kort accentfade, pågående resultat med en prick */
.lvs-row.is-goal { box-shadow: none; background: linear-gradient(90deg, rgba(210, 27, 105, .4), rgba(210, 27, 105, 0)) !important; }
.lvs-res.is-on { box-shadow: none; }
.lvs-res.is-on::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 5px 1px 0; border-radius: 50%; background: #fff; vertical-align: middle; animation: lvs-dot 1.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .lvs-res.is-on::before { animation: none; } }
.lvs-grp { flex: none; display: inline-flex; align-items: center; padding: 0 0 0 6px; color: #b1dae1; font: 700 10px/1 Inter, sans-serif; letter-spacing: .72px; text-transform: uppercase; white-space: nowrap; }
.lvs-grp--live { color: #ffb3cf; padding-left: 0; }
.lvs-chip--end { opacity: .8; }
@media (max-width: 767.98px) { .lvs-grp { display: none; } }
/* Remsan: knappen sist i raden fäller ut alla matcher på flera rader */
.lvs-more { flex: none; gap: 6px; background: rgba(0, 98, 125, .45); color: #fff !important; font: 800 11px/1 Inter, sans-serif; letter-spacing: .5px; text-transform: uppercase; border: 0; cursor: pointer; }
.lvs-br { display: none; }
.lvs.is-open .lvs__in { align-items: flex-start; padding-top: 8px; padding-bottom: 8px; }
.lvs.is-open .lvs__list { flex-wrap: wrap; overflow: visible; row-gap: 8px; padding: 0; }
.lvs.is-open .lvs-br { display: block; flex-basis: 100%; height: 0; }
.lvs.is-open .lvs-grp { display: inline-flex !important; min-height: 32px; }
@media (max-width: 767.98px) {
	.lvs.is-open .lvs-grp { flex-basis: 100%; min-height: 0; padding: 4px 0 0; }
	.lvs.is-open .lvs-br { display: none; }
}
.lvs-chip.is-here { background: #00627d; color: #fff !important; }

/* Målrutorna ovanför menyn och loggan */
.lvs-toasts { z-index: 2147481000 !important; }
@media (max-width: 767.98px) { .lvs-toasts { top: calc(env(safe-area-inset-top, 0px) + 8px) !important; } }

/* Målrutan: märke | MÅL · minut / ställning / målskytt – inga konstiga radbrytningar */
.gt { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; text-align: left; }
.gt__crest { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; }
.gt__crest img { width: 30px; height: 30px; object-fit: contain; }
.gt__body { display: grid; gap: 2px; min-width: 0; }
.gt__lab { font: 800 10px/1.2 Inter, sans-serif; letter-spacing: .8px; text-transform: uppercase; opacity: .85; }
.gt__sc { display: flex; align-items: baseline; gap: 6px; font: 900 22px/1 'Barlow Condensed', sans-serif; letter-spacing: .5px; white-space: nowrap; }
.gt__sc i { font-style: normal; opacity: .7; margin: 0 -2px; }
.gt__sc b { font-weight: 900; }
.gt__sc b.is-new { padding: 0 5px; border-radius: 4px; background: #fff; color: #d21b69; }
.gt__who { font: 600 12px/1.3 Inter, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .92; }
.lvs-toast { padding: 10px 44px 10px 10px !important; }
.lvs-toast__x { top: 50% !important; margin-top: -14px; }

/* Målrutan v2: inget märke i cirkel – lagens märken sitter vid sina koder, laget som gjorde mål lyser, det andra tonas ner */
.gt { display: grid; gap: 3px; grid-template-columns: none; text-align: left; }
.gt__crest { display: none; }
.gt__sc { display: flex; align-items: center; gap: 8px; }
.gt__t { display: inline-flex; align-items: center; gap: 6px; opacity: .55; }
.gt__t.is-new { opacity: 1; }
.gt__t.is-new b { padding: 0 5px; border-radius: 4px; background: #fff; color: #d21b69; }
.gt__sc b.is-new { padding: 0; background: none; color: inherit; }
.gt__cr { width: 22px; height: 22px; object-fit: contain; }
.lvs-toast { padding: 10px 44px 10px 16px !important; }

/* Målrutan v3 (D – tv-skylt): två rader, raden för laget som gjorde mål i lagets färg; minut och målskytt bredvid */
.lvs-toast { padding: 0 !important; overflow: hidden; border-radius: 12px; background: #003847 !important; border: 1px solid rgba(177, 218, 225, .16); color: #fff; }
.gt3 { display: grid; grid-template-columns: minmax(150px, 46%) minmax(0, 1fr); align-items: stretch; text-align: left; }
.gt3__rows { display: grid; }
.gt3__r { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 12px 7px 10px; color: #b1dae1; }
.gt3__r img, .gt3__r i { width: 22px; height: 22px; object-fit: contain; }
.gt3__c { font: 800 16px/1 'Barlow Condensed', sans-serif; letter-spacing: .7px; }
.gt3__r b { font: 900 23px/1 'Barlow Condensed', sans-serif; color: #fff; }
.gt3__r.is-new { background: var(--tc, #d21b69); color: var(--tf, #fff); animation: gt3-in .5s ease-out; }
.gt3__r.is-new b { color: var(--tf, #fff); }
@keyframes gt3-in { 0% { filter: brightness(1.6); } 100% { filter: none; } }
.gt3__info { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; padding: 6px 44px 6px 12px; border-left: 1px solid rgba(177, 218, 225, .15); }
.gt3__lab { font: 800 10px/1.2 Inter, sans-serif; letter-spacing: .8px; text-transform: uppercase; color: #ff5fa2; }
.gt3__who { font: 700 13px/1.3 Inter, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gt3__team { font: 500 11px/1.3 Inter, sans-serif; color: #b1dae1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (prefers-reduced-motion: reduce) { .gt3__r.is-new { animation: none; } }

/* Målrutan: raden för laget som gjorde mål är alltid rosa */
.gt3__r.is-new { background: #d21b69 !important; color: #fff !important; }
.gt3__r.is-new b { color: #fff !important; }

/* Inga tunna linjer i målrutan */
.lvs-toast { border: 0 !important; }
.gt3__info { border-left: 0 !important; }
/* desktop: målkortet uppe i mitten */
@keyframes lvs-drop { from { transform: translateY(-16px) scale(.97); opacity: 0; } }
@media (min-width: 768px) {
	.lvs-toasts { top: 22px !important; bottom: auto !important; right: 50% !important; transform: translateX(50%) !important; width: min(440px, 46vw) !important; }
	.lvs-toast { animation: lvs-drop .4s cubic-bezier(.2, .9, .3, 1.15) both; }
}