/* Scoped KK Zadar matches and compact standings companion component. */
@font-face{font-family:KKZMatchBarlow;src:url('./barlow-condensed.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:KKZMatchBarlow;src:url('./barlow-condensed-ext.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:KKZMatchRoboto;src:url('./roboto.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:KKZMatchRoboto;src:url('./roboto-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}

#kkz-match-standings {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #fff;
  background: transparent;
  font: 400 16px/1.5 KKZMatchRoboto, Arial, sans-serif;
  font-synthesis: none;
  text-align: left;
  isolation: isolate;
  -webkit-font-smoothing: antialiased;
}
#kkz-match-standings > .section-inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}
#kkz-match-standings button,
#kkz-match-standings a {
  margin: 0;
  box-shadow: none;
  text-decoration: none;
  letter-spacing: normal;
}
#kkz-match-standings button { appearance: none; line-height: 1.2; }
#kkz-match-standings img {
  display: block;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#kkz-match-standings p { margin: 0; }
#kkz-match-standings table,
#kkz-match-standings thead,
#kkz-match-standings tbody,
#kkz-match-standings tr,
#kkz-match-standings th,
#kkz-match-standings td {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-weight: inherit;
  text-align: left;
  box-shadow: none;
}
#kkz-match-standings [hidden] { display: none !important; }

#kkz-match-standings *{box-sizing:border-box}
#kkz-match-standings button,
#kkz-match-standings a{-webkit-tap-highlight-color:transparent}
#kkz-match-standings button{font:inherit;cursor:pointer}
#kkz-match-standings button:focus-visible,
#kkz-match-standings a:focus-visible,
#kkz-match-standings [tabindex]:focus-visible{outline:3px solid #00aeef;outline-offset:3px}
#kkz-match-standings button:disabled{cursor:default;opacity:.35}
#kkz-match-standings .section-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
#kkz-match-standings .filters{display:flex;flex-wrap:wrap;gap:8px}
#kkz-match-standings .filters button{background:transparent;border:1px solid #7b91b0;color:#fff;border-radius:6px;min-height:42px;padding:10px 15px;font-size:12px;font-weight:bold;text-transform:uppercase;white-space:nowrap}
#kkz-match-standings .filters button[aria-pressed=true]{color:#001e4e;background:#fff;border-color:#fff}
#kkz-match-standings .carousel-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
#kkz-match-standings #counter{font-size:12px;color:#e0e8f1;margin-right:8px;min-width:56px;text-align:right}
#kkz-match-standings .arrow{height:42px;width:42px;min-width:42px;max-width:42px;min-height:42px;max-height:42px;flex:0 0 42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #7b91b0;border-radius:6px;color:#fff;background:transparent;font-size:0;line-height:0;text-indent:0}
#kkz-match-standings .arrow svg{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;pointer-events:none}
#kkz-match-standings .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;touch-action:pan-y;touch-action:pan-y pinch-zoom;cursor:grab;overscroll-behavior-x:contain}
#kkz-match-standings .cards:active{cursor:grabbing}
#kkz-match-standings .cards img{-webkit-user-drag:none;user-select:none}
#kkz-match-standings .cards.cards--desktop-scroll{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/2);overflow-x:auto;overflow-y:hidden;touch-action:auto;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#96b8df transparent;padding-bottom:12px;scroll-snap-type:none;contain:layout style}
#kkz-match-standings .cards--desktop-scroll .match-card{scroll-snap-align:none}
#kkz-match-standings .cards--desktop-scroll .table-scroll{touch-action:auto;overscroll-behavior-x:auto;overscroll-behavior-y:contain}
#kkz-match-standings .cards--desktop-scroll::-webkit-scrollbar{height:5px}
#kkz-match-standings .cards--desktop-scroll::-webkit-scrollbar-thumb{background:#96b8df;border-radius:4px}
#kkz-match-standings .cards--desktop-scroll::-webkit-scrollbar-track{background:transparent}
#kkz-match-standings .match-card{min-width:0;background:rgba(248,250,253,.94);color:#001e4e;border-radius:12px;border-top:4px solid white;padding:22px;box-shadow:0 12px 32px #0002;display:flex;flex-direction:column}
#kkz-match-standings .match-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:22px;min-height:27px}
#kkz-match-standings .league-label{font-size:11px;font-weight:bold;letter-spacing:.5px;line-height:1.4;text-transform:uppercase;max-width:75%}
#kkz-match-standings .round{font-size:11px;color:#667284;white-space:nowrap;padding-top:1px}
#kkz-match-standings .match-grid{display:grid;grid-template-columns:minmax(0,1fr) 47%;gap:20px;align-items:start;flex:1}
#kkz-match-standings .match-date{font:700 32px/1.05 KKZMatchBarlow,Arial,sans-serif;white-space:nowrap;margin-bottom:8px}
#kkz-match-standings .match-time{font-size:16px;color:#394d68;margin-bottom:20px}
#kkz-match-standings .teams{display:grid;gap:10px}
#kkz-match-standings .team{display:flex;align-items:center;gap:9px;min-width:0}
#kkz-match-standings .team img{width:35px;height:36px;object-fit:contain;flex-shrink:0}
#kkz-match-standings .team-name{font:700 27px/1.05 KKZMatchBarlow,Arial,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
#kkz-match-standings .versus{font:14px/1 KKZMatchRoboto,Arial,sans-serif;margin-left:44px;color:#7f8c9e}
#kkz-match-standings .match-badge{display:inline-block;margin-top:20px;font-size:9px;letter-spacing:.4px;font-weight:bold;background:#001e4e;color:white;border-radius:3px;padding:7px 8px}
#kkz-match-standings .match-detail{font-size:10px;line-height:1.45;color:#69778b;margin:9px 0 0;max-width:185px}
#kkz-match-standings .standings{min-width:0;background:#fff;border:1px solid #d8e2f0;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #001e4e09}
#kkz-match-standings .table-heading{display:flex;flex-direction:column;gap:3px;padding:12px 11px 11px;background:#001e4e;color:#fff}
#kkz-match-standings .table-kicker{font-size:8px;line-height:1;letter-spacing:1.2px;text-transform:uppercase;color:#bfcee2}
#kkz-match-standings .table-heading strong{font:700 18px/1.05 KKZMatchBarlow,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15px}
#kkz-match-standings .table-meta{font-size:9px;line-height:1.3;color:#d6e2f2}
#kkz-match-standings .table-scroll{overflow-y:auto;overflow-x:hidden;height:224px;overscroll-behavior:contain;touch-action:pan-y;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#728dad #e8eef5}
#kkz-match-standings .table-scroll::-webkit-scrollbar{width:4px}
#kkz-match-standings .table-scroll::-webkit-scrollbar-thumb{background:#728dad;border-radius:4px}
#kkz-match-standings .table-scroll::-webkit-scrollbar-track{background:#e8eef5}
#kkz-match-standings .standings table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:11px;font-variant-numeric:tabular-nums}
#kkz-match-standings .standings thead{position:sticky;top:0;z-index:1;background:#f2f5fa}
#kkz-match-standings .standings th{font-size:9px;color:#55647b;font-weight:400;text-align:left;height:26px;border-bottom:1px solid #e4ebf4}
#kkz-match-standings .standings th:first-child,
#kkz-match-standings .standings td:first-child{width:31px;padding-left:7px}
#kkz-match-standings .standings th:last-child,
#kkz-match-standings .standings td:last-child{width:39px;text-align:right;padding-right:8px;white-space:nowrap}
#kkz-match-standings .standings td{height:33px;border-bottom:1px solid #edf1f7;vertical-align:middle;line-height:1.15;color:#173657}
#kkz-match-standings .rank-pill{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#f0f4f9;color:#566b83;font-size:10px}
#kkz-match-standings .club-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:3px}
#kkz-match-standings .standings tr.is-zadar td{background:#e7f0fd;color:#003f83}
#kkz-match-standings .standings tr.is-zadar .club-name{font-weight:bold}
#kkz-match-standings .standings tr.is-zadar .rank-pill{background:#0064c8;color:#fff}
#kkz-match-standings .standings tr.is-zadar td:first-child{box-shadow:inset 3px 0 #0064c8}
#kkz-match-standings .table-details{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px;padding:9px 10px;border-top:1px solid #dce5f1;background:#f4f7fc;color:#003f83;text-decoration:none;font-size:11px;font-weight:bold}
#kkz-match-standings .table-details span{font:19px/1 Arial,sans-serif}
#kkz-match-standings .table-details:hover{background:#e6eef9}
#kkz-match-standings .table-details:focus-visible{outline-offset:-3px}
#kkz-match-standings .match-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#001e4e;color:#fff;text-decoration:none;border:0;border-radius:5px;min-height:46px;padding:12px 14px;font-size:12px;text-transform:uppercase;font-weight:bold;margin-top:22px}
#kkz-match-standings .match-cta span:last-child{font:24px/1 Arial}
@media(max-width:899px){
#kkz-match-standings .section-controls{align-items:flex-end}
#kkz-match-standings .cards{grid-template-columns:minmax(0,1fr);touch-action:pan-y;touch-action:pan-y pinch-zoom}
#kkz-match-standings .match-card{max-width:640px}
}
@media(max-width:540px){
#kkz-match-standings .section-controls{flex-wrap:wrap;gap:14px;margin-bottom:16px}
#kkz-match-standings .filters{gap:6px;flex-wrap:nowrap;width:100%}
#kkz-match-standings .filters button{font-size:10px;padding:9px 9px;min-height:38px;flex:1}
#kkz-match-standings .carousel-controls{margin-left:auto;gap:7px}
#kkz-match-standings .arrow{width:34px;height:34px;min-width:34px;max-width:34px;min-height:34px;max-height:34px;flex-basis:34px}
#kkz-match-standings .arrow svg{width:18px;height:18px}
#kkz-match-standings #counter{font-size:11px}
#kkz-match-standings .match-card{padding:12px;border-radius:10px;border-top-width:3px}
#kkz-match-standings .match-head{margin-bottom:17px;min-height:24px;gap:6px}
#kkz-match-standings .league-label{font-size:9px;letter-spacing:.25px;max-width:77%}
#kkz-match-standings .round{font-size:10px}
#kkz-match-standings .match-grid{grid-template-columns:minmax(0,1fr) 140px;gap:12px}
#kkz-match-standings .match-date{font-size:25px;margin-bottom:6px}
#kkz-match-standings .match-time{font-size:14px;margin-bottom:17px}
#kkz-match-standings .team img{width:28px;height:29px}
#kkz-match-standings .team{gap:7px}
#kkz-match-standings .team-name{font-size:23px}
#kkz-match-standings .teams{gap:8px}
#kkz-match-standings .versus{margin-left:35px;font-size:12px}
#kkz-match-standings .match-badge{font-size:8px;margin-top:16px;padding:6px}
#kkz-match-standings .match-detail{font-size:9px;margin-top:8px;max-width:155px}
#kkz-match-standings .table-scroll{height:191px}
#kkz-match-standings .standings table{font-size:10.5px}
#kkz-match-standings .standings td{height:28px}
#kkz-match-standings .standings th{font-size:8px;height:22px}
#kkz-match-standings .standings th:first-child,
#kkz-match-standings .standings td:first-child{width:25px;padding-left:5px}
#kkz-match-standings .standings th:last-child,
#kkz-match-standings .standings td:last-child{width:32px;padding-right:6px}
#kkz-match-standings .match-cta{min-height:44px;font-size:11px;margin-top:17px;padding:10px 12px}
}
@media(max-width:374px){
#kkz-match-standings .filters button{font-size:9px;padding-left:5px;padding-right:5px}
#kkz-match-standings .match-card{padding:10px}
#kkz-match-standings .match-grid{grid-template-columns:minmax(0,1fr) 128px;gap:8px}
#kkz-match-standings .match-date{font-size:21px}
#kkz-match-standings .team-name{font-size:20px}
#kkz-match-standings .team img{width:25px;height:27px}
#kkz-match-standings .team{gap:5px}
#kkz-match-standings .versus{margin-left:30px}
#kkz-match-standings .match-time{font-size:13px}
#kkz-match-standings .match-badge{font-size:7px;letter-spacing:0}
#kkz-match-standings .match-detail{font-size:8px}
#kkz-match-standings .standings table{font-size:10px}
}
#kkz-match-standings abbr[title]{text-decoration:none}
#kkz-match-standings .standings th{color:#55647b}
@media(max-width:540px){
#kkz-match-standings .standings table{font-size:11px}
}
@media(max-width:540px){
#kkz-match-standings .table-heading{padding:9px 8px 8px;gap:3px}
#kkz-match-standings .table-heading strong{font-size:16px}
#kkz-match-standings .table-kicker{font-size:7px;letter-spacing:1px}
#kkz-match-standings .table-meta{font-size:8px}
#kkz-match-standings .rank-pill{width:17px;height:18px;font-size:9px;border-radius:4px}
#kkz-match-standings .table-details{font-size:10px;padding:8px 7px}
#kkz-match-standings .table-details span{font-size:17px}
#kkz-match-standings .standings td{height:29px}
#kkz-match-standings .table-scroll{height:191px}
}
#kkz-match-standings .table-heading{position:relative;padding-right:53px}
#kkz-match-standings .league-mark{position:absolute;right:9px;top:12px;display:grid;place-items:center;width:36px;height:34px;padding:3px;border-radius:5px;background:#fff}
#kkz-match-standings .league-mark img{width:100%;height:100%;object-fit:contain}
#kkz-match-standings .league-mark.is-premijer{background:transparent;width:40px;padding:0;right:6px}
#kkz-match-standings .table-heading.is-premijer{padding-right:52px}
#kkz-match-standings .club-cell{display:flex;align-items:center;gap:6px;min-width:0}
#kkz-match-standings .club-mark{display:grid;place-items:center;flex:0 0 20px;width:20px;height:22px;overflow:hidden}
#kkz-match-standings .club-mark img{width:100%;height:100%;object-fit:contain}
#kkz-match-standings .club-cell .club-name{min-width:0;flex:1}
#kkz-match-standings .match-team-mark{display:grid;place-items:center;width:35px;height:36px;flex:0 0 35px;overflow:hidden}
#kkz-match-standings .match-team-mark img{width:100%;height:100%;object-fit:contain}
#kkz-match-standings .club-mark,
#kkz-match-standings .match-team-mark{display:flex;align-items:center;justify-content:center}
#kkz-match-standings .club-mark img,
#kkz-match-standings .match-team-mark img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}
#kkz-match-standings .club-mark img[src$="/premijer-42896.svg"],
#kkz-match-standings .match-team-mark img[src$="/premijer-42896.svg"]{box-sizing:border-box;padding:1px;object-fit:contain}
#kkz-match-standings .versus.is-score{font:700 31px/1 KKZMatchBarlow,Arial,sans-serif;color:#001e4e;white-space:nowrap}
#kkz-match-standings .match-badge.is-finished{background:#e2eaf6;color:#001e4e}
#kkz-match-standings .match-date.is-window{font-size:25px;white-space:normal;line-height:1.1}
@media(max-width:540px){
#kkz-match-standings .match-grid{grid-template-columns:minmax(0,1fr) 156px}
#kkz-match-standings .table-heading{padding-right:45px}
#kkz-match-standings .league-mark{right:7px;top:10px;width:31px;height:30px;padding:2px}
#kkz-match-standings .club-cell{gap:4px}
#kkz-match-standings .club-mark{width:17px;height:20px;flex-basis:17px}
#kkz-match-standings .match-team-mark{width:28px;height:29px;flex-basis:28px}
#kkz-match-standings .versus.is-score{font-size:27px}
#kkz-match-standings .match-date.is-window{font-size:21px}
}
@media(max-width:374px){
#kkz-match-standings .match-grid{grid-template-columns:minmax(0,1fr) 144px}
#kkz-match-standings .match-team-mark{width:25px;height:27px;flex-basis:25px}
#kkz-match-standings .versus.is-score{font-size:25px}
#kkz-match-standings .match-date.is-window{font-size:18px}
#kkz-match-standings .table-heading strong{font-size:15px}
#kkz-match-standings .table-heading{padding-right:41px}
#kkz-match-standings .league-mark{width:28px;height:28px;right:6px}
}

/* Keep club marks within their flex boxes; preserve the full Split SVG. */
#kkz-match-standings .club-mark,
#kkz-match-standings .match-team-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
}
#kkz-match-standings .club-mark img,
#kkz-match-standings .match-team-mark img {
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#kkz-match-standings .club-mark.is-split,
#kkz-match-standings .match-team-mark.is-split { overflow: visible; }
#kkz-match-standings .is-split img { transform: none !important; padding: 1px; }