/* ==========================================================================
   T1X2 theme for Sngine 5.0 (built on Sngine's "nova" theme)

   nova is Tailwind 4 + FlyonUI + HeroUI (dist/, built by Sngine). This file:
   - turns nova's colors into the T1X2 palette (theme color from section A0:
     red var(--gv-coral) or green #157656, warm neutrals, dark header bar, Poppins)
     through nova's own tokens;
   - gives our pages and widgets the few Bootstrap classes they still use
     (grid, buttons, fields, cards, the Top 20 modal) — only inside our
     containers (.gv-shell, .gv-scope), so nova's own pages are not touched;
   - keeps everything of the Sngine 4.5 version that styles our own markup
     (menu, home page columns, widgets, Tipovi, Live, Blog, Bingo, Bet Info,
     Bet Arena, Balkan liga, Administracija ...).

   IMPORTANT: never put transform / filter / backdrop-filter / perspective /
   will-change on a post (or any of its ancestors): popups positioned with
   position:fixed would end up off-screen.
   ========================================================================== */

/* A0. THEME COLOR (BOJA TEME)
   Every red of the theme comes from the --gv-coral* variables below (the names stay
   "coral" from the first version, they mean "the theme color"). This block is the red
   palette and the fallback. The colors a visitor can choose (circles in the footers,
   items in the member / "Join" menu) are css/boje/<color>.css with only these values:
   _head.tpl links the chosen one (cookie t1x2_boja) or the default one (/administracija/
   boja) after this file, so its values win (templates/_t1x2_boje.tpl). Do NOT edit this
   block for another color: add css/boje/<color>.css and a line in _t1x2_boje.tpl.
   --gv-danger* stays red in every theme color: delete buttons, notification counter,
   live markers, lost tickets, red card.
   ------------------------------------------------------------------------ */
:root {
  --gv-coral: #e3202f;               /* main: buttons, active items, icons */
  --gv-coral-rgb: 227, 32, 47;       /* the same as r, g, b for shadows and glows */
  --gv-coral-dark: #c00f1f;          /* hover, links */
  --gv-coral-dark-rgb: 192, 15, 31;
  --gv-coral-darker: #a50b19;        /* end of the button hover gradient */
  --gv-coral-ink: #a30d1a;           /* text on the light tint */
  --gv-coral-ink-rgb: 163, 13, 26;
  --gv-coral-tint: #fdeceb;          /* light background of active items */
  --gv-coral-emph: #8f1d28;          /* strong text (Bootstrap emphasis) */
  --gv-coral-subtle: #f6bfc3;        /* light border (Bootstrap subtle) */
  --gv-coral-soft: #ff5a66;          /* hover on the dark header bar */
  --gv-coral-bar: #221418;           /* end of the dark header gradient */
  --gv-coral-deep: #2a1013;          /* middle of dark hero gradients */
  /* night mode */
  --gv-coral-night: #f04652;         /* main/hover color on dark background */
  --gv-coral-night-ink: #ff8a92;     /* text on dark background */
  --gv-coral-night-tint: rgba(227, 32, 47, .18);
  --gv-coral-night-bg1: #20191d;     /* page header */
  --gv-coral-night-bg2: #2b1519;     /* dark cards */
}

/* A1. NOVA TOKENS -> T1X2 PALETTE
   _head.tpl keeps data-theme="nova" / "nova-dark" (all of nova's CSS is built
   for those names) and adds data-t1x2, so these win over nova's values.
   ------------------------------------------------------------------------ */
:root[data-t1x2],
[data-theme=nova][data-t1x2] {
  --color-base-100: #fff;
  --color-base-200: #f0f2f5;
  --color-base-300: #e4e6eb;
  --color-base-content: #14161a;
  --color-primary: var(--gv-coral);
  --color-primary-content: #fff;
  --color-accent: #f5a524;
  --color-accent-content: #14161a;
  --color-neutral: #14161a;
  --color-neutral-content: #fff;
  --color-info: #6c5ce7;
  --color-success: #12a150;
  --color-warning: #f5a524;
  --color-error: #e5484d;
  --radius-field: .75rem;
  --radius-box: 1.25rem;
  --font-sans: "Poppins", "Inter", ui-sans-serif, system-ui, sans-serif;
}

[data-theme=nova-dark][data-t1x2] {
  --color-base-100: #171a20;
  --color-base-200: #0c0e11;
  --color-base-300: #262a33;
  --color-base-content: #ededea;
  --color-primary: var(--gv-coral-night);
  --color-primary-content: #fff;
  --color-accent: #ffc35c;
  --color-accent-content: #14161a;
  --color-neutral: #262a33;
  --color-neutral-content: #ededea;
  --radius-field: .75rem;
  --radius-box: 1.25rem;
  --font-sans: "Poppins", "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* HeroUI buttons (button--primary ...) use --accent */
[data-t1x2] .heroui {
  --accent: var(--gv-coral);
  --accent-foreground: #fff;
  --focus: var(--gv-coral);
}

[data-theme=nova-dark][data-t1x2] .heroui {
  --accent: var(--gv-coral-night);
}

/* A2. HEADER: the dark bar of the 4.5 theme (light mode; night mode keeps nova's dark bar)
   A plain dark color under the gradient: Safari / Chrome on the iPhone sometimes leave the
   gradient of the sticky bar unpainted after a page change (a light bar with faded icons until
   the next repaint); the color is always painted, so the bar stays dark
   ------------------------------------------------------------------------ */
body.t1x2-theme:not(.night-mode) .site-topbar {
  background-color: #14161b;
  background-image: linear-gradient(100deg, #101216 0%, #17191f 60%, var(--gv-coral-bar, #221418) 100%);
  border-bottom-color: rgba(255, 255, 255, .06);
  box-shadow: 0 10px 30px rgba(10, 12, 16, .18);
  color: #fff;
}

body.t1x2-theme:not(.night-mode) .site-topbar a[aria-label] > span,
body.t1x2-theme:not(.night-mode) .site-topbar a[aria-label] {
  color: #fff !important;
}

body.t1x2-theme:not(.night-mode) .site-topbar .site-topbar-search {
  color: rgba(255, 255, 255, .55);
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .08);
}

body.t1x2-theme:not(.night-mode) .site-topbar .site-topbar-search:hover {
  border-color: rgba(var(--gv-coral-rgb), .55);
}

body.t1x2-theme:not(.night-mode) .site-topbar .site-topbar-search kbd {
  color: rgba(255, 255, 255, .6);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .1);
}

body.t1x2-theme:not(.night-mode) .site-topbar .site-topbar-icon {
  --button-bg: rgba(255, 255, 255, .07);
  --button-bg-hover: rgba(255, 255, 255, .13);
  --button-bg-pressed: rgba(255, 255, 255, .16);
  --button-fg: #e8e8ea;
  color: #e8e8ea;
}

body.t1x2-theme:not(.night-mode) .site-topbar .site-topbar-icon:hover {
  color: var(--gv-coral-soft);
}

body.t1x2-theme .site-topbar .counter {
  background: var(--gv-danger) !important;
  border-color: #15171c !important;
}

body.t1x2-theme:not(.night-mode) .site-topbar .site-topbar-avatar {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .18);
}

/* the dropdowns of the bar stay light */
body.t1x2-theme:not(.night-mode) .site-topbar .dropdown-menu {
  color: var(--color-base-content);
}

/* A2b. FOOTER: the "18+" mark next to the copyright (__t1x2_age18.tpl in _footer_mini.tpl and
   _footer.links.tpl). Always red (--gv-danger), whatever the theme color, like an age mark */
.gv-age18 {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 22px;
  padding: 0 7px;
  border: 1.5px solid var(--gv-danger, #e3202f);
  border-radius: 999px;
  color: var(--gv-danger, #e3202f);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  cursor: default;
  user-select: none;
}
body.night-mode .gv-age18,
[data-theme=nova-dark] .gv-age18 {
  border-color: #f04652;
  color: #ff8a92;
}
.gv-age18.is-overlay {
  border-color: rgba(255, 255, 255, .85);
  color: #fff;
}

/* A2c. COLOR OF THE SITE chosen by the visitor (_t1x2_boje.tpl): the circles next to the night /
   day button in the footers (__t1x2_boja_dots.tpl) and the items under Night Mode in the member
   and "Join" menus (__t1x2_boja_menu.tpl); --gv-boja-hex is the color of each circle */
.gv-boje {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 7px;
  padding-inline-start: 2px;
}
.gv-boja-dot {
  position: relative;
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--gv-boja-hex);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
/* a bigger target than the circle (24 px) */
button.gv-boja-dot::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 999px;
}
button.gv-boja-dot:hover {
  transform: scale(1.12);
}
.gv-boja-dot.is-active {
  box-shadow: 0 0 0 2px var(--color-base-100, #fff), 0 0 0 4px var(--gv-boja-hex);
}
button.gv-boja-dot:focus-visible {
  outline: 2px solid var(--gv-boja-hex);
  outline-offset: 4px;
}
.gv-boje.is-overlay .gv-boja-dot {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}
.gv-boje.is-overlay .gv-boja-dot.is-active {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .35), 0 0 0 4px #fff;
}
/* in the menus: a small circle before the name, the check only at the chosen color */
.gv-boja-dot.is-sm {
  width: 14px;
  height: 14px;
  cursor: inherit;
}
.js_gv-boja:not(.is-active) .gv-boja-check {
  visibility: hidden;
}

/* A3. PAGE: our pages bring their own grid (.gv-shell) inside nova's <main>
   ------------------------------------------------------------------------ */
body.t1x2-theme {
  font-family: "Poppins", sans-serif;
}

body.t1x2-theme .site-content:has(> .gv-shell) {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* nova blocks in our columns: hidden when Smarty left only white space in them
   (Tailwind's empty: does not match white space) */
.t1x2-theme .gv-shell .gv-nova:not(:has(> *)) {
  display: none;
}

/* guests: default picture + "Join" in the header, as on the old site (_header.topbar.tpl);
   the menu has Sign In, Sign Up and Night / Day Mode */
.t1x2-theme .gv-guest-btn {
  gap: 8px;
  padding-inline: 6px 12px !important;
  font-weight: 600;
}

/* the dark header bar (day mode): like the header icons */
body.t1x2-theme:not(.night-mode) .site-topbar .gv-guest-btn {
  --button-bg: rgba(255, 255, 255, .07);
  --button-bg-hover: rgba(255, 255, 255, .13);
  --button-bg-pressed: rgba(255, 255, 255, .16);
  --button-fg: #f1f1f3;
  color: #f1f1f3 !important;
}

.t1x2-theme .gv-guest-avatar {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 2px rgba(var(--gv-coral-rgb), .55);
}

.t1x2-theme .gv-guest .dropdown-item {
  font-weight: 500;
}

@media (max-width: 379.98px) {
  .t1x2-theme .gv-guest-btn {
    gap: 6px;
    padding-inline: 5px 9px !important;
    font-size: 13px;
  }
}

/* phones: the header hamburger opens our menu as a drawer (the .active class of Sngine's
   sg-offcanvas; t1x2.js initMenuDrawer toggles it). The drawer is fixed under the header, so
   its items are in view wherever the page is scrolled; the content stays where it is, under a
   dim layer (the ::before of the shell) and does not scroll while the menu is open. A tap on
   the dim layer, Escape, a menu link or a swipe to the left closes it. This block: our pages
   with the menu column (on phones). Sngine's pages (profile, Messages, Notifications, Sign in
   ...) get the same menu as a drawer on every width: the "gv-drawer" block below */
body.t1x2-theme .gv-burger {
  display: none;
}

@media (max-width: 767.98px) {
  body.t1x2-theme:has(.gv-shell .gv-left-rail) .gv-burger {
    display: inline-flex;
  }

  /* core.js (when it opens the menu before t1x2.js has run) sets min-height to the menu height */
  .t1x2-theme .gv-shell.sg-offcanvas {
    min-height: 0 !important;
  }

  .t1x2-theme .gv-shell.sg-offcanvas .sg-offcanvas-sidebar {
    position: fixed !important;
    top: var(--gv-drawer-top, 64px);
    bottom: 0;
    left: 0;
    z-index: 46;
    width: min(86vw, 360px) !important;
    max-width: none;
    margin: 0 !important;
    padding: 12px 12px calc(20px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    background: var(--gv-bg);
    border-radius: 0 22px 0 0;
    box-shadow: 18px 0 50px rgba(10, 12, 16, .22);
    transform: translate3d(-105%, 0, 0);
    visibility: hidden;
    transition: transform .24s cubic-bezier(.25, .8, .25, 1), visibility 0s linear .24s;
  }

  .t1x2-theme .gv-shell.sg-offcanvas.active .sg-offcanvas-sidebar {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    transition: transform .24s cubic-bezier(.25, .8, .25, 1), visibility 0s;
  }

  /* while a finger drags the open menu to the left (t1x2.js) */
  .t1x2-theme .gv-shell.sg-offcanvas.active.is-dragging .sg-offcanvas-sidebar {
    transform: translate3d(var(--gv-drawer-drag, 0px), 0, 0);
    transition: none;
  }

  .t1x2-theme .gv-shell.sg-offcanvas::before {
    content: "";
    position: fixed;
    top: var(--gv-drawer-top, 64px);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 45;
    background: rgba(10, 12, 16, .45);
    opacity: 0;
    visibility: hidden;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .24s ease, visibility 0s linear .24s;
  }

  .t1x2-theme .gv-shell.sg-offcanvas.active::before {
    opacity: 1;
    visibility: visible;
    transition: opacity .24s ease, visibility 0s;
  }

  .t1x2-theme .gv-shell.sg-offcanvas.active.is-dragging::before {
    opacity: var(--gv-drawer-dim, 1);
    transition: none;
  }

  /* the page under the open menu does not scroll (t1x2.js also stops touch scrolling there).
     Only on <html>: overflow on <body> too would make <body> the scroll box of the sticky
     header, which then leaves the screen together with the hamburger */
  html:has(.gv-shell.sg-offcanvas.active) {
    overflow: hidden;
  }

  /* the menu card fills the drawer */
  .t1x2-theme .gv-shell.sg-offcanvas .sg-offcanvas-sidebar .gv-menu-card {
    margin: 0;
    box-shadow: none;
  }
}

/* the logo of the header: at most 144px wide (max-w-36) and 48px high, so a tall or square logo
   does not stretch the 64px header (max-h-30 is not in Sngine's CSS) */
body.t1x2-theme .site-topbar img:is([data-gv-logo], [data-gv-logo-dark]) {
  max-height: 48px;
}

/* phones: hamburger, logo and the five buttons (search, explore, friends, messages,
   notifications) need 448px and the iPhone Pro Max has 440px, so the page was wider than the
   screen (the bell at the edge, a white strip when moved sideways). Now everything fits on
   every phone: the empty middle (the search bar is hidden on phones) goes away with its two
   gaps, and the logo takes the room that is left, up to its 144px */
@media (max-width: 767.98px) {
  body.t1x2-theme .site-topbar > div {
    gap: 8px;
  }

  body.t1x2-theme .site-topbar > div > div.grow {
    display: none;
  }

  body.t1x2-theme .site-topbar .site-topbar-chrome {
    margin-inline-start: auto;
  }

  body.t1x2-theme .site-topbar a:has(> img[data-gv-logo]) {
    flex: 0 1 auto;
    min-width: 0;
  }

  body.t1x2-theme .site-topbar img:is([data-gv-logo], [data-gv-logo-dark]) {
    min-width: 0;
    max-width: min(100%, 9rem);
    height: auto;
  }
}

/* phones up to 419px (iPhone 16 Pro / 15 / mini, most Androids): 36px buttons closer together,
   so the logo stays readable (about 100px instead of 75px on a 375px phone) */
@media (max-width: 419.98px) {
  body.t1x2-theme .site-topbar .site-topbar-chrome {
    gap: 2px;
  }

  body.t1x2-theme .site-topbar .site-topbar-icon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }
}

/* the smallest phones (320px): hamburger, logo and the five header buttons did not fit and
   made the page 20px wider than the screen */
@media (max-width: 359.98px) {
  body.t1x2-theme .site-topbar > div {
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  body.t1x2-theme .site-topbar .site-topbar-icon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .t1x2-theme .gv-shell.sg-offcanvas .sg-offcanvas-sidebar,
  .t1x2-theme .gv-shell.sg-offcanvas.active .sg-offcanvas-sidebar,
  .t1x2-theme .gv-shell.sg-offcanvas::before,
  .t1x2-theme .gv-shell.sg-offcanvas.active::before {
    transition: none;
  }
}

/* pages without our menu column (Sngine's pages: profile, Messages, Notifications, friend
   requests, Sign in ...): _footer.tpl adds our menu as #gv-drawer and the header hamburger opens
   it on every width (the desktop has no menu column there either). The same drawer as above:
   fixed under the header, a dim layer (its ::before), the page does not scroll while it is open;
   t1x2.js initMenuDrawer. Not .sg-offcanvas, so Sngine's own offcanvas (the conversation list
   of Messages, core.js / chat.js toggle every .sg-offcanvas) never opens or closes it */
body.t1x2-theme:has(#gv-drawer) .gv-burger {
  display: inline-flex;
}

.t1x2-theme .gv-drawer .gv-left-rail {
  position: fixed;
  top: var(--gv-drawer-top, 64px);
  bottom: 0;
  left: 0;
  z-index: 46;
  width: min(86vw, 360px);
  margin: 0;
  padding: 12px 12px calc(20px + env(safe-area-inset-bottom));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  background: var(--gv-bg);
  border-radius: 0 22px 0 0;
  box-shadow: 18px 0 50px rgba(10, 12, 16, .22);
  transform: translate3d(-105%, 0, 0);
  visibility: hidden;
  transition: transform .24s cubic-bezier(.25, .8, .25, 1), visibility 0s linear .24s;
}

.t1x2-theme .gv-drawer.active .gv-left-rail {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  transition: transform .24s cubic-bezier(.25, .8, .25, 1), visibility 0s;
}

.t1x2-theme .gv-drawer.active.is-dragging .gv-left-rail {
  transform: translate3d(var(--gv-drawer-drag, 0px), 0, 0);
  transition: none;
}

.t1x2-theme .gv-drawer::before {
  content: "";
  position: fixed;
  top: var(--gv-drawer-top, 64px);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 45;
  background: rgba(10, 12, 16, .45);
  opacity: 0;
  visibility: hidden;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .24s ease, visibility 0s linear .24s;
}

.t1x2-theme .gv-drawer.active::before {
  opacity: 1;
  visibility: visible;
  transition: opacity .24s ease, visibility 0s;
}

.t1x2-theme .gv-drawer.active.is-dragging::before {
  opacity: var(--gv-drawer-dim, 1);
  transition: none;
}

html:has(#gv-drawer.active) {
  overflow: hidden;
}

/* the whole menu one under the other (on the desktop the menu column is sticky and as tall as
   the window, the list scrolls inside it) */
.t1x2-theme .gv-drawer .gv-nav2 {
  position: static;
  height: auto;
  margin: 0;
  padding: 12px 10px;
  box-shadow: none;
}

.t1x2-theme .gv-drawer .gv-nav2-list {
  overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
  .t1x2-theme .gv-drawer .gv-left-rail,
  .t1x2-theme .gv-drawer.active .gv-left-rail,
  .t1x2-theme .gv-drawer::before,
  .t1x2-theme .gv-drawer.active::before {
    transition: none;
  }
}

/* B. BOOTSTRAP CLASSES OUR MARKUP STILL USES (nova has no Bootstrap)
   Only inside our containers: .gv-shell (pages, home page columns) and
   .gv-scope (popup, modals, sheets moved to <body>).
   ------------------------------------------------------------------------ */
:where(.gv-shell, .gv-scope) .row:where(:not(.gv-nova *)) {
  display: flex;
  flex-wrap: wrap;
}

:where(.gv-shell, .gv-scope) [class*="col-"]:where(:not(.gv-nova *)) {
  min-width: 0;
}

:where(.gv-shell, .gv-scope) .container-fluid:where(:not(.gv-nova *)) {
  width: 100%;
}

:where(.gv-shell, .gv-scope) .d-none:where(:not(.gv-nova *)) { display: none !important; }
:where(.gv-shell, .gv-scope) .d-block:where(:not(.gv-nova *)) { display: block !important; }
@media (min-width: 992px) {
  :where(.gv-shell, .gv-scope) .d-lg-none:where(:not(.gv-nova *)) { display: none !important; }
  :where(.gv-shell, .gv-scope) .d-lg-block:where(:not(.gv-nova *)) { display: block !important; }
}

:where(.gv-shell, .gv-scope) .float-end:where(:not(.gv-nova *)) { float: right; }
:where(.gv-shell, .gv-scope) .text-center:where(:not(.gv-nova *)) { text-align: center; }
:where(.gv-shell, .gv-scope) .text-muted:where(:not(.gv-nova *)) { color: var(--gv-muted) !important; }
:where(.gv-shell, .gv-scope) .text-white:where(:not(.gv-nova *)) { color: #fff !important; }
:where(.gv-shell, .gv-scope) .text-primary:where(:not(.gv-nova *)) { color: var(--gv-coral-dark) !important; }
:where(.gv-shell, .gv-scope) .text-underline:where(:not(.gv-nova *)) { text-decoration: underline; }
:where(.gv-shell, .gv-scope) .w-100:where(:not(.gv-nova *)) { width: 100% !important; }
:where(.gv-shell, .gv-scope) .rounded-pill:where(:not(.gv-nova *)) { border-radius: 999px !important; }
:where(.gv-shell, .gv-scope) .bg-transparent:where(:not(.gv-nova *)) { background: transparent !important; }
:where(.gv-shell, .gv-scope) .bg-light:where(:not(.gv-nova *)) { background: var(--gv-sunken) !important; }
:where(.gv-shell, .gv-scope) .bg-teal:where(:not(.gv-nova *)) { background: #20c997 !important; }
:where(.gv-shell, .gv-scope) .bg-indigo:where(:not(.gv-nova *)) { background: #6610f2 !important; }
:where(.gv-shell, .gv-scope) .border-0:where(:not(.gv-nova *)) { border: 0 !important; }
:where(.gv-shell, .gv-scope) .border-bottom-0:where(:not(.gv-nova *)) { border-bottom: 0 !important; }
:where(.gv-shell, .gv-scope) .visually-hidden:where(:not(.gv-nova *)) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Sngine 4.5 spacing helpers */
:where(.gv-shell, .gv-scope) .mt10:where(:not(.gv-nova *)) { margin-top: 10px !important; }
:where(.gv-shell, .gv-scope) .mt20:where(:not(.gv-nova *)) { margin-top: 20px !important; }
:where(.gv-shell, .gv-scope) .mb10:where(:not(.gv-nova *)) { margin-bottom: 10px !important; }
:where(.gv-shell, .gv-scope) .mr5:where(:not(.gv-nova *)) { margin-right: 5px !important; }
:where(.gv-shell, .gv-scope) .mr10:where(:not(.gv-nova *)) { margin-right: 10px !important; }
:where(.gv-shell, .gv-scope) .pt0:where(:not(.gv-nova *)) { padding-top: 0 !important; }
:where(.gv-shell, .gv-scope) .pt5:where(:not(.gv-nova *)) { padding-top: 5px !important; }
:where(.gv-shell, .gv-scope) .pb0:where(:not(.gv-nova *)) { padding-bottom: 0 !important; }
:where(.gv-shell, .gv-scope) .plr5:where(:not(.gv-nova *)) { padding-left: 5px !important; padding-right: 5px !important; }
:where(.gv-shell, .gv-scope) .ptb20:where(:not(.gv-nova *)) { padding-top: 20px !important; padding-bottom: 20px !important; }

/* cards: plain blocks (FlyonUI's .card is a flex box with its own look) */
:where(.gv-shell, .gv-scope) .card:where(:not(.gv-nova *)) {
  position: relative;
  display: block;
  min-width: 0;
  word-wrap: break-word;
  color: var(--gv-body);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  box-shadow: var(--gv-shadow);
}

:where(.gv-shell, .gv-scope) .card-header:where(:not(.gv-nova *)) {
  padding: 18px 20px 8px;
  color: var(--gv-ink);
  font-weight: 700;
  background: transparent;
  border-bottom: 1px solid var(--gv-line);
  border-radius: var(--gv-radius) var(--gv-radius) 0 0;
}

:where(.gv-shell, .gv-scope) .card-body:where(:not(.gv-nova *)) {
  display: block;
  padding: 16px 20px;
}

/* buttons */
:where(.gv-shell, .gv-scope) .btn:where(:not(.gv-nova *)) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: auto;
  min-height: 0;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--gv-ink);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background: var(--gv-sunken);
  border: 1px solid transparent;
  border-radius: 14px;
  box-shadow: none;
  transition: background-color .15s, color .15s, box-shadow .15s;
}

:where(.gv-shell, .gv-scope) .btn:hover:where(:not(.gv-nova *)) {
  background: var(--gv-hover-bg);
}

:where(.gv-shell, .gv-scope) .btn-sm:where(:not(.gv-nova *)) {
  padding: 5px 12px;
  font-size: 13px;
  border-radius: 12px;
}

:where(.gv-shell, .gv-scope) .btn-md:where(:not(.gv-nova *)) {
  padding: 8px 16px;
}

:where(.gv-shell, .gv-scope) .btn-primary:where(:not(.gv-nova *)) {
  color: #fff;
  background: var(--gv-grad);
  border-color: transparent;
  box-shadow: 0 10px 24px rgba(var(--gv-coral-rgb), .23);
}

:where(.gv-shell, .gv-scope) .btn-primary:hover:where(:not(.gv-nova *)) {
  color: #fff;
  background: var(--gv-coral-dark);
}

/* delete buttons stay red in every theme color */
:where(.gv-shell, .gv-scope) .btn-danger:where(:not(.gv-nova *)) {
  color: #fff;
  background: linear-gradient(135deg, var(--gv-danger), var(--gv-danger-dark));
  border-color: transparent;
  box-shadow: 0 10px 24px rgba(var(--gv-danger-rgb), .23);
}

:where(.gv-shell, .gv-scope) .btn-danger:hover:where(:not(.gv-nova *)) {
  color: #fff;
  background: var(--gv-danger-dark);
}

:where(.gv-shell, .gv-scope) .btn-light:where(:not(.gv-nova *)) {
  color: var(--gv-ink);
  background: var(--gv-sunken);
}

:where(.gv-shell, .gv-scope) .btn.disabled:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn:disabled:where(:not(.gv-nova *)) {
  pointer-events: none;
  opacity: .55;
}

/* fields */
:where(.gv-shell, .gv-scope) .form-control:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .form-select:where(:not(.gv-nova *)) {
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 9px 14px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--gv-ink);
  background-color: var(--gv-input);
  border: 1px solid transparent;
  border-radius: 14px;
  appearance: none;
  outline: 0;
}

:where(.gv-shell, .gv-scope) textarea.form-control:where(:not(.gv-nova *)) {
  min-height: 90px;
}

:where(.gv-shell, .gv-scope) .form-select:where(:not(.gv-nova *)) {
  padding-right: 38px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236b665f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 10px;
}

:where(.gv-shell, .gv-scope) .form-control:focus:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .form-select:focus:where(:not(.gv-nova *)) {
  border-color: rgba(var(--gv-coral-rgb), .55);
  box-shadow: 0 0 0 4px rgba(var(--gv-coral-rgb), .14);
}

/* alerts */
:where(.gv-shell, .gv-scope) .alert:where(:not(.gv-nova *)) {
  display: block;
  padding: 12px 16px;
  margin-bottom: 14px;
  border: 1px solid transparent;
  border-radius: 14px;
}

:where(.gv-shell, .gv-scope) .alert-info:where(:not(.gv-nova *)) {
  color: #3d32a8;
  background: var(--gv-violet-tint);
}

:where(.gv-shell, .gv-scope) .alert-warning:where(:not(.gv-nova *)) {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
}

/* loaders from Sngine 4.5 */
:where(.gv-shell, .gv-scope) .loader:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .loader_small:where(:not(.gv-nova *)) {
  width: 28px;
  height: 28px;
  margin: 10px auto;
  border: 3px solid var(--gv-line-strong);
  border-top-color: var(--gv-coral);
  border-radius: 50%;
  animation: gv-spin .8s linear infinite;
}

:where(.gv-shell, .gv-scope) .loader_small:where(:not(.gv-nova *)) {
  width: 18px;
  height: 18px;
  border-width: 2px;
}

@keyframes gv-spin {
  to { transform: rotate(360deg); }
}

:where(.gv-shell, .gv-scope) .x-hidden:where(:not(.gv-nova *)) {
  display: none;
}

/* Bootstrap modals of our widgets (Top 20 tipstera): opened by t1x2.js (gvBsModal) */

/* closed = gone. FlyonUI's .modal only makes it see-through (opacity 0), and .gv-modal-content
   takes clicks like Bootstrap's .modal-content: the invisible Top 20 table then caught clicks and
   the mouse wheel in the middle of the page (and the whole page width on a phone) */
.t1x2-theme .modal.gv-modal:not(.show) {
  display: none;
}

.t1x2-theme .modal.gv-bs-modal {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px;
  background: rgba(10, 12, 16, .45);
  transition: opacity .15s;
}

/* FlyonUI's .modal is see-through and click-through until HSOverlay opens it */
.t1x2-theme .modal.gv-bs-modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  pointer-events: auto;
}

.t1x2-theme .modal.gv-bs-modal .modal-dialog {
  width: 100%;
  max-width: 520px;
  max-height: calc(100dvh - 32px);
  margin: 0;
  display: flex;
}

.t1x2-theme .modal.gv-bs-modal .modal-dialog > * {
  width: 100%;
  max-height: 100%;
  overflow: auto;
}

body.gv-modal-open {
  overflow: hidden;
}

/* C. FROM THE SNGINE 4.5 VERSION (our markup)
   ------------------------------------------------------------------------ */

/* 1. TOKENS
   ------------------------------------------------------------------------ */
:root {
  --gv-bg: #f0f2f5;
  --gv-surface: #fff;
  --gv-sunken: #f0f2f5;
  --gv-input: #f0f2f5;
  --gv-hover-bg: #f0f2f5;
  --gv-ink: #14161a;
  --gv-body: #2a2b2f;
  --gv-muted: #6b665f;
  --gv-faint: #a29c94;
  --gv-icon: #57524b;
  --gv-line: rgba(20, 22, 26, .07);
  --gv-line-strong: rgba(20, 22, 26, .12);
  /* --gv-coral* (theme color): section A0 */
  --gv-violet: #6c5ce7;
  --gv-violet-tint: #efedff;
  --gv-gold: #f5a524;
  --gv-gold-ink: #b86e00;
  --gv-gold-tint: #fff3dc;
  --gv-green: #12a150;
  --gv-green-tint: #e4f6eb;
  --gv-red: #e5484d;
  --gv-red-tint: #fdebec;
  /* always red, whatever the theme color */
  --gv-danger: #e3202f;
  --gv-danger-rgb: 227, 32, 47;
  --gv-danger-dark: #c00f1f;
  --gv-danger-darker: #a50b19;
  --gv-danger-soft: #ff8a92;
  --gv-grad: linear-gradient(135deg, var(--gv-coral), var(--gv-coral-dark));
  --gv-shadow: 0 18px 50px rgba(20, 22, 26, .055);
  --gv-shadow-sm: 0 6px 18px rgba(20, 22, 26, .06);
  --gv-hover: 0 26px 60px rgba(20, 22, 26, .10);
  --gv-popup: 0 26px 70px rgba(20, 22, 26, .18);
  --gv-radius: 24px;
  --gv-radius-sm: 16px;
}

/* Sngine + Bootstrap variables -> T1X2 palette (kills the default blue) */
body.t1x2-theme {
  --link-color: var(--gv-coral-dark);
  --plyr-color-main: var(--gv-coral);
  --body-bg-color: var(--gv-bg);
  --body-color: var(--gv-body);
  --bs-primary: var(--gv-coral);
  --bs-primary-rgb: var(--gv-coral-rgb);
  --bs-primary-text-emphasis: var(--gv-coral-emph);
  --bs-primary-bg-subtle: var(--gv-coral-tint);
  --bs-primary-border-subtle: var(--gv-coral-subtle);
  --bs-info: #6c5ce7;
  --bs-info-rgb: 108, 92, 231;
  --bs-link-color: var(--gv-coral-dark);
  --bs-link-color-rgb: var(--gv-coral-dark-rgb);
  --bs-link-hover-color: var(--gv-coral-ink);
  --bs-link-hover-color-rgb: var(--gv-coral-ink-rgb);
  --bs-focus-ring-color: rgba(var(--gv-coral-rgb), .25);
  --bs-border-radius: 14px;
  background: var(--gv-bg);
  color: var(--gv-body);
  font-family: "Poppins", sans-serif;
}

html {
  background: var(--gv-bg);
}

/* Generic links stay neutral. In nova's "base" layer: unlayered rules would beat every
   Tailwind utility of nova (text-primary, text-base-content! ...), whatever their specificity */
@layer base {
  :where(.t1x2-theme) a {
    color: inherit;
  }

  :where(.t1x2-theme) a:hover {
    color: var(--gv-coral-dark);
  }

  :where(.t1x2-theme) :is(.post-text, .comment-text) a,
  :where(.t1x2-theme) .text-link {
    color: var(--gv-coral-dark);
    font-weight: 500;
  }
}

::selection {
  background: rgba(var(--gv-coral-rgb), .22);
}

/* 4. LAYOUT: menu | feed | rail A (betting) | rail B (community)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-shell {
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 28px;
}

/* inner pages (Tipovi, Live, static pages, Blog) are centered and narrower on big
   screens; only the home page with its four columns uses the full width.
   1480 = menu 264 + article 820 + aside 300 + gaps and padding */
.t1x2-theme .gv-shell.gv-tp-page,
.t1x2-theme .gv-shell.gv-lv-page,
.t1x2-theme .gv-shell.gv-static,
.t1x2-theme .gv-shell.gv-blog,
.t1x2-theme .gv-shell.gv-bg-page {
  max-width: 1480px;
}

.t1x2-theme .gv-shell > .row {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  gap: 20px;
  margin: 0;
}

.t1x2-theme .gv-left-rail,
.t1x2-theme .gv-main-area,
.t1x2-theme .gv-feed-column,
.t1x2-theme .gv-right-rails {
  width: auto;
  max-width: none;
  min-width: 0;
  padding: 0;
}

.t1x2-theme .gv-main-area > .row {
  display: grid;
  grid-template-columns: minmax(520px, 1fr) minmax(0, 700px);
  gap: 20px;
  margin: 0;
}

.t1x2-theme .gv-right-rails {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.t1x2-theme .gv-rail-a,
.t1x2-theme .gv-rail-b {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.t1x2-theme .gv-rail-a > *,
.t1x2-theme .gv-rail-b > * {
  margin: 0 !important;
}

.t1x2-theme .gv-rail-a:empty,
.t1x2-theme .gv-rail-b:empty {
  display: none;
}

/* 5. LEFT MENU
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-menu-card {
  position: sticky;
  top: 86px;
  max-height: calc(100vh - 102px);
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid var(--gv-line);
  border-radius: 28px;
  box-shadow: var(--gv-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  z-index: 20;
}

.t1x2-theme .gv-collapse {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 2px 8px;
  padding: 8px 9px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 11px;
  font-weight: 600;
}

.t1x2-theme .gv-collapse:hover {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-me {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px 13px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-me img {
  width: 44px;
  height: 44px;
  flex: none;
  object-fit: cover;
  border: 3px solid var(--gv-surface);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--gv-coral);
}

.t1x2-theme .gv-me span {
  min-width: 0;
}

.t1x2-theme .gv-me strong,
.t1x2-theme .gv-me small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-me strong {
  color: var(--gv-ink);
  font-size: 13px;
}

.t1x2-theme .gv-me small {
  margin-top: 2px;
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .gv-menu {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

@supports not selector(::-webkit-scrollbar) {
  .t1x2-theme .gv-menu {
    scrollbar-width: thin;
  }
}

.t1x2-theme .gv-menu > a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  margin: 2px 0;
  padding: 9px 12px;
  border-radius: 14px;
  color: var(--gv-muted);
  font-size: 14px;
  font-weight: 500;
  transition: background .16s, color .16s;
}

.t1x2-theme .gv-menu > a i {
  width: 20px;
  text-align: center;
  font-size: 17px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-menu > a:hover {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-menu > a.active {
  color: var(--gv-coral-dark);
  background: var(--gv-coral-tint);
  font-weight: 700;
}

.t1x2-theme .gv-menu > a.active i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-menu > a.gv-pro-link i {
  color: var(--gv-gold);
}

.t1x2-theme .gv-menu-row {
  display: flex;
  align-items: center;
  gap: 2px;
}

.t1x2-theme .gv-menu-row > a,
.t1x2-theme .gv-menu-parent,
.t1x2-theme .gv-submenu > a {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 46px;
  margin: 2px 0;
  padding: 9px 12px;
  border: 0;
  border-radius: 14px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  transition: background .16s, color .16s;
}

.t1x2-theme .gv-menu-row > a i,
.t1x2-theme .gv-menu-parent i,
.t1x2-theme .gv-submenu > a i {
  width: 20px;
  text-align: center;
  font-size: 17px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-menu-row > a:hover,
.t1x2-theme .gv-menu-parent:hover,
.t1x2-theme .gv-submenu > a:hover {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-menu-row > a.active,
.t1x2-theme .gv-menu-parent.active {
  color: var(--gv-coral-dark);
  background: var(--gv-coral-tint);
  font-weight: 700;
}

.t1x2-theme .gv-menu-row > a.active i,
.t1x2-theme .gv-menu-parent.active i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-menu-toggle {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 11px;
  color: var(--gv-faint);
  background: transparent;
  font-size: 11px;
  transition: background .16s, color .16s;
}

.t1x2-theme .gv-menu-toggle:hover {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-menu-toggle i {
  transition: transform .2s;
}

.t1x2-theme .gv-menu-toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.t1x2-theme .gv-submenu {
  margin: 0 0 4px 21px;
  padding-left: 4px;
  border-left: 1px solid var(--gv-line-strong);
}

.t1x2-theme .gv-submenu[hidden] {
  display: none;
}

.t1x2-theme .gv-submenu > a {
  gap: 9px;
  min-height: 38px;
  padding: 7px 8px;
  font-size: 13px;
}

.t1x2-theme .gv-submenu > a i {
  font-size: 14px;
}

.t1x2-theme .gv-submenu > a.active {
  color: var(--gv-coral-dark);
  font-weight: 700;
}

.t1x2-theme .gv-submenu > a.active i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-menu span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-menu::-webkit-scrollbar {
  width: 5px;
}

.t1x2-theme .gv-menu::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-menu::-webkit-scrollbar-track {
  background: transparent;
}

.t1x2-theme .gv-menu-label {
  margin: 12px 12px 4px;
  color: var(--gv-faint);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.t1x2-theme .gv-menu-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.t1x2-theme .gv-create {
  flex: none;
  width: 100%;
  margin-top: 10px;
  padding: 14px;
  border: 0;
  border-radius: 15px;
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 10px 24px rgba(var(--gv-coral-rgb), .30);
  font-weight: 700;
}

.t1x2-theme .gv-create:hover {
  box-shadow: 0 14px 28px rgba(var(--gv-coral-rgb), .38);
}

.t1x2-theme .gv-create i {
  margin-right: 7px;
}

/* social networks at the bottom of the menu card */
.t1x2-theme .gv-social {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 12px 2px 0;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-social-label {
  color: var(--gv-faint);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-social-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.t1x2-theme .gv-social-links a {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 11px;
  color: var(--gv-icon);
  background: var(--gv-sunken);
  font-size: 15px;
  text-decoration: none;
  transition: color .15s, background .15s, transform .15s;
}

.t1x2-theme .gv-social-links a:hover {
  color: #fff;
  transform: translateY(-2px);
}

.t1x2-theme .gv-social-links a.is-instagram:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.t1x2-theme .gv-social-links a.is-tiktok:hover,
.t1x2-theme .gv-social-links a.is-x:hover {
  background: #111;
}

.t1x2-theme .gv-social-links a.is-facebook:hover {
  background: #1877f2;
}

.t1x2-theme.night-mode .gv-social-links a.is-tiktok:hover,
.t1x2-theme.night-mode .gv-social-links a.is-x:hover {
  color: #111;
  background: #fff;
}

/* Tipovi pages have only the Tipovi menu (also if an old tipovi.tpl is still cached) */
.t1x2-theme .gv-tp-page .gv-left-rail .gv-menu-card {
  display: none;
}

/* collapsed menu (desktop only; on phones the menu is Sngine's offcanvas) */
@media (min-width: 768px) {
  /* Tipovi pages have their own menu (no collapse): the saved state is ignored there */
  .t1x2-theme.gv-menu-collapsed .gv-shell:not(.gv-tp-page) > .row {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .t1x2-theme.gv-menu-collapsed .gv-me span,
  .t1x2-theme.gv-menu-collapsed .gv-menu a span,
  .t1x2-theme.gv-menu-collapsed .gv-menu-parent span,
  .t1x2-theme.gv-menu-collapsed .gv-menu-toggle,
  .t1x2-theme.gv-menu-collapsed .gv-submenu,
  .t1x2-theme.gv-menu-collapsed .gv-menu-label,
  .t1x2-theme.gv-menu-collapsed .gv-create span,
  .t1x2-theme.gv-menu-collapsed .gv-collapse span {
    display: none;
  }

  .t1x2-theme.gv-menu-collapsed .gv-menu-card {
    padding: 12px 10px;
  }

  .t1x2-theme.gv-menu-collapsed .gv-me,
  .t1x2-theme.gv-menu-collapsed .gv-collapse,
  .t1x2-theme.gv-menu-collapsed .gv-menu > a {
    justify-content: center;
  }

  .t1x2-theme.gv-menu-collapsed .gv-menu > a,
  .t1x2-theme.gv-menu-collapsed .gv-menu-row > a,
  .t1x2-theme.gv-menu-collapsed .gv-menu-parent {
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .t1x2-theme.gv-menu-collapsed .gv-menu > a i {
    width: auto;
  }

  .t1x2-theme.gv-menu-collapsed .gv-create i {
    margin: 0;
  }

  .t1x2-theme.gv-menu-collapsed .gv-social {
    padding: 10px 0 0;
  }

  .t1x2-theme.gv-menu-collapsed .gv-social-label {
    display: none;
  }

  .t1x2-theme.gv-menu-collapsed .gv-social-links {
    grid-template-columns: 1fr;
  }
}

/* 10. RAIL WIDGETS (Sngine lists: suggested friends/groups/pages, blogs…)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-right-rails .card:where(:not(.gv-nova *)) {
  border-radius: 22px;
}

.t1x2-theme .gv-right-rails .card-header:where(:not(.gv-nova *)) {
  padding: 16px 16px 6px;
  font-size: 14px;
  line-height: 1.3;
}

.t1x2-theme .gv-right-rails .card-header .float-end small a:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-right-rails .card-body:where(:not(.gv-nova *)) {
  padding: 10px 16px 14px;
  font-size: 13px;
}

.t1x2-theme .gv-right-rails .card-body.with-list:where(:not(.gv-nova *)) {
  padding: 2px 10px 8px;
}

.t1x2-theme .gv-right-rails .with-list > ul > li:where(:not(.gv-nova *)),
.t1x2-theme .gv-right-rails .with-list .feeds-item:where(:not(.gv-nova *)) {
  padding: 0;
  border: 0;
}

.t1x2-theme .gv-right-rails .with-list .data-container:where(:not(.gv-nova *)) {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  padding: 7px 6px;
  border-radius: 14px;
  transition: background .16s;
}

.t1x2-theme .gv-right-rails .with-list .data-container:hover:where(:not(.gv-nova *)) {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-right-rails .with-list .data-avatar:where(:not(.gv-nova *)) {
  float: none;
  flex: none;
}

.t1x2-theme .gv-right-rails .with-list .data-avatar img:where(:not(.gv-nova *)) {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 50%;
}

.t1x2-theme .gv-right-rails .with-list .data-content:where(:not(.gv-nova *)) {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  padding: 0;
  font-size: 11px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-right-rails .with-list .data-content > .float-end:where(:not(.gv-nova *)) {
  float: none !important;
  flex: none;
  margin: 0 !important;
}

.t1x2-theme .gv-right-rails .with-list .data-content > div:not(.float-end):where(:not(.gv-nova *)) {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-right-rails .with-list .data-content .name:where(:not(.gv-nova *)),
.t1x2-theme .gv-right-rails .with-list .data-content .name a:where(:not(.gv-nova *)) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 600;
}

.t1x2-theme .gv-right-rails .with-list .data-content .name a:hover:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark);
}

/* icon-only action buttons (add friend / join group / like page) */
.t1x2-theme .gv-right-rails .with-list .data-content .btn:where(:not(.gv-nova *)) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  background: var(--gv-input);
  color: var(--gv-ink);
  font-size: 11px;
  box-shadow: none;
}

.t1x2-theme .gv-right-rails .with-list .data-content .btn .svg-container:where(:not(.gv-nova *)) {
  width: 18px !important;
  height: 18px !important;
}

.t1x2-theme .gv-right-rails .with-list .data-content .btn:hover:where(:not(.gv-nova *)) {
  background: var(--gv-coral-tint);
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-right-rails .with-list .data-content .btn:hover .main-icon *:where(:not(.gv-nova *)) {
  fill: var(--gv-coral-dark) !important;
}

.t1x2-theme .gv-right-rails .with-list .data-content .btn-success:where(:not(.gv-nova *)),
.t1x2-theme .gv-right-rails .with-list .data-content .btn-primary:where(:not(.gv-nova *)) {
  background: var(--gv-grad);
  color: #fff;
}

/* card header with an icon chip (trending…) */
.t1x2-theme .gv-card-head:where(:not(.gv-nova *)) {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* trending hashtags */
.t1x2-theme .gv-trending .card-body:where(:not(.gv-nova *)) {
  padding: 4px 10px 10px;
}

.t1x2-theme .gv-trending .trending-item:where(:not(.gv-nova *)) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 8px;
  border-radius: 12px;
  transition: background .16s;
}

.t1x2-theme .gv-trending .trending-item:hover:where(:not(.gv-nova *)) {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-trending .trending-item .hash:where(:not(.gv-nova *)) {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-trending .trending-item:hover .hash:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark);
  text-decoration: none;
}

.t1x2-theme .gv-trending .trending-item .frequency:where(:not(.gv-nova *)) {
  flex: none;
  padding: 3px 8px;
  border-radius: 999px;
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
  font-size: 10px;
  font-weight: 700;
}

.t1x2-theme .gv-right-rails .footer-mini:where(:not(.gv-nova *)),
.t1x2-theme .gv-right-rails .mini-footer:where(:not(.gv-nova *)) {
  padding: 4px 8px;
  color: var(--gv-faint);
  font-size: 11px;
}

/* 11. BETTING WIDGETS (Tip dana, Tiket dana, Tabela tipstera)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-widget {
  min-width: 0;
  max-width: 100%;
  padding: 16px;
  margin: 0;
  overflow: hidden;
}

.t1x2-theme .gv-widget-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.t1x2-theme .gv-widget-head h3 {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.1px;
}

.t1x2-theme .gv-widget-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 11px;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
  font-size: 14px;
}

.t1x2-theme .gv-widget-icon.gv-icon-violet {
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
}

.t1x2-theme .gv-widget-icon.gv-icon-green {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-widget-icon.gv-icon-gold {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-widget-date {
  flex: none;
  padding: 4px 9px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 10px;
  color: var(--gv-body);
  background: var(--gv-input);
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-chip i {
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .gv-chip-odd {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-chip-odd b {
  font-weight: 700;
}

.t1x2-theme .gv-chip-pick {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-chip-pick b {
  color: var(--gv-ink);
  font-weight: 800;
}

/* the pick turns green / red only once the tip is settled */
.t1x2-theme .gv-tip.is-won .gv-chip-pick b { color: var(--gv-green); }
.t1x2-theme .gv-tip.is-lost .gv-chip-pick b { color: var(--gv-red); }
.t1x2-theme .gv-tip.is-void .gv-chip-pick b { color: var(--gv-muted); }

/* Tip dana result (from php/cron/tip_dana_widget.html) */
.t1x2-theme .gv-tip-status {
  font-weight: 700;
}

.t1x2-theme .gv-tip-status.is-won { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-tip-status.is-lost { color: var(--gv-red); background: var(--gv-red-tint); }
.t1x2-theme .gv-tip-status.is-void { color: var(--gv-muted); background: var(--gv-input); }
.t1x2-theme .gv-tip-status i { color: inherit; }

/* missed Tip dana / Tiket dana: only the X */
.t1x2-theme .gv-tip-status.is-x,
.t1x2-theme .gv-badge.is-x {
  justify-content: center;
  gap: 0;
  min-width: 28px;
  padding-right: 8px;
  padding-left: 8px;
}

.t1x2-theme .gv-pos {
  color: var(--gv-green);
  font-weight: 700;
}

/* shared initials avatar */
.t1x2-theme .gv-avatar {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2px;
  background: linear-gradient(135deg, #f0525c, #ff9f43);
}

.t1x2-theme .gv-av-2 { background: linear-gradient(135deg, #c77dff, #9b3fd6); }
.t1x2-theme .gv-av-3 { background: linear-gradient(135deg, #2ed3a2, #0ca678); }
.t1x2-theme .gv-av-4 { background: linear-gradient(135deg, #fcc93a, #f08c00); }
.t1x2-theme .gv-av-5 { background: linear-gradient(135deg, #f783ac, #d6336c); }
.t1x2-theme .gv-av-6 { background: linear-gradient(135deg, #7b8599, #3f4a5f); }

/* Tip dana */
.t1x2-theme .gv-tip-league {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tip-league i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-tip-match {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 7px;
  margin: 6px 0 10px;
  color: var(--gv-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.t1x2-theme .gv-tip-match em {
  color: var(--gv-faint);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

.t1x2-theme .gv-tip-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-tip-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--gv-line-strong);
}

.t1x2-theme .gv-tip-author {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tip-author strong,
.t1x2-theme .gv-tip-author small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tip-author strong {
  color: var(--gv-coral-ink);
  font-size: 13px;
}

/* the tipster's profile (cron_tip_dana_widget.php) */
.t1x2-theme .gv-tip-author strong a {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-tip-author strong a:hover {
  text-decoration: underline;
}

.t1x2-theme .gv-tip-author small {
  color: var(--gv-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-arrow-link {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  color: #fff !important;
  background: var(--gv-grad);
  box-shadow: 0 8px 18px rgba(var(--gv-coral-rgb), .28);
  transition: box-shadow .16s;
}

.t1x2-theme .gv-arrow-link:hover {
  box-shadow: 0 10px 22px rgba(var(--gv-coral-rgb), .42);
}

/* Tiket dana */
.t1x2-theme .gv-ticket-list {
  margin: 0 -6px;
}

.t1x2-theme .gv-ticket-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto 36px;
  align-items: center;
  gap: 8px;
  padding: 7px 6px;
  border-radius: 12px;
}

.t1x2-theme .gv-ticket-list li + li {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-ticket-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 10px;
}

.t1x2-theme .is-won .gv-ticket-status {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .is-lost .gv-ticket-status {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-ticket-main {
  min-width: 0;
}

.t1x2-theme .gv-ticket-main strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-ticket-main small {
  display: flex;
  margin-top: 1px;
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  color: var(--gv-faint);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ticket-pick {
  padding: 3px 7px;
  border-radius: 8px;
  color: var(--gv-ink);
  background: var(--gv-input);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .is-won .gv-ticket-pick {
  color: #0b7a3b;
  background: var(--gv-green-tint);
  box-shadow: none;
}

.t1x2-theme .is-lost .gv-ticket-pick {
  color: var(--gv-red);
  background: var(--gv-red-tint);
  box-shadow: none;
}

.t1x2-theme .is-void .gv-ticket-pick {
  color: var(--gv-muted);
  box-shadow: none;
}

.t1x2-theme .gv-ticket-odd {
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ticket-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-ticket-total-label {
  white-space: nowrap;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 600;
}

.t1x2-theme .gv-ticket-total-label b {
  margin-left: 4px;
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-badge-won {
  color: #0b7a3b;
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-badge-lost {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-widget-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 10px;
  padding: 9px;
  border-radius: 12px;
  color: var(--gv-coral-dark) !important;
  font-size: 12px;
  font-weight: 700;
  transition: background .16s;
}

.t1x2-theme .gv-widget-link:hover {
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-widget-link i {
  font-size: 11px;
}

/* segmented tabs */
.t1x2-theme .gv-seg {
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: 4px;
  margin-bottom: 8px;
  padding: 4px;
  border-radius: 14px;
  background: var(--gv-input);
}

.t1x2-theme .gv-seg button {
  padding: 7px 8px;
  white-space: nowrap;
  border: 0;
  border-radius: 10px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  transition: background .16s, color .16s, box-shadow .16s;
}

.t1x2-theme .gv-seg button:hover {
  color: var(--gv-ink);
}

.t1x2-theme .gv-seg button.active {
  color: var(--gv-coral-dark);
  background: var(--gv-surface);
  box-shadow: 0 2px 8px rgba(20, 22, 26, .08);
}

.t1x2-theme .gv-seg button:focus-visible,
.t1x2-theme .gv-more:focus-visible,
.t1x2-theme .gv-modal-close:focus-visible {
  outline: 2px solid var(--gv-coral);
  outline-offset: 2px;
}

/* ranked list */
.t1x2-theme .gv-rank {
  margin: 0 -6px;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-rank[hidden],
.t1x2-theme [data-gv-pane][hidden] {
  display: none !important;
}

.t1x2-theme .gv-rank li {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px;
  border-radius: 12px;
  transition: background .16s;
}

.t1x2-theme .gv-rank li:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-rank-no {
  flex: none;
  width: 20px;
  color: var(--gv-faint);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-rank li:nth-child(-n+3) .gv-rank-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
}

.t1x2-theme .gv-rank li:nth-child(1) .gv-rank-no { background: linear-gradient(135deg, #ffd35c, #f5a524); }
.t1x2-theme .gv-rank li:nth-child(2) .gv-rank-no { background: linear-gradient(135deg, #cfd4dc, #9aa3b1); }
.t1x2-theme .gv-rank li:nth-child(3) .gv-rank-no { background: linear-gradient(135deg, #f0b27a, #c97b3c); }

.t1x2-theme .gv-rank .gv-avatar {
  width: 32px;
  height: 32px;
  font-size: 10px;
}

.t1x2-theme .gv-rank-main {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-rank-main strong,
.t1x2-theme .gv-rank-main small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-rank-main strong,
.t1x2-theme .gv-rank-who strong {
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-rank em {
  color: var(--gv-faint);
  font-style: normal;
  font-weight: 500;
}

.t1x2-theme .gv-rank-main small {
  color: var(--gv-muted);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-rank-side {
  flex: none;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-rank-side b,
.t1x2-theme .gv-rank-side small {
  display: block;
}

.t1x2-theme .gv-rank-side b {
  color: var(--gv-green);
  font-size: 12px;
}

.t1x2-theme .gv-rank-side small {
  color: var(--gv-muted);
  font-size: 10px;
  font-weight: 600;
}

/* with gifts the € amount leads (the table is sorted by it), profit below */
.t1x2-theme .gv-rank-side b.is-gift {
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
}

.t1x2-theme .gv-rank-side small.is-profit {
  color: var(--gv-green);
  font-size: 10.5px;
  font-weight: 700;
}

.t1x2-theme .gv-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  border: 0;
  border-radius: 13px;
  color: var(--gv-coral-dark);
  background: var(--gv-coral-tint);
  font-size: 12px;
  font-weight: 700;
  transition: background .16s, color .16s;
}

.t1x2-theme .gv-more:hover {
  color: #fff;
  background: var(--gv-grad);
}

.t1x2-theme .gv-more i {
  font-size: 10px;
}

/* Top 20 modal */
.t1x2-theme .gv-modal .modal-dialog {
  max-width: 560px;
}

/* own content box (not .modal-content, see _t1x2_betting.tpl) */
.t1x2-theme .gv-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  pointer-events: auto;
  color: var(--gv-body);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  border-radius: 26px;
  box-shadow: var(--gv-popup);
}

.t1x2-theme .gv-modal .modal-body {
  overflow-y: auto;
}

.t1x2-theme .gv-modal-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 22px 12px;
}

.t1x2-theme .gv-modal-head h5 {
  flex: 1;
  margin: 0;
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 700;
}

.t1x2-theme .gv-modal-head h5 span {
  color: var(--gv-faint);
  font-weight: 600;
}

.t1x2-theme .gv-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 16px;
  transition: background .16s;
}

.t1x2-theme .gv-modal-close:hover {
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-seg-modal {
  margin: 0 22px 6px;
}

.t1x2-theme .gv-modal .modal-body {
  padding: 4px 16px 18px;
}

.t1x2-theme .gv-table-head,
.t1x2-theme .gv-rank-table li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 52px 58px 58px 62px;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .gv-table-head {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 6px;
  background: var(--gv-surface);
  border-bottom: 1px solid var(--gv-line);
  color: var(--gv-faint);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.t1x2-theme .gv-table-head span:nth-child(n+3),
.t1x2-theme .gv-rank-table li > span:nth-child(n+3) {
  text-align: right;
}

.t1x2-theme .gv-rank-table {
  margin: 4px 0 0;
}

.t1x2-theme .gv-rank-table li {
  padding: 7px 6px;
}

.t1x2-theme .gv-rank-table li:nth-child(even) {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-rank-table li:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-rank-who {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.t1x2-theme .gv-rank-who strong {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
}

.t1x2-theme .gv-rank-table .gv-col-record,
.t1x2-theme .gv-rank-table .gv-col-percent {
  color: var(--gv-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-rank-table .gv-col-profit {
  color: var(--gv-green);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-rank-table .gv-col-earned {
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-avatar.has-img {
  position: relative;
  overflow: hidden;
}

.t1x2-theme .gv-avatar.has-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: var(--gv-input);
}

.t1x2-theme .gv-rank-name {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-rank-name:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-mult {
  display: inline-block;
  margin-left: 2px;
  padding: 0 6px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-green);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 15px;
  vertical-align: 1px;
}

.t1x2-theme .gv-rank .is-ok { color: var(--gv-green); }
.t1x2-theme .gv-rank .is-low { color: var(--gv-red); }

.t1x2-theme .gv-rank-empty {
  justify-content: center;
  padding: 16px 0;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-show-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 14px;
  padding: 12px;
}

/* horizontal scroll areas (stories, ranking chips): slim themed scrollbar */
.t1x2-theme .gv-hscroll {
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

/* Firefox only: in Chromium the standard properties would disable the
   ::-webkit-scrollbar styling below */
@supports not selector(::-webkit-scrollbar) {
  .t1x2-theme .gv-hscroll {
    scrollbar-width: thin;
    scrollbar-color: var(--gv-line-strong) transparent;
  }

  .t1x2-theme .gv-hscroll:hover {
    scrollbar-color: rgba(var(--gv-coral-rgb), .55) transparent;
  }
}

.t1x2-theme .gv-hscroll::-webkit-scrollbar {
  height: 6px;
}

.t1x2-theme .gv-hscroll::-webkit-scrollbar-track {
  margin: 0 16px;
  border-radius: 999px;
  background: var(--gv-input);
}

.t1x2-theme .gv-hscroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-hscroll:hover::-webkit-scrollbar-thumb {
  background: var(--gv-grad);
}

.t1x2-theme .gv-hscroll::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* Aktivni tipovi: accordion of matches */
.t1x2-theme .gv-match-list {
  margin: 0 -6px;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-match + .gv-match {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-match-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 18px 12px;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 6px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-ink);
  background: transparent;
  text-align: left;
  transition: background .16s;
}

.t1x2-theme .gv-match-head:hover,
.t1x2-theme .gv-match-head[aria-expanded="true"] {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-match-head:focus-visible,
.t1x2-theme .gv-tip-row:focus-visible {
  outline: 2px solid var(--gv-coral);
  outline-offset: -2px;
}

.t1x2-theme .gv-match-time {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-match-name {
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-match-count {
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-match-count.is-hot {
  color: #fff;
  background: var(--gv-grad);
}

.t1x2-theme .gv-match-sport {
  font-size: 13px;
  line-height: 1;
  text-align: center;
}

.t1x2-theme .gv-match-chevron {
  color: var(--gv-faint);
  font-size: 10px;
  transition: transform .2s;
}

.t1x2-theme .gv-match-head[aria-expanded="true"] .gv-match-chevron {
  color: var(--gv-coral-dark);
  transform: rotate(180deg);
}

.t1x2-theme .gv-match-panel {
  margin: 2px 0 8px;
  padding: 6px;
  border-radius: 14px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-match-panel[hidden] {
  display: none;
}

.t1x2-theme .gv-match-league {
  padding: 2px 6px 6px;
  color: var(--gv-faint);
  font-size: 10px;
  font-weight: 600;
  text-align: right;
}

.t1x2-theme .gv-tip-row {
  display: grid;
  grid-template-columns: 84px 34px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  border-radius: 10px;
  color: var(--gv-body);
  background: transparent;
  text-align: left;
  transition: background .16s, box-shadow .16s;
}

.t1x2-theme .gv-tip-row + .gv-tip-row {
  margin-top: 2px;
}

.t1x2-theme .gv-tip-row:hover {
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-tip-row.is-active {
  background: var(--gv-coral-tint);
  box-shadow: inset 3px 0 0 var(--gv-coral);
}

.t1x2-theme .gv-tip-game {
  justify-self: start;
  max-width: 100%;
  overflow: hidden;
  padding: 3px 7px;
  border-radius: 8px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-flag-star {
  color: var(--gv-gold);
}

.t1x2-theme .gv-flag-stats {
  color: var(--gv-coral);
}

.t1x2-theme .gv-tip-odd {
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tip-who {
  min-width: 0;
}

.t1x2-theme .gv-tip-who strong,
.t1x2-theme .gv-tip-who small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tip-who strong {
  color: var(--gv-ink);
  font-size: 11px;
}

.t1x2-theme .gv-tip-who small {
  color: var(--gv-muted);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tip-profit,
.t1x2-theme .gv-neg,
.t1x2-theme .gv-pos {
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tip-profit.is-pos,
.t1x2-theme .gv-pos {
  color: var(--gv-green);
}

.t1x2-theme .gv-tip-profit.is-neg,
.t1x2-theme .gv-neg {
  color: var(--gv-red);
}

/* analysis bottom sheet (iOS style), placed over the feed column by t1x2.js */
.t1x2-theme .gv-sheet {
  position: fixed;
  bottom: 0;
  left: var(--gv-sheet-left, 0);
  z-index: 1045;
  display: flex;
  flex-direction: column;
  width: var(--gv-sheet-width, 100%);
  /* at least ~half the screen, so a short analysis isn't stuck at the bottom */
  min-height: min(max(55vh, 400px), calc(100vh - 90px));
  max-height: calc(100vh - 90px);
  border: 1px solid var(--gv-line);
  border-bottom: 0;
  border-radius: 26px 26px 0 0;
  background: var(--gv-surface);
  box-shadow: 0 -20px 60px rgba(20, 22, 26, .22);
  transform: translateY(calc(100% + 24px));
  visibility: hidden;
  transition: transform .34s cubic-bezier(.2, .85, .25, 1), visibility 0s linear .34s;
}

.t1x2-theme .gv-sheet.is-open {
  transform: translateY(var(--gv-sheet-drag, 0px));
  visibility: visible;
  transition: transform .34s cubic-bezier(.2, .85, .25, 1), visibility 0s;
}

.t1x2-theme .gv-sheet.is-dragging {
  transition: none;
}

.t1x2-theme .gv-sheet-grab {
  flex: none;
  display: flex;
  justify-content: center;
  padding: 10px 0 6px;
  cursor: grab;
  touch-action: none;
}

.t1x2-theme .gv-sheet-grab span {
  width: 44px;
  height: 5px;
  border-radius: 999px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-sheet-close {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 14px;
}

.t1x2-theme .gv-sheet-close:hover {
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-sheet-body {
  flex: 1;
  min-height: 0;
  padding: 4px 24px 28px;
  overflow-y: auto;
  overscroll-behavior: contain;
  outline: none;
  scrollbar-width: thin;
  scrollbar-color: var(--gv-line-strong) transparent;
  transition: opacity .18s;
}

.t1x2-theme .gv-sheet-body.is-swapping {
  opacity: 0;
}

.t1x2-theme .gv-sheet-head {
  position: sticky;
  top: -4px;
  z-index: 1;
  margin: 0 -24px 14px;
  padding: 4px 64px 14px 24px;
  border-bottom: 1px solid var(--gv-line);
  background: var(--gv-surface);
}

.t1x2-theme .gv-sheet-league {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 600;
}

.t1x2-theme .gv-sheet-title {
  margin: 4px 0 10px;
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.2px;
}

.t1x2-theme .gv-sheet-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-chip-game {
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-sheet-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.t1x2-theme .gv-sheet-author > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-sheet-author strong,
.t1x2-theme .gv-sheet-author small {
  display: block;
}

.t1x2-theme .gv-sheet-author strong {
  color: var(--gv-coral-ink);
  font-size: 13px;
}

.t1x2-theme .gv-sheet-author small {
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .gv-sheet-more {
  padding: 4px 9px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 10px;
  font-weight: 700;
}

.t1x2-theme .gv-sheet-text {
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.7;
}

.t1x2-theme .gv-sheet-text p {
  margin: 0 0 12px;
}

.t1x2-theme .gv-sheet-loading {
  padding: 40px 0;
  color: var(--gv-muted);
  text-align: center;
}

/* Cbox live chat */
.t1x2-theme .gv-chat-widget {
  padding-bottom: 12px;
}

.t1x2-theme .gv-chat-frame {
  margin: 0 -4px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--gv-surface);
}

.t1x2-theme .gv-chat-frame iframe {
  display: block;
  width: 100%;
  height: 502px;
  border: 0;
  overflow: hidden;
}

/* 11b. COMMUNITY WIDGETS (Najviše zahvalnica, Ranking, Poslednji komentari)
   ------------------------------------------------------------------------ */

/* Najviše zahvalnica: the one dark "featured" card of the rail */
.t1x2-theme .gv-thanks {
  position: relative;
  color: rgba(255, 255, 255, .78);
  border: 0;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(var(--gv-coral-rgb), .55), transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(245, 165, 36, .18), transparent 60%),
    linear-gradient(155deg, #23252c, #121317);
  box-shadow: 0 20px 44px rgba(20, 22, 26, .22);
}

.t1x2-theme .gv-thanks-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.t1x2-theme .gv-thanks-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.t1x2-theme .gv-thanks-label i {
  color: #ffc35c;
  font-size: 12px;
}

.t1x2-theme .gv-thanks-count {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 6px 16px rgba(var(--gv-coral-rgb), .45);
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-thanks-count i {
  font-size: 10px;
}

.t1x2-theme button.gv-thanks-match,
.t1x2-theme button.gv-bubble-match,
.t1x2-theme button.gv-thanks-more {
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.t1x2-theme .gv-thanks-footer strong a,
.t1x2-theme a.gv-podium-name,
.t1x2-theme a.gv-bubble-user {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme a.gv-podium-name:hover,
.t1x2-theme a.gv-bubble-user:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme a.gv-bubble-user {
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-chat-empty {
  justify-content: center;
  padding: 12px 0;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme a.gv-thanks-match,
.t1x2-theme button.gv-thanks-match {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.2px;
}

.t1x2-theme a.gv-thanks-match:hover,
.t1x2-theme button.gv-thanks-match:hover {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, .4);
}

.t1x2-theme .gv-thanks-match em {
  color: rgba(255, 255, 255, .45);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

.t1x2-theme .gv-thanks-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: rgba(255, 255, 255, .55);
  font-size: 11px;
}

.t1x2-theme .gv-thanks-stats {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 6px;
  margin: 12px 0 10px;
}

.t1x2-theme .gv-thanks-stats > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 7px 11px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.t1x2-theme .gv-thanks-stats small {
  color: rgba(255, 255, 255, .5);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-thanks-stats b {
  color: #fff;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-thanks-conf small b {
  font-size: 11px;
}

.t1x2-theme .gv-meter {
  display: block;
  height: 6px;
  margin-top: 3px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, #f5a524, var(--gv-coral)) 0 0 / var(--gv-meter, 0%) 100% no-repeat,
    rgba(255, 255, 255, .12);
}

.t1x2-theme .gv-thanks-text {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, .7);
  font-size: 12px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-thanks-footer {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.t1x2-theme .gv-thanks-footer .gv-avatar {
  width: 30px;
  height: 30px;
  font-size: 10px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .15);
}

.t1x2-theme .gv-thanks-footer strong {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-thanks-footer > a,
.t1x2-theme .gv-thanks-footer .gv-thanks-more {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 11px;
  color: #fff !important;
  background: rgba(255, 255, 255, .1);
  font-size: 11px;
  font-weight: 700;
  transition: background .16s;
}

.t1x2-theme .gv-thanks-footer > a:hover,
.t1x2-theme .gv-thanks-footer .gv-thanks-more:hover {
  background: rgba(255, 255, 255, .18);
}

/* Ranking: 4 icon tabs (no scrolling) + podium */
.t1x2-theme .gv-icon-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: var(--gv-input);
}

.t1x2-theme .gv-icon-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 0;
  border-radius: 10px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 14px;
  transition: background .16s, color .16s, box-shadow .16s;
}

.t1x2-theme .gv-icon-tabs button:hover {
  color: var(--gv-ink);
}

.t1x2-theme .gv-icon-tabs button.active {
  color: var(--gv-coral-dark);
  background: var(--gv-surface);
  box-shadow: 0 2px 8px rgba(20, 22, 26, .08);
}

.t1x2-theme .gv-icon-tabs button:focus-visible {
  outline: 2px solid var(--gv-coral);
  outline-offset: 2px;
}

.t1x2-theme .gv-board-title {
  margin: 10px 0 0;
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.t1x2-theme .gv-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-podium li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  text-align: center;
}

.t1x2-theme .gv-podium .gv-avatar {
  width: 40px;
  height: 40px;
  font-size: 12px;
  box-shadow: 0 0 0 3px var(--gv-surface), 0 6px 14px rgba(20, 22, 26, .15);
}

.t1x2-theme .gv-podium-1 .gv-avatar {
  width: 50px;
  height: 50px;
  font-size: 14px;
  box-shadow: 0 0 0 3px var(--gv-surface), 0 0 0 5px #f5a524, 0 8px 18px rgba(245, 165, 36, .3);
}

.t1x2-theme .gv-crown {
  margin-bottom: 3px;
  color: #f5a524;
  font-size: 14px;
}

.t1x2-theme .gv-podium strong {
  max-width: 100%;
  margin-top: 7px;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-podium b {
  margin-bottom: 6px;
  color: var(--gv-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-step {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 30px;
  padding-top: 5px;
  border-radius: 12px 12px 4px 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  background: linear-gradient(180deg, #d9a066, #c27a3a);
}

.t1x2-theme .gv-podium-1 .gv-step {
  height: 50px;
  background: linear-gradient(180deg, #ffcf55, #f09a12);
}

.t1x2-theme .gv-podium-2 .gv-step {
  height: 40px;
  background: linear-gradient(180deg, #c9ced8, #9aa3b1);
}

.t1x2-theme .gv-board-unit {
  margin-top: 8px;
  color: var(--gv-faint);
  font-size: 10px;
  text-align: center;
}

/* Poslednji komentari: conversation bubbles */
.t1x2-theme .gv-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-coral-dark);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gv-coral);
  box-shadow: 0 0 0 0 rgba(var(--gv-coral-rgb), .5);
  animation: gv-pulse 1.8s infinite;
}

@keyframes gv-pulse {
  70% { box-shadow: 0 0 0 7px rgba(var(--gv-coral-rgb), 0); }
  100% { box-shadow: 0 0 0 0 rgba(var(--gv-coral-rgb), 0); }
}

.t1x2-theme .gv-chat {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-chat li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.t1x2-theme .gv-chat .gv-avatar {
  width: 30px;
  height: 30px;
  margin-top: 2px;
  font-size: 10px;
}

.t1x2-theme .gv-bubble {
  flex: 1;
  min-width: 0;
  padding: 8px 11px 9px;
  border-radius: 4px 16px 16px 16px;
  background: var(--gv-input);
}

.t1x2-theme a.gv-bubble-match,
.t1x2-theme button.gv-bubble-match {
  display: flex;
  max-width: 100%;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  color: var(--gv-coral-dark);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-bubble p {
  display: -webkit-box;
  margin: 3px 0 0;
  overflow: hidden;
  color: var(--gv-body);
  font-size: 12px;
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bubble p strong {
  color: var(--gv-ink);
}

/* 11c. STATIC PAGES (articles)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-static-grid {
  display: grid;
  grid-template-columns: minmax(0, 820px) 300px;
  align-items: start;
  gap: 20px;
}

.t1x2-theme .gv-article {
  min-width: 0;
  padding: 26px 34px 30px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow);
}

.t1x2-theme .gv-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--gv-faint);
  font-size: 12px;
}

.t1x2-theme .gv-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-muted);
  font-weight: 600;
}

.t1x2-theme .gv-breadcrumb a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-breadcrumb > i {
  font-size: 8px;
}

.t1x2-theme .gv-breadcrumb span {
  color: var(--gv-ink);
  font-weight: 600;
}

.t1x2-theme .gv-article-head {
  position: relative;
  margin: 0 -34px 24px;
  padding: 0 34px 22px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-article-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 11px;
  border-radius: 999px;
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-article-head h1 {
  margin: 12px 0 14px;
  color: var(--gv-ink);
  font-size: clamp(24px, 2.6vw, 33px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.6px;
}

.t1x2-theme .gv-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-article-meta > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .gv-article-share {
  display: flex;
  gap: 6px;
}

.t1x2-theme .gv-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  color: var(--gv-ink) !important;
  background: var(--gv-input);
  font-size: 13px;
  transition: background .16s, color .16s;
}

.t1x2-theme .gv-share-btn:hover,
.t1x2-theme .gv-share-btn.is-done {
  color: #fff !important;
  background: var(--gv-coral);
}

.t1x2-theme .gv-toc {
  margin: 0 0 24px;
  padding: 14px 18px;
  border-radius: 16px;
  background: var(--gv-sunken);
  box-shadow: inset 3px 0 0 var(--gv-coral), inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-toc[hidden] {
  display: none;
}

.t1x2-theme .gv-toc strong {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  color: var(--gv-ink);
  font-size: 13px;
}

.t1x2-theme .gv-toc ol {
  margin: 0;
  padding-left: 20px;
  color: var(--gv-muted);
  font-size: 13px;
  line-height: 1.8;
}

.t1x2-theme .gv-toc a {
  color: var(--gv-body);
}

.t1x2-theme .gv-toc a:hover {
  color: var(--gv-coral-dark);
}

/* readable text: ~74 characters per line on text blocks, calm size
   (static pages 15px, blog articles a little smaller: 14.5px);
   embedded widgets (e.g. Pad kvota) may use the full width */
.t1x2-theme .gv-article-body > p,
.t1x2-theme .gv-article-body > ul,
.t1x2-theme .gv-article-body > ol,
.t1x2-theme .gv-article-body > h2,
.t1x2-theme .gv-article-body > h3,
.t1x2-theme .gv-article-body > h4,
.t1x2-theme .gv-article-body > blockquote {
  max-width: 74ch;
}

.t1x2-theme .gv-article-body {
  color: var(--gv-body);
  font-size: 15px !important;
  line-height: 1.75;
}

.t1x2-theme .gv-article-body.gv-bl-body {
  font-size: 14.5px !important;
}

.t1x2-theme .gv-article-body .gv-empty-p {
  display: none;
}

.t1x2-theme .gv-article-body > *:first-child {
  margin-top: 0;
}

.t1x2-theme .gv-article-body p {
  margin: 0 0 1.05em;
}

.t1x2-theme .gv-article-body > p:first-of-type {
  color: var(--gv-ink);
  font-size: 16px;
  line-height: 1.7;
}

.t1x2-theme .gv-article-body.gv-bl-body > p:first-of-type {
  font-size: 15.5px;
}

.t1x2-theme .gv-article-body h2,
.t1x2-theme .gv-article-body h3,
.t1x2-theme .gv-article-body h4,
.t1x2-theme .gv-article-body .gv-sub-heading {
  margin: 1.8em 0 .6em;
  color: var(--gv-ink);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.2px;
  scroll-margin-top: 90px;
}

.t1x2-theme .gv-article-body h2 { font-size: 21px; }
.t1x2-theme .gv-article-body h3,
.t1x2-theme .gv-article-body .gv-sub-heading { font-size: 17.5px; }
.t1x2-theme .gv-article-body h4 { font-size: 15.5px; }
.t1x2-theme .gv-bl-body.gv-article-body h2 { font-size: 20px; }
.t1x2-theme .gv-bl-body.gv-article-body h3,
.t1x2-theme .gv-bl-body.gv-article-body .gv-sub-heading { font-size: 17px; }
.t1x2-theme .gv-bl-body.gv-article-body h4 { font-size: 15px; }

.t1x2-theme .gv-article-body .gv-sub-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

.t1x2-theme .gv-article-body .gv-sub-heading::before {
  content: "";
  flex: none;
  width: 4px;
  height: 1.1em;
  border-radius: 4px;
  background: var(--gv-grad);
}

.t1x2-theme .gv-article-body a {
  color: var(--gv-coral-dark);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(var(--gv-coral-rgb), .3);
  text-underline-offset: 3px;
}

.t1x2-theme .gv-article-body blockquote {
  margin: 1.4em 0;
  padding: 14px 18px;
  border: 0;
  border-radius: 14px;
  color: var(--gv-ink);
  background: var(--gv-coral-tint);
  font-weight: 500;
}

.t1x2-theme .gv-article-body ul,
.t1x2-theme .gv-article-body ol {
  margin: 0 0 1.1em;
  padding-left: 1.3em;
}

.t1x2-theme .gv-article-body li {
  margin-bottom: .35em;
}

.t1x2-theme .gv-article-body li::marker {
  color: var(--gv-coral);
}

.t1x2-theme .gv-article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

.t1x2-theme .gv-article-body hr {
  margin: 2em 0;
  border-color: var(--gv-line-strong);
}

.t1x2-theme .gv-more-pages {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-more-pages h2 {
  margin: 0 0 12px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-more-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.t1x2-theme .gv-more-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  color: var(--gv-ink);
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow .16s, background .16s;
}

.t1x2-theme .gv-more-card:hover {
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line), var(--gv-shadow-sm);
}

.t1x2-theme .gv-more-card > span:nth-child(2) {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-more-card > i {
  color: var(--gv-coral);
  font-size: 11px;
}

.t1x2-theme .gv-more-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-more-icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/* aside */
.t1x2-theme .gv-static-aside {
  position: sticky;
  top: 86px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.t1x2-theme .gv-static-aside > .card {
  margin: 0;
}

.t1x2-theme .gv-join {
  color: rgba(255, 255, 255, .78);
  border: 0;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(var(--gv-coral-rgb), .6), transparent 55%),
    linear-gradient(155deg, #23252c, #121317);
}

.t1x2-theme .gv-join-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ffc35c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.t1x2-theme .gv-join h3 {
  margin: 8px 0 6px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.t1x2-theme .gv-join p {
  margin: 0 0 14px;
  font-size: 12.5px;
  line-height: 1.55;
}

.t1x2-theme .gv-join-btn {
  width: 100%;
  padding: 11px;
}

.t1x2-theme a.gv-join-login {
  display: block;
  margin-top: 10px;
  color: rgba(255, 255, 255, .7);
  font-size: 12px;
  text-align: center;
}

.t1x2-theme a.gv-join-login:hover {
  color: #fff;
}

.t1x2-theme .gv-explore-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 -6px;
}

.t1x2-theme .gv-explore-list a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 6px;
  border-radius: 12px;
  transition: background .16s;
}

.t1x2-theme .gv-explore-list a:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-explore-list strong,
.t1x2-theme .gv-explore-list small {
  display: block;
}

.t1x2-theme .gv-explore-list strong {
  color: var(--gv-ink);
  font-size: 13px;
}

.t1x2-theme .gv-explore-list small {
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .gv-explore-ico {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
  font-size: 14px;
}

.t1x2-theme .gv-explore-ico.gv-ico-gold { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }
.t1x2-theme .gv-explore-ico.gv-ico-green { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-explore-ico.gv-ico-violet { color: var(--gv-violet); background: var(--gv-violet-tint); }

.t1x2-theme .gv-pages-list nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-pages-list nav a {
  padding: 6px 11px;
  border-radius: 999px;
  color: var(--gv-body);
  background: var(--gv-input);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-pages-list nav a:hover,
.t1x2-theme .gv-pages-list nav a.active {
  color: #fff;
  background: var(--gv-coral);
}

.t1x2-theme a.gv-back-home {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme a.gv-back-home:hover {
  color: var(--gv-coral-dark);
}

@media (max-width: 1279.98px) {
  .t1x2-theme .gv-static-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-static-aside {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    align-items: start;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-article {
    padding: 20px 18px 22px;
    border-radius: 20px;
  }

  .t1x2-theme .gv-article-head {
    margin: 0 -18px 20px;
    padding: 0 18px 18px;
  }

  .t1x2-theme .gv-article-body {
    font-size: 15px !important;
  }

  .t1x2-theme .gv-article-body > p:first-of-type {
    font-size: 15.5px;
  }

  .t1x2-theme .gv-more-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 11d. PAD KVOTA (php/pad_kvota_prikaz.php embedded in a static page)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-pk {
  margin: 8px 0 20px;
  font-size: 13px;
  line-height: 1.4;
}

.t1x2-theme .gv-pk-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.t1x2-theme .gv-pk-stats {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-pk-stats strong {
  color: var(--gv-ink);
}

.t1x2-theme .gv-pk-sep {
  color: var(--gv-faint);
}

.t1x2-theme .gv-pk-pulse {
  width: 8px;
  height: 8px;
  margin-right: 2px;
  border-radius: 50%;
  background: var(--gv-coral);
  animation: gv-pulse 1.8s infinite;
}

.t1x2-theme .gv-pk-sort {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 13px;
  background: var(--gv-input);
}

.t1x2-theme .gv-pk-sort button,
.t1x2-theme .gv-pk-filter button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  transition: background .16s, color .16s, box-shadow .16s;
}

.t1x2-theme .gv-pk-sort button {
  padding: 6px 11px;
  border-radius: 10px;
  color: var(--gv-muted);
  background: transparent;
}

.t1x2-theme .gv-pk-sort button.active {
  color: var(--gv-coral-dark);
  background: var(--gv-surface);
  box-shadow: 0 2px 8px rgba(20, 22, 26, .08);
}

.t1x2-theme .gv-pk-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.t1x2-theme .gv-pk-filter button {
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--gv-body);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-pk-filter button:hover {
  color: var(--gv-ink);
  box-shadow: inset 0 0 0 1px var(--gv-faint);
}

.t1x2-theme .gv-pk-filter button.active {
  color: var(--gv-surface);
  background: var(--gv-ink);
  box-shadow: none;
}

.t1x2-theme .gv-pk-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .gv-pk-row {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 10px 14px 10px 10px;
  border-radius: 16px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  transition: box-shadow .16s, background .16s;
}

.t1x2-theme .gv-pk-row:hover {
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-pk-row[hidden] {
  display: none;
}

/* drop badge: intensity by size of the drop */
.t1x2-theme .gv-pk-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 54px;
  border-radius: 13px;
  color: #b86e00;
  background: var(--gv-gold-tint);
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-pk-drop i {
  font-size: 13px;
  line-height: 1;
}

.t1x2-theme .gv-pk-drop b {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
}

.t1x2-theme .is-high .gv-pk-drop {
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
}

.t1x2-theme .is-hot .gv-pk-drop {
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 6px 16px rgba(var(--gv-coral-rgb), .3);
}

.t1x2-theme .gv-pk-main {
  min-width: 0;
}

.t1x2-theme .gv-pk-league {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-pk-league img {
  flex: none;
  width: 16px;
  height: 12px;
  object-fit: cover;
  border-radius: 2px;
}

.t1x2-theme .gv-pk-league span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-pk-match {
  margin: 2px 0 1px;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-pk-time {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--gv-faint);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-pk-odds {
  display: flex;
  gap: 6px;
}

.t1x2-theme .gv-pk-odd {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 56px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-pk-odd small {
  margin-bottom: 3px;
  color: var(--gv-faint);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .5px;
}

.t1x2-theme .gv-pk-odd b {
  width: 100%;
  padding: 6px 8px;
  border-radius: 10px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.t1x2-theme .gv-pk-odd s,
.t1x2-theme .gv-pk-odd .gv-pk-nil {
  display: block;
  margin-top: 3px;
  min-height: 14px;
  color: var(--gv-faint);
  font-size: 10px;
}

.t1x2-theme .gv-pk-odd.is-drop b {
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
  box-shadow: inset 0 0 0 1px rgba(var(--gv-coral-rgb), .25);
}

.t1x2-theme .gv-pk-odd.is-drop s {
  color: var(--gv-muted);
}

.t1x2-theme .gv-pk-empty,
.t1x2-theme .gv-pk-note {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-pk-empty {
  justify-content: center;
  padding: 40px 12px;
  border-radius: 16px;
  background: var(--gv-sunken);
}

.t1x2-theme .gv-pk-note {
  margin-top: 12px;
  font-size: 11px;
}

@media (max-width: 640px) {
  .t1x2-theme .gv-pk-row {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px 12px;
    padding: 10px;
  }

  .t1x2-theme .gv-pk-drop {
    height: 48px;
  }

  .t1x2-theme .gv-pk-odds {
    grid-column: 1 / -1;
    padding-top: 8px;
    border-top: 1px solid var(--gv-line);
  }

  .t1x2-theme .gv-pk-odd {
    flex: 1;
    min-width: 0;
  }

  .t1x2-theme .gv-pk-sort {
    width: 100%;
  }

  .t1x2-theme .gv-pk-sort button {
    flex: 1;
    justify-content: center;
  }
}

/* 11e. ARTICLE TABLES + KALKULATOR SISTEMA (_t1x2_sistem_kalkulator.tpl)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-table-wrap {
  max-width: 100%;
  margin: 14px 0 22px;
  overflow-x: auto;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  -webkit-overflow-scrolling: touch;
}

.t1x2-theme .gv-article-body table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-article-body th,
.t1x2-theme .gv-article-body td {
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--gv-line);
  background: transparent;
  text-align: left;
  vertical-align: middle;
}

.t1x2-theme .gv-article-body thead th,
.t1x2-theme .gv-article-body table:not(:has(thead)) tr:first-child > * {
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  white-space: nowrap;
}

.t1x2-theme .gv-article-body tbody tr:last-child > * {
  border-bottom: 0;
}

.t1x2-theme .gv-article-body tbody tr:hover > * {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-article-body td strong {
  color: var(--gv-ink);
}

/* Tablica sistema: k rows x n columns, a cell = number of combinations */
.t1x2-theme .gv-article-body .gv-sys-table th,
.t1x2-theme .gv-article-body .gv-sys-table td {
  min-width: 44px;
  padding: 8px 6px;
  text-align: center;
}

.t1x2-theme .gv-article-body .gv-sys-table tr > :first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 70px;
  color: var(--gv-ink);
  background: var(--gv-sunken);
  font-weight: 700;
}

.t1x2-theme .gv-article-body .gv-sys-table td:empty {
  background: repeating-linear-gradient(135deg, transparent 0 6px, var(--gv-line) 6px 7px);
}

.t1x2-theme .gv-article-body .gv-sys-table .gv-sys-pick {
  cursor: pointer;
  font-weight: 600;
  transition: background .14s, color .14s;
}

.t1x2-theme .gv-article-body .gv-sys-table .gv-sys-pick:hover,
.t1x2-theme .gv-article-body .gv-sys-table .gv-sys-pick:focus-visible {
  color: #fff;
  background: var(--gv-coral);
  outline: 0;
}

.t1x2-theme .gv-article-body .gv-formula {
  padding: 14px 16px;
  border-radius: 14px;
  color: var(--gv-ink);
  background: var(--gv-sunken);
  box-shadow: inset 3px 0 0 var(--gv-coral);
}

/* ---- calculator ------------------------------------------------------- */
.t1x2-theme .gv-sc {
  margin: 10px 0 26px;
  padding: 18px;
  border-radius: 22px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong), var(--gv-shadow-sm);
  font-size: 13px;
  line-height: 1.4;
  scroll-margin-top: 80px;
}

.t1x2-theme .gv-sc-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.t1x2-theme .gv-sc-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 8px 18px rgba(var(--gv-coral-rgb), .28);
  font-size: 18px;
}

.t1x2-theme .gv-sc-head > div {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-sc-head strong {
  display: block;
  color: var(--gv-ink);
  font-size: 16px;
  font-weight: 800;
}

.t1x2-theme .gv-sc-head small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-sc-reset {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-sc-reset:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-sc-setup {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px 16px;
  margin-bottom: 14px;
}

.t1x2-theme .gv-sc-field > label {
  display: block;
  margin: 0 0 6px;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-sc-field > label small {
  margin-left: 4px;
  color: var(--gv-faint);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.t1x2-theme .gv-sc-stepper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: var(--gv-input);
}

.t1x2-theme .gv-sc-stepper button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: 0 1px 4px rgba(20, 22, 26, .08);
  font-size: 12px;
}

.t1x2-theme .gv-sc-stepper button:hover:not(:disabled) {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-sc-stepper button:disabled {
  opacity: .35;
  box-shadow: none;
}

.t1x2-theme .gv-sc-stepper output {
  min-width: 34px;
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-sc-stake-box {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 4px 4px 14px;
  border-radius: 14px;
  background: var(--gv-input);
}

.t1x2-theme .gv-sc-stake-box input {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0;
  border: 0;
  outline: 0;
  color: var(--gv-ink);
  background: transparent;
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-sc-stake-box:focus-within {
  box-shadow: 0 0 0 2px var(--gv-coral-tint), inset 0 0 0 1px var(--gv-coral);
}

.t1x2-theme .gv-sc-mode {
  display: flex;
  gap: 2px;
}

.t1x2-theme .gv-sc-mode button {
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.t1x2-theme .gv-sc-mode button.active {
  color: var(--gv-coral-dark);
  background: var(--gv-surface);
  box-shadow: 0 1px 4px rgba(20, 22, 26, .08);
}

.t1x2-theme .gv-sc-systems-field {
  margin-bottom: 16px;
}

.t1x2-theme .gv-sc-systems {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-sc-systems button {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 64px;
  padding: 6px 10px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-body);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  transition: background .14s, color .14s, box-shadow .14s;
}

.t1x2-theme .gv-sc-systems button b {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.t1x2-theme .gv-sc-systems button small {
  color: var(--gv-faint);
  font-size: 10px;
}

.t1x2-theme .gv-sc-systems button:hover {
  box-shadow: inset 0 0 0 1px var(--gv-faint);
}

.t1x2-theme .gv-sc-systems button.active {
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 6px 14px rgba(var(--gv-coral-rgb), .25);
}

.t1x2-theme .gv-sc-systems button.active small {
  color: rgba(255, 255, 255, .8);
}

.t1x2-theme .gv-sc-group {
  margin-bottom: 14px;
}

.t1x2-theme .gv-sc-group[hidden] {
  display: none;
}

.t1x2-theme .gv-sc-group-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  color: var(--gv-ink);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .gv-sc-group-title i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-sc-group-title small {
  color: var(--gv-faint);
  font-weight: 500;
}

.t1x2-theme .gv-sc-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}

.t1x2-theme .gv-sc-row {
  display: grid;
  grid-template-columns: 30px minmax(58px, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 5px;
  border-radius: 14px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  transition: background .14s, box-shadow .14s;
}

.t1x2-theme [data-gv-sc-fixes] .gv-sc-row {
  background: var(--gv-violet-tint);
}

.t1x2-theme .gv-sc-tag {
  display: grid;
  place-items: center;
  height: 30px;
  border-radius: 10px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .gv-sc-odd {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  outline: 0;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-sc-odd::placeholder {
  color: var(--gv-faint);
  font-weight: 500;
}

.t1x2-theme .gv-sc-odd:focus {
  box-shadow: 0 0 0 2px var(--gv-coral-tint), inset 0 0 0 1px var(--gv-coral);
}

.t1x2-theme .gv-sc-row.is-invalid .gv-sc-odd {
  color: var(--gv-red);
  box-shadow: inset 0 0 0 1.5px var(--gv-red);
}

.t1x2-theme .gv-sc-state {
  display: flex;
  gap: 2px;
  padding: 3px;
  border-radius: 11px;
  background: var(--gv-input);
}

.t1x2-theme .gv-sc-state button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  color: var(--gv-faint);
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  transition: background .14s, color .14s;
}

.t1x2-theme .gv-sc-state button:hover {
  color: var(--gv-ink);
}

.t1x2-theme .gv-sc-state button span {
  display: none;
}

.t1x2-theme .gv-sc-state button.active span {
  display: inline;
}

.t1x2-theme .gv-sc-state [data-s="win"].active {
  color: var(--gv-green);
  background: var(--gv-surface);
  box-shadow: 0 1px 4px rgba(20, 22, 26, .08);
}

.t1x2-theme .gv-sc-state [data-s="void"].active {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-sc-state [data-s="lose"].active {
  color: #fff;
  background: var(--gv-red);
}

.t1x2-theme .gv-sc-row.is-void {
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-sc-row.is-lose {
  background: var(--gv-red-tint);
  box-shadow: inset 0 0 0 1px rgba(229, 72, 77, .25);
}

.t1x2-theme .gv-sc-row.is-void .gv-sc-odd,
.t1x2-theme .gv-sc-row.is-lose .gv-sc-odd {
  color: var(--gv-muted);
  text-decoration: line-through;
}

/* result */
.t1x2-theme .gv-sc-result {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 4px;
}

.t1x2-theme .gv-sc-win {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 18px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #1b1e25, #0f1115);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-sc-win > span {
  color: rgba(255, 255, 255, .6);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-sc-win strong {
  margin: 2px 0;
  color: #fff;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.5px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-sc-win em {
  min-height: 17px;
  color: rgba(255, 255, 255, .65);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.t1x2-theme .gv-sc-win em.is-plus {
  color: #4ade80;
}

.t1x2-theme .gv-sc-win em.is-minus {
  color: var(--gv-danger-soft);
}

.t1x2-theme .gv-sc-meter {
  height: 6px;
  margin: 12px 0 8px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, .12);
}

.t1x2-theme .gv-sc-meter i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gv-gold), var(--gv-coral));
  transition: width .3s ease;
}

.t1x2-theme .gv-sc-win small {
  color: rgba(255, 255, 255, .6);
  font-size: 11.5px;
}

.t1x2-theme .gv-sc.is-lost .gv-sc-win strong {
  color: var(--gv-danger-soft);
}

.t1x2-theme .gv-sc-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.t1x2-theme .gv-sc-tiles > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 11px 13px;
  border-radius: 16px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-sc-tiles > div[hidden] {
  display: none;
}

.t1x2-theme .gv-sc-tiles span {
  color: var(--gv-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-sc-tiles b {
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-sc-tiles small {
  color: var(--gv-faint);
  font-size: 11px;
  line-height: 1.3;
}

.t1x2-theme .gv-sc-tiles > div:nth-child(2) b {
  color: var(--gv-green);
}

.t1x2-theme .gv-sc-msg {
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 9px 12px;
  border-radius: 12px;
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-size: 12px;
}

.t1x2-theme .gv-sc-details {
  margin-top: 12px;
}

.t1x2-theme .gv-sc-details summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  color: var(--gv-body);
  background: var(--gv-input);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.t1x2-theme .gv-sc-details summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .gv-sc-details[open] summary {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-sc-table-wrap {
  max-height: 360px;
  margin-top: 10px;
  overflow: auto;
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-sc .gv-sc-table-wrap table {
  font-size: 12.5px;
}

.t1x2-theme .gv-sc .gv-sc-table-wrap th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 7px 10px;
}

.t1x2-theme .gv-sc .gv-sc-table-wrap td {
  padding: 6px 10px;
}

.t1x2-theme .gv-sc .gv-sc-table-wrap tr.is-lose td {
  color: var(--gv-faint);
}

.t1x2-theme .gv-sc-chip {
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--gv-green);
  background: var(--gv-green-tint);
  font-size: 10.5px;
  font-weight: 700;
}

.t1x2-theme .gv-sc-chip.is-lose {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-sc-more {
  margin: 8px 0 0 !important;
  color: var(--gv-muted);
  font-size: 11.5px;
}

@media (max-width: 991px) {
  .t1x2-theme .gv-sc-rows,
  .t1x2-theme .gv-sc-result {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575px) {
  .t1x2-theme .gv-sc {
    margin-right: -4px;
    margin-left: -4px;
    padding: 14px 12px;
    border-radius: 18px;
  }

  .t1x2-theme .gv-sc-head small,
  .t1x2-theme .gv-sc-reset span {
    display: none;
  }

  .t1x2-theme .gv-sc-setup {
    grid-template-columns: 1fr 1fr;
  }

  .t1x2-theme .gv-sc-stake {
    grid-column: 1 / -1;
  }

  .t1x2-theme .gv-sc-stepper {
    display: flex;
  }

  .t1x2-theme .gv-sc-stepper output {
    flex: 1;
  }

  .t1x2-theme .gv-sc-systems button {
    min-width: 58px;
    padding: 5px 8px;
  }

  .t1x2-theme .gv-sc-win strong {
    font-size: 28px;
  }
}

/* 11f. TIP DANA PAGE (php/tip_dana_prikaz.php embedded in a static page)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-td {
  --gv-td-accent: var(--gv-gold);
  margin: 8px 0 24px;
  font-size: 13px;
  line-height: 1.45;
}

/* status colors shared by the hero, rows and badges */
.t1x2-theme .gv-td .is-won { --gv-td-accent: var(--gv-green); --gv-td-tint: var(--gv-green-tint); --gv-td-ink: var(--gv-green); }
.t1x2-theme .gv-td .is-lost { --gv-td-accent: var(--gv-red); --gv-td-tint: var(--gv-red-tint); --gv-td-ink: var(--gv-red); }
.t1x2-theme .gv-td .is-void { --gv-td-accent: var(--gv-faint); --gv-td-tint: var(--gv-input); --gv-td-ink: var(--gv-muted); }
.t1x2-theme .gv-td .is-wait { --gv-td-accent: var(--gv-gold); --gv-td-tint: var(--gv-gold-tint); --gv-td-ink: var(--gv-gold-ink); }

/* current tip */
.t1x2-theme .gv-td-hero {
  position: relative;
  overflow: hidden;
  padding: 20px 22px 18px;
  border-radius: 22px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong), var(--gv-shadow-sm);
}

.t1x2-theme .gv-td-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--gv-td-accent);
}

.t1x2-theme .gv-td-hero.is-wait::before {
  background: var(--gv-grad);
}

.t1x2-theme .gv-td-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.t1x2-theme .gv-td-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--gv-coral-ink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-td-status,
.t1x2-theme .gv-td-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  color: var(--gv-td-ink);
  background: var(--gv-td-tint);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-td-status.is-wait i {
  animation: gv-pulse 1.8s infinite;
}

.t1x2-theme .gv-td-league {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 500;
}

.t1x2-theme .gv-td-match {
  margin: 4px 0 16px;
  color: var(--gv-ink);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.3px;
}

.t1x2-theme .gv-td-match a {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-td-match a:hover span {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-td-match em {
  margin: 0 9px;
  color: var(--gv-faint);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
}

.t1x2-theme .gv-td-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.t1x2-theme .gv-td-fact {
  display: flex;
  flex-direction: column;
  padding: 10px 14px;
  border-radius: 14px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-td-fact small,
.t1x2-theme .gv-td-num small,
.t1x2-theme .gv-td-who small,
.t1x2-theme .gv-td-stat small,
.t1x2-theme .gv-td-form small {
  color: var(--gv-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-td-fact b {
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-td-fact.is-odd b { color: var(--gv-green); }

.t1x2-theme .gv-td-fact.is-result {
  background: var(--gv-td-tint);
}

.t1x2-theme .gv-td-fact.is-result b {
  color: var(--gv-td-ink);
}

.t1x2-theme .gv-td-hero.is-won .gv-td-fact.is-result { --gv-td-tint: var(--gv-green-tint); --gv-td-ink: var(--gv-green); }
.t1x2-theme .gv-td-hero.is-lost .gv-td-fact.is-result { --gv-td-tint: var(--gv-red-tint); --gv-td-ink: var(--gv-red); }
.t1x2-theme .gv-td-hero.is-void .gv-td-fact.is-result { --gv-td-tint: var(--gv-input); --gv-td-ink: var(--gv-body); }

.t1x2-theme .gv-td-tipster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  padding: 12px 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-td-avatar {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-right: -12px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #2ed3a2, #0ca678);
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .gv-td-who {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 120px;
}

.t1x2-theme .gv-td-who strong,
.t1x2-theme .gv-td-who a {
  color: var(--gv-coral-ink);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .gv-td-num {
  display: flex;
  flex-direction: column;
}

.t1x2-theme .gv-td-num b {
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-td-num b i {
  color: var(--gv-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.t1x2-theme .gv-td .is-pos { color: var(--gv-green) !important; }
.t1x2-theme .gv-td .is-neg { color: var(--gv-red) !important; }

.t1x2-theme .gv-td-analysis {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--gv-sunken);
  box-shadow: inset 3px 0 0 var(--gv-coral);
}

.t1x2-theme .gv-td-analysis-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  color: var(--gv-coral-ink);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-td-analysis p {
  max-width: none !important;
  margin: 0 !important;
  color: var(--gv-body);
  font-size: 14.5px;
  line-height: 1.7;
}

.t1x2-theme .gv-td-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 14px;
  border-radius: 18px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
}

/* overall record */
.t1x2-theme .gv-td-stats {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 8px;
  margin: 12px 0 0;
}

.t1x2-theme .gv-td-stat,
.t1x2-theme .gv-td-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-td-stat b {
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-td-stat b i {
  color: var(--gv-muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.t1x2-theme .gv-td-form span {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}

.t1x2-theme .gv-td-form span i {
  flex: 1;
  max-width: 18px;
  height: 18px;
  border-radius: 6px;
  background: var(--gv-td-accent);
}

/* previous tips */
.t1x2-theme .gv-td-list-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin: 26px 0 10px;
}

.t1x2-theme .gv-article-body .gv-td-list-head h2 {
  max-width: none;
  margin: 0;
  font-size: 19px;
}

.t1x2-theme .gv-td-list-head span {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-td-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .gv-td-row {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto 108px;
  align-items: center;
  gap: 14px;
  padding: 10px 14px 10px 12px;
  border-radius: 16px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  transition: background .16s, box-shadow .16s;
}

.t1x2-theme .gv-td-row::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--gv-td-accent);
}

.t1x2-theme .gv-td-row:hover {
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-td-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 13px;
  background: var(--gv-input);
  line-height: 1.05;
}

.t1x2-theme .gv-td-date b {
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
}

.t1x2-theme .gv-td-date small {
  color: var(--gv-muted);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.t1x2-theme .gv-td-main {
  min-width: 0;
}

.t1x2-theme .gv-td-row-league,
.t1x2-theme .gv-td-row-who {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-td-row-match {
  margin: 2px 0;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-td-row-match a {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-td-row-match a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-td-row-who strong,
.t1x2-theme .gv-td-row-who a {
  color: var(--gv-coral-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-td-row-who span {
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-td-row-who .is-pos,
.t1x2-theme .gv-td-row-who .is-neg {
  font-weight: 700;
}

.t1x2-theme .gv-td-bet {
  display: flex;
  align-items: center;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-td-bet-pick,
.t1x2-theme .gv-td-bet-odd {
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.t1x2-theme .gv-td-bet-pick {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-td-bet-odd {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-td-out {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}

.t1x2-theme .gv-td-out small {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* pagination (also usable elsewhere: .gv-pager) */
.t1x2-theme .gv-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 18px 0 4px;
}

.t1x2-theme .gv-pager-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}

.t1x2-theme .gv-pager a,
.t1x2-theme .gv-pager-pages > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 12px;
  color: var(--gv-body);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
  transition: background .16s, color .16s;
}

.t1x2-theme .gv-pager a:hover {
  color: var(--gv-coral-dark);
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-pager-pages .is-current {
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 6px 14px rgba(var(--gv-coral-rgb), .28);
}

.t1x2-theme .gv-pager-pages .gv-pager-dots {
  min-width: 20px;
  padding: 0;
  color: var(--gv-faint);
}

.t1x2-theme .gv-pager-step {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 14px !important;
  border-radius: 12px;
  color: var(--gv-ink) !important;
  background: var(--gv-input);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .gv-pager-step.is-disabled {
  opacity: .4;
}

@media (max-width: 640px) {
  .t1x2-theme .gv-td-hero {
    padding: 18px 14px 14px;
    border-radius: 18px;
  }

  .t1x2-theme .gv-td-match {
    font-size: 20px;
  }

  .t1x2-theme .gv-td-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .gv-td-row {
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 10px;
  }

  .t1x2-theme .gv-td-date {
    grid-row: span 2;
    height: 46px;
  }

  .t1x2-theme .gv-td-bet {
    grid-column: 2;
  }

  .t1x2-theme .gv-td-out {
    grid-row: 1;
    grid-column: 3;
  }

  .t1x2-theme .gv-td-badge span {
    display: none;
  }

  .t1x2-theme .gv-td-badge {
    padding: 7px;
  }

  .t1x2-theme .gv-pager-step span {
    display: none;
  }
}

/* 11g. TIKET DANA PAGE (php/tiket_dana_prikaz.php; shares .gv-td-* with Tip dana)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-tk-tips {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tk-tip {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 4px;
}

.t1x2-theme .gv-tk-tip + .gv-tk-tip {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tk-dot {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--gv-td-ink);
  background: var(--gv-td-tint);
  font-size: 12px;
}

.t1x2-theme .gv-tk-info {
  min-width: 0;
}

.t1x2-theme .gv-tk-league,
.t1x2-theme .gv-tk-who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tk-match {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tk-match a {
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tk-match a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tk-who strong,
.t1x2-theme .gv-tk-who a {
  color: var(--gv-coral-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-tk-who .is-pos,
.t1x2-theme .gv-tk-who .is-neg {
  font-weight: 700;
}

.t1x2-theme .gv-tk-result {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 1px 8px;
  border-radius: 999px;
  color: var(--gv-td-ink);
  background: var(--gv-td-tint);
  font-weight: 700;
}

.t1x2-theme .gv-tk-bet {
  display: flex;
  align-items: center;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tk-tip.is-won .gv-td-bet-pick {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-tk-tip.is-lost .gv-td-bet-pick,
.t1x2-theme .gv-tk-tip.is-lost .gv-td-bet-odd {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-tk-analysis {
  margin-top: 6px;
}

.t1x2-theme .gv-tk-analysis summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-coral-ink);
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.t1x2-theme .gv-tk-analysis summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .gv-tk-analysis p {
  max-width: none !important;
  margin: 6px 0 0 !important;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 13.5px;
  line-height: 1.65;
}

.t1x2-theme .gv-tk-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-tk-total,
.t1x2-theme .gv-tk-progress {
  display: flex;
  flex-direction: column;
}

.t1x2-theme .gv-tk-total small,
.t1x2-theme .gv-tk-progress small,
.t1x2-theme .gv-tk-card-odd small {
  color: var(--gv-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tk-total b {
  color: var(--gv-ink);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tk-hero.is-won .gv-tk-total b { color: var(--gv-green); }
.t1x2-theme .gv-tk-hero.is-lost .gv-tk-total b { color: var(--gv-red); }

.t1x2-theme .gv-tk-progress {
  align-items: flex-end;
}

.t1x2-theme .gv-tk-progress span {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}

.t1x2-theme .gv-tk-progress i {
  width: 26px;
  height: 8px;
  border-radius: 99px;
  background: var(--gv-td-accent);
}

.t1x2-theme .gv-tk-progress i.is-wait {
  background: var(--gv-line-strong);
}

/* previous tickets */
.t1x2-theme .gv-tk-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.t1x2-theme .gv-tk-card {
  position: relative;
  padding: 10px 14px 6px 12px;
  border-radius: 18px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-tk-card::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--gv-td-accent);
}

.t1x2-theme .gv-tk-card-head {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--gv-line-strong);
}

.t1x2-theme .gv-tk-card-title {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .gv-tk-card-title strong {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tk-card-title small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tk-card-odd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.t1x2-theme .gv-tk-card-odd b {
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tk-odd-m {
  display: none;
}

.t1x2-theme .gv-tk-tips.is-compact .gv-tk-tip {
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 7px 0 7px 2px;
}

.t1x2-theme .gv-tk-tips.is-compact .gv-tk-dot {
  width: 22px;
  height: 22px;
  font-size: 10px;
}

.t1x2-theme .gv-tk-tips.is-compact .gv-tk-match {
  margin: 0;
  font-size: 13px;
}

.t1x2-theme .gv-tk-tips.is-compact .gv-tk-who {
  font-size: 11px;
}

.t1x2-theme .gv-tk-tips.is-compact .gv-td-bet-pick,
.t1x2-theme .gv-tk-tips.is-compact .gv-td-bet-odd {
  padding: 4px 8px;
  font-size: 12px;
}

@media (max-width: 640px) {
  .t1x2-theme .gv-tk-tip {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 6px 10px;
  }

  .t1x2-theme .gv-tk-dot {
    width: 24px;
    height: 24px;
  }

  .t1x2-theme .gv-tk-bet {
    grid-column: 2;
  }

  .t1x2-theme .gv-tk-tips.is-compact .gv-tk-tip {
    grid-template-columns: 22px minmax(0, 1fr) auto;
  }

  .t1x2-theme .gv-tk-tips.is-compact .gv-tk-bet {
    grid-column: auto;
  }

  .t1x2-theme .gv-tk-match {
    white-space: normal;
  }

  .t1x2-theme .gv-tk-card-head {
    grid-template-columns: 46px minmax(0, 1fr) auto;
  }

  .t1x2-theme .gv-tk-card-odd {
    display: none;
  }

  .t1x2-theme .gv-tk-odd-m {
    display: inline;
  }

  .t1x2-theme .gv-tk-total b {
    font-size: 24px;
  }
}

/* 11h. ACTIVE TIPS (links + days) AND THE ANALYSIS SHEET (php/tip_analiza.php)
   ------------------------------------------------------------------------ */
.t1x2-theme a.gv-tip-row {
  color: var(--gv-body);
  text-decoration: none;
}

.t1x2-theme .gv-tip-row.is-won .gv-tip-game {
  color: var(--gv-green);
  box-shadow: inset 0 0 0 1px rgba(18, 161, 80, .35);
}

.t1x2-theme .gv-tip-row.is-lost .gv-tip-game {
  color: var(--gv-red);
  box-shadow: inset 0 0 0 1px rgba(229, 72, 77, .35);
}

.t1x2-theme .gv-flag-max {
  color: var(--gv-gold);
}

.t1x2-theme .gv-match-time.is-live {
  color: var(--gv-danger-dark);
}

.t1x2-theme .gv-match-day {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 6px 6px;
  color: var(--gv-muted);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-match-day::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-match-day span {
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-input);
  letter-spacing: 0;
  text-transform: none;
  font-size: 11px;
}

.t1x2-theme .gv-match-day + .gv-match {
  border-top: 0;
}

.t1x2-theme .gv-match-empty {
  padding: 18px 6px;
  color: var(--gv-muted);
  font-size: 12px;
  text-align: center;
}

/* widget links that open the sheet */
.t1x2-theme a.gv-tip-open {
  display: block;
  margin: -4px -6px 0;
  padding: 4px 6px 6px;
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  transition: background .16s;
}

.t1x2-theme a.gv-tip-open:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme a.gv-tip-open:hover .gv-tip-match {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-ticket-list li.has-link {
  display: block;
  padding: 0;
}

.t1x2-theme a.gv-ticket-link {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto 36px;
  align-items: center;
  gap: 8px;
  padding: 7px 6px;
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  transition: background .16s;
}

.t1x2-theme a.gv-ticket-link:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme a.gv-ticket-link:hover strong {
  color: var(--gv-coral-dark);
}

/* analysis */
.t1x2-theme .gv-ta-head {
  position: static;
}

.t1x2-theme .gv-ta-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
}

.t1x2-theme .gv-ta-when {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ta-when b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-sheet-title a {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-sheet-title a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-ta-pick {
  color: #fff;
  background: var(--gv-ink);
  font-weight: 600;
}

.t1x2-theme .gv-ta-pick b {
  color: #fff;
  font-weight: 800;
}

.t1x2-theme.night-mode .gv-ta-pick,
.t1x2-theme.night-mode .gv-ta-pick b {
  color: #0c0e11;
}

.t1x2-theme .gv-ta.is-won .gv-ta-pick { background: var(--gv-green); }
.t1x2-theme .gv-ta.is-lost .gv-ta-pick { background: var(--gv-red); }
.t1x2-theme .gv-ta.is-won .gv-ta-pick,
.t1x2-theme .gv-ta.is-won .gv-ta-pick b,
.t1x2-theme .gv-ta.is-lost .gv-ta-pick,
.t1x2-theme .gv-ta.is-lost .gv-ta-pick b { color: #fff; }

.t1x2-theme .gv-ta-conf b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-ta-meter {
  display: inline-block;
  width: 42px;
  height: 5px;
  margin-left: 2px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, #f5a524, var(--gv-coral)) 0 0 / var(--gv-meter, 0%) 100% no-repeat,
    var(--gv-line-strong);
}

.t1x2-theme .gv-ta-max {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-weight: 700;
}

.t1x2-theme .gv-ta-max i {
  color: inherit;
}

.t1x2-theme .gv-ta-status {
  font-weight: 700;
}

.t1x2-theme .gv-ta-status i { color: inherit; }
.t1x2-theme .gv-ta-status.is-won { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-ta-status.is-lost { color: var(--gv-red); background: var(--gv-red-tint); }
.t1x2-theme .gv-ta-status.is-void { color: var(--gv-muted); background: var(--gv-input); }
.t1x2-theme .gv-ta-status.is-wait { color: var(--gv-muted); background: var(--gv-input); font-weight: 600; }

.t1x2-theme .gv-ta-author {
  flex-wrap: wrap;
}

.t1x2-theme .gv-ta-who {
  flex: 1;
  min-width: 120px;
}

.t1x2-theme .gv-ta-who a {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-ta-who a:hover {
  text-decoration: underline;
}

.t1x2-theme .gv-ta-record {
  color: var(--gv-ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ta-follow,
.t1x2-theme .gv-ta-like,
.t1x2-theme .gv-ta-open {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background .16s, color .16s, box-shadow .16s;
}

.t1x2-theme .gv-ta-follow {
  color: #fff !important;
  background: var(--gv-grad);
  box-shadow: 0 6px 14px rgba(var(--gv-coral-rgb), .25);
}

.t1x2-theme .gv-ta-follow b,
.t1x2-theme .gv-ta-like b {
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ta-follow.is-on {
  color: var(--gv-ink) !important;
  background: var(--gv-input);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-ta-follow.is-on b {
  background: var(--gv-surface);
}

.t1x2-theme .gv-ta-intro {
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 13px;
  line-height: 1.5;
}

.t1x2-theme .gv-ta-intro i {
  margin-top: 3px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-ta-promo {
  margin: 0 0 12px;
  text-align: center;
}

.t1x2-theme .gv-ta-promo:has([data-gv-p]:empty) {
  display: none;
}

.t1x2-theme .gv-ta-promo img {
  max-width: 100%;
  border-radius: 10px;
}

.t1x2-theme .gv-ta-promo br {
  display: none;
}

.t1x2-theme .gv-ta-text {
  font-size: 15px;
}

.t1x2-theme .gv-ta-text a {
  color: var(--gv-coral-dark);
  text-decoration: underline;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-ta-noanalysis {
  color: var(--gv-muted);
  font-size: 13px;
  font-style: italic;
}

.t1x2-theme .gv-ta-partner {
  margin: 16px 0;
  padding: 8px 12px 12px;
  border-radius: 14px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  text-align: center;
}

.t1x2-theme .gv-ta-partner:has([data-gv-p]:empty) {
  display: none;
}

.t1x2-theme .gv-ta-partner-head {
  margin-bottom: 6px;
  color: var(--gv-faint);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-ta-partner .partner-headline {
  margin-bottom: 4px;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.t1x2-theme .gv-ta-partner .partner-text a {
  color: var(--gv-coral-dark);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .gv-ta-partner .partner-text a:hover {
  text-decoration: underline;
}

.t1x2-theme .gv-ta-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 14px 0 6px;
  padding: 10px 0;
  border-top: 1px solid var(--gv-line);
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-ta-published {
  display: inline-flex;
  flex: 1;
  align-items: center;
  gap: 6px;
  color: var(--gv-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ta-like {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-ta-like b {
  background: var(--gv-surface);
}

.t1x2-theme .gv-ta-like:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-ta-like.is-liked {
  color: var(--gv-coral-dark);
  background: var(--gv-coral-tint);
  cursor: default;
}

.t1x2-theme .gv-ta-open {
  color: var(--gv-ink) !important;
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-ta-open:hover {
  color: var(--gv-coral-dark) !important;
  box-shadow: inset 0 0 0 1px var(--gv-coral);
}

.t1x2-theme .gv-ta-open i {
  font-size: 10px;
}

.t1x2-theme .gv-ta-comments h5 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 10px;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 800;
}

.t1x2-theme .gv-ta-comments h5 span {
  padding: 1px 8px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11px;
}

.t1x2-theme .gv-ta-comment-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-ta-comment {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.t1x2-theme .gv-ta-comment .gv-avatar,
.t1x2-theme .gv-ta-form .gv-avatar {
  width: 32px;
  height: 32px;
  font-size: 10px;
}

.t1x2-theme .gv-ta-comment-body {
  flex: 1;
  min-width: 0;
  padding: 8px 12px 9px;
  border-radius: 4px 16px 16px 16px;
  background: var(--gv-input);
}

.t1x2-theme .gv-ta-comment.is-author .gv-ta-comment-body {
  background: var(--gv-input);
  box-shadow: inset 2px 0 0 var(--gv-ink);
}

.t1x2-theme .gv-ta-comment-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
}

.t1x2-theme .gv-ta-comment-user {
  color: var(--gv-ink);
  font-size: 12.5px;
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme a.gv-ta-comment-user:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-ta-author-badge {
  padding: 0 6px;
  border-radius: 999px;
  color: var(--gv-surface);
  background: var(--gv-ink);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 15px;
  text-transform: uppercase;
}

.t1x2-theme .gv-ta-comment-head time {
  margin-left: auto;
  color: var(--gv-faint);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-ta-comment p {
  margin: 2px 0 0;
  color: var(--gv-body);
  font-size: 13.5px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-ta-form {
  display: flex;
  align-items: center;
  gap: 9px;
}

.t1x2-theme .gv-ta-form input {
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  outline: 0;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 13.5px;
}

.t1x2-theme .gv-ta-form input:focus {
  box-shadow: 0 0 0 2px var(--gv-coral-tint), inset 0 0 0 1px var(--gv-coral);
}

.t1x2-theme .gv-ta-form button {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: var(--gv-grad);
}

.t1x2-theme .gv-ta-note,
.t1x2-theme .gv-ta-error {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 6px 0 0;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-ta-note a {
  color: var(--gv-coral-dark);
  font-weight: 700;
}

.t1x2-theme .gv-ta-error {
  color: var(--gv-red);
}

.t1x2-theme .gv-ta-error[hidden] {
  display: none;
}

@media (max-width: 575px) {
  .t1x2-theme .gv-ta-published {
    flex-basis: 100%;
  }
}

/* 11i. TIPOVI MODULE (tipovi.php: list, tip page, Dodaj tip, tables, admin)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-tp-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 20px;
  align-items: start;
}

.t1x2-theme .gv-tp-grid.is-wide {
  grid-template-columns: minmax(0, 1fr);
}

.t1x2-theme .gv-tp-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.t1x2-theme .gv-tp-grid.is-wide .gv-tp-main {
  max-width: 1180px;
}

.t1x2-theme .gv-tp-rail {
  position: sticky;
  top: 86px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

/* menu (left column) */
.t1x2-theme .gv-tp-menu-card {
  margin-bottom: 16px;
  padding: 14px 10px 10px;
}

.t1x2-theme .gv-tp-menu-title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 6px 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tp-menu-title b {
  display: block;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 700;
}

.t1x2-theme .gv-tp-menu-title small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tp-menu-card ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tp-menu-card li > a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  border-radius: 12px;
  color: var(--gv-body);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-tp-menu-card li > a i {
  width: 18px;
  color: var(--gv-icon);
  text-align: center;
}

.t1x2-theme .gv-tp-menu-card li > a span:not(.gv-tp-badge) {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-menu-card li > a:hover {
  background: var(--gv-hover-bg);
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-menu-card a.is-active {
  background: var(--gv-coral-tint);
  color: var(--gv-coral-ink);
  font-weight: 700;
}

.t1x2-theme .gv-tp-menu-card a.is-active i {
  color: var(--gv-coral);
}

/* module menus: section labels ("Administratorski deo", "Lige" ...); the line sits right under the item above */
.t1x2-theme .gv-tp-menu-group .gv-menu-label {
  margin: 0 12px 4px;
  padding-top: 12px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tp-menu-sep {
  height: 1px;
  margin: 6px 8px;
  background: var(--gv-line);
}

.t1x2-theme .gv-tp-badge {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-coral);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

/* menu as pills (phones / tablets) */
.t1x2-theme .gv-tp-pills {
  display: none;
  gap: 8px;
  margin: 0 -16px;
  padding: 0 16px 2px;
  overflow-x: auto;
  scrollbar-width: none;
}

.t1x2-theme .gv-tp-pills::-webkit-scrollbar {
  display: none;
}

.t1x2-theme .gv-tp-pills a {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 999px;
  color: var(--gv-body);
  background: var(--gv-surface);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-pills a i {
  color: var(--gv-icon);
  font-size: 12px;
}

.t1x2-theme .gv-tp-pills a.is-active {
  border-color: var(--gv-ink);
  color: var(--gv-surface);
  background: var(--gv-ink);
}

.t1x2-theme .gv-tp-pills a.is-active i {
  color: inherit;
}

/* page heading */
.t1x2-theme .gv-tp-head h1 {
  margin: 6px 0 6px;
  color: var(--gv-ink);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.6px;
  line-height: 1.15;
}

.t1x2-theme .gv-tp-head p {
  max-width: 720px;
  margin: 0;
  color: var(--gv-muted);
  font-size: 14px;
  line-height: 1.6;
}

.t1x2-theme .gv-tp-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--gv-coral-dark);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-h2 {
  margin: 8px 0 0;
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 700;
}

/* CTA */
.t1x2-theme .gv-tp-cta {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 22px 24px;
  overflow: hidden;
  border-radius: var(--gv-radius);
  color: #fff;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .16), transparent 55%), linear-gradient(120deg, #14161a 0%, var(--gv-coral-deep) 55%, var(--gv-coral-dark) 130%);
  box-shadow: var(--gv-shadow);
}

.t1x2-theme .gv-tp-cta::after {
  content: "\f091";
  position: absolute;
  right: 150px;
  bottom: -38px;
  color: rgba(255, 255, 255, .06);
  font: 900 150px/1 "Font Awesome 7 Free", "Font Awesome 6 Free";
  pointer-events: none;
}

.t1x2-theme .gv-tp-cta-text {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #ffc35c;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-cta h2 {
  margin: 6px 0 4px;
  color: #fff;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.3px;
}

.t1x2-theme .gv-tp-cta p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 13.5px;
}

.t1x2-theme .gv-tp-cta-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 9px;
  padding: 13px 22px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-coral);
  box-shadow: 0 12px 28px rgba(var(--gv-coral-rgb), .45);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s, background .15s;
}

.t1x2-theme .gv-tp-cta-btn:hover {
  color: #fff;
  background: var(--gv-coral-dark);
  transform: translateY(-1px);
}

/* filters */
.t1x2-theme .gv-tp-filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-tp-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .gv-tp-filter-end {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.t1x2-theme .gv-tp-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 11px;
  color: var(--gv-icon);
  background: var(--gv-input);
  cursor: pointer;
}

.t1x2-theme .gv-tp-refresh:hover {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-seg {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 12px;
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-seg a,
.t1x2-theme .gv-tp-seg button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border: 0;
  border-radius: 9px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-tp-seg button i {
  font-size: 11.5px;
}

.t1x2-theme .gv-tp-seg a {
  text-decoration: none;
}

.t1x2-theme .gv-tp-seg a:hover,
.t1x2-theme .gv-tp-seg button:hover {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-seg a.is-on,
.t1x2-theme .gv-tp-seg button.is-on {
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: 0 1px 3px rgba(20, 22, 26, .12);
}

.t1x2-theme.night-mode .gv-tp-seg a.is-on,
.t1x2-theme.night-mode .gv-tp-seg button.is-on {
  background: #2a2f38;
}

.t1x2-theme .gv-tp-sports {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-tp-sports button {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 999px;
  color: var(--gv-body);
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.t1x2-theme .gv-tp-sports button small {
  color: var(--gv-faint);
  font-size: 11px;
  font-weight: 600;
}

.t1x2-theme .gv-tp-sports button.is-on {
  border-color: var(--gv-ink);
  color: var(--gv-surface);
  background: var(--gv-ink);
}

.t1x2-theme .gv-tp-sports button.is-on small {
  color: inherit;
  opacity: .7;
}

/* list */
.t1x2-theme .gv-tp-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.t1x2-theme .gv-tp-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 4px -4px;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-tp-group span {
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-group b {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tp-group::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--gv-line-strong);
}

/* card */
.t1x2-theme .gv-tp-card {
  position: relative;
  padding: 18px 20px 12px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-tp-card::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: transparent;
}

.t1x2-theme .gv-tp-card.is-won::before { background: var(--gv-green); }
.t1x2-theme .gv-tp-card.is-lost::before { background: var(--gv-red); }
.t1x2-theme .gv-tp-card.is-info { box-shadow: var(--gv-shadow-sm), inset 0 0 0 1px rgba(245, 165, 36, .35); }

.t1x2-theme .gv-tp-card.is-full {
  padding: 24px 26px 16px;
}

.t1x2-theme .gv-tp-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.t1x2-theme .gv-tp-card-head .gv-avatar {
  width: 38px;
  height: 38px;
  font-size: 13px;
}

.t1x2-theme .gv-tp-who {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}

.t1x2-theme .gv-tp-who .gv-tp-name {
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-tp-who a.gv-tp-name:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-who small {
  display: block;
  color: var(--gv-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-flag {
  margin-left: 5px;
  font-size: 13px;
}

.t1x2-theme .gv-tp-contest {
  color: var(--gv-faint);
}

.t1x2-theme .gv-pos { color: var(--gv-green); }
.t1x2-theme .gv-neg { color: var(--gv-red); }

.t1x2-theme .gv-tp-follow {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 999px;
  color: var(--gv-ink);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}

.t1x2-theme .gv-tp-follow:hover {
  border-color: var(--gv-coral);
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-follow.is-on {
  border-color: transparent;
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-tp-tools {
  display: flex;
  flex: none;
  align-items: center;
  gap: 2px;
}

.t1x2-theme .gv-tp-own {
  display: inline-flex;
  gap: 2px;
}

.t1x2-theme .gv-tp-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  color: var(--gv-faint);
  background: transparent;
  font-size: 13px;
  cursor: pointer;
}

.t1x2-theme .gv-tp-tool:hover,
.t1x2-theme .gv-tp-tool[aria-expanded="true"] {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-own .gv-tp-tool {
  color: var(--gv-violet);
}

.t1x2-theme .gv-tp-menu {
  position: relative;
}

.t1x2-theme .gv-tp-menu-list {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-width: 220px;
  padding: 6px;
  border: 1px solid var(--gv-line);
  border-radius: 14px;
  background: var(--gv-surface);
  box-shadow: var(--gv-popup);
}

.t1x2-theme .gv-tp-menu-list[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-menu-list button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 0;
  border-radius: 9px;
  color: var(--gv-body);
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.t1x2-theme .gv-tp-menu-list button i {
  width: 16px;
  color: var(--gv-icon);
  text-align: center;
}

.t1x2-theme .gv-tp-menu-list button:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tp-menu-list button.is-danger,
.t1x2-theme .gv-tp-menu-list button.is-danger i {
  color: var(--gv-red);
}

.t1x2-theme .gv-tp-menu-list .gv-tp-menu-sep {
  margin: 4px 6px;
}

.t1x2-theme .gv-tp-league {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 500;
}

.t1x2-theme .gv-tp-league time {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-league time i {
  color: var(--gv-faint);
  font-size: 11px;
}

.t1x2-theme .gv-tp-match {
  margin: 6px 0 14px;
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.3px;
  line-height: 1.25;
}

.t1x2-theme h1.gv-tp-match {
  font-size: 26px;
}

.t1x2-theme .gv-tp-match a {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-tp-match a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-bet {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}

.t1x2-theme .gv-tp-info-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: center;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .4px;
}

.t1x2-theme .gv-tp-info-badge.is-sm {
  padding: 4px 7px;
  font-size: 10.5px;
}

.t1x2-theme .gv-tp-res {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  border-radius: 50%;
  font-size: 16px;
}

.t1x2-theme .gv-tp-res.is-won { color: #fff; background: var(--gv-green); }
.t1x2-theme .gv-tp-res.is-lost { color: #fff; background: var(--gv-red); }
.t1x2-theme .gv-tp-res.is-void { color: var(--gv-muted); background: var(--gv-input); }

.t1x2-theme .gv-tp-result {
  margin-top: 8px;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-result b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-intro,
.t1x2-theme .gv-tp-pick-desc {
  display: flex;
  gap: 8px;
  margin: 14px 0 0;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .gv-tp-intro i,
.t1x2-theme .gv-tp-pick-desc i {
  margin-top: 3px;
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-text {
  margin-top: 14px;
  color: var(--gv-body);
  font-size: 14.5px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-tp-card.is-full .gv-tp-text {
  font-size: 15.5px;
  line-height: 1.75;
}

.t1x2-theme .gv-tp-text.is-clamped {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.t1x2-theme .gv-tp-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  color: var(--gv-coral-dark);
  background: none;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .gv-tp-more[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-more i {
  font-size: 10px;
}

/* cards (karton) */
.t1x2-theme .gv-tp-karton {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  padding: 11px 14px;
  border-radius: 14px;
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-tp-karton.is-k1 { background: var(--gv-violet-tint); }
.t1x2-theme .gv-tp-karton.is-k3 { background: var(--gv-red-tint); }

.t1x2-theme .gv-tp-karton b {
  color: var(--gv-ink);
  font-size: 13px;
}

.t1x2-theme .gv-tp-karton p {
  margin: 2px 0 0;
  color: var(--gv-body);
  font-size: 13px;
}

.t1x2-theme .gv-tp-karton-ico {
  display: inline-block;
  flex: none;
  width: 16px;
  height: 22px;
  border-radius: 3px;
  background: #f5c400;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
  transform: rotate(-8deg);
}

.t1x2-theme .is-k1 .gv-tp-karton-ico {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--gv-violet);
  transform: none;
}

.t1x2-theme .is-k3 .gv-tp-karton-ico {
  background: var(--gv-danger);
}

/* card footer */
.t1x2-theme .gv-tp-foot {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tp-time {
  margin-right: auto;
  color: var(--gv-faint);
  font-size: 12px;
}

.t1x2-theme .gv-tp-act {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-tp-act:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tp-act b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-act[aria-expanded="true"] {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-like.is-liked {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-comments {
  margin-top: 10px;
}

.t1x2-theme .gv-tp-comments[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-empty-note {
  margin: 4px 0 10px;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .gv-tp-sentinel {
  display: flex;
  justify-content: center;
  padding: 8px 0 16px;
}

.t1x2-theme .gv-tp-sentinel .gv-tp-spinner {
  display: none;
}

.t1x2-theme .gv-tp-sentinel.is-busy .gv-tp-spinner {
  display: inline-block;
}

.t1x2-theme .gv-tp-sentinel.is-busy .gv-tp-load {
  display: none;
}

.t1x2-theme .gv-tp-load {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .gv-tp-load:hover {
  border-color: var(--gv-ink);
}

.t1x2-theme .gv-tp-load.is-wide {
  display: block;
  width: 100%;
  margin-top: 12px;
}

.t1x2-theme .gv-tp-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2.5px solid var(--gv-line-strong);
  border-top-color: var(--gv-coral);
  border-radius: 50%;
  animation: gv-tp-spin .8s linear infinite;
}

@keyframes gv-tp-spin {
  to { transform: rotate(360deg); }
}

.t1x2-theme .gv-tp-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 28px 0;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .gv-tp-empty {
  padding: 34px 20px;
  border: 1px dashed var(--gv-line-strong);
  border-radius: var(--gv-radius);
  color: var(--gv-muted);
  text-align: center;
}

.t1x2-theme .gv-tp-empty i {
  margin-bottom: 8px;
  color: var(--gv-faint);
  font-size: 26px;
}

.t1x2-theme .gv-tp-empty p {
  margin: 0;
  font-size: 14px;
}

/* accordion view */
.t1x2-theme .gv-tp-acc {
  overflow: hidden;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-tp-acc-item + .gv-tp-acc-item {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tp-acc-head {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  border: 0;
  color: var(--gv-body);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.t1x2-theme .gv-tp-acc-head:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tp-acc-head > i {
  color: var(--gv-faint);
  font-size: 12px;
  transition: transform .2s;
}

.t1x2-theme .gv-tp-acc-head[aria-expanded="true"] > i {
  transform: rotate(180deg);
}

.t1x2-theme .gv-tp-acc-time {
  flex: none;
  width: 52px;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

/* day headers: DANAS, SUTRA, 03.10.2026. */
.t1x2-theme .gv-tp-acc-day {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 6px;
  border-top: 1px solid var(--gv-line);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-acc-day:first-child {
  border-top: 0;
}

.t1x2-theme .gv-tp-acc-day span {
  color: var(--gv-coral-dark);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-acc-day::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-tp-acc-day + .gv-tp-acc-item {
  border-top: 0;
}

.t1x2-theme .gv-tp-acc-match {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-acc-match b,
.t1x2-theme .gv-tp-acc-match small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tp-acc-match b {
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .gv-tp-acc-match small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-tp-acc-body {
  padding: 4px 10px 10px;
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-acc-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px;
  border-radius: 12px;
  color: var(--gv-body);
  text-decoration: none;
}

.t1x2-theme .gv-tp-acc-row:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tp-acc-row .gv-avatar {
  width: 30px;
  height: 30px;
  font-size: 11px;
}

.t1x2-theme .gv-tp-acc-who {
  flex: 1;
  min-width: 0;
  line-height: 1.2;
}

.t1x2-theme .gv-tp-acc-who b {
  display: block;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tp-acc-who small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tp-acc-pick {
  max-width: 180px;
  overflow: hidden;
  padding: 3px 9px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 8px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 12.5px;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tp-acc-odd {
  width: 44px;
  color: var(--gv-coral-dark);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-acc-conf {
  width: 38px;
  color: var(--gv-muted);
  font-size: 12px;
  text-align: right;
}

.t1x2-theme .gv-tp-acc-row .gv-tp-res {
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 12px;
}

/* tip page tabs */
.t1x2-theme .gv-tp-tabs {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.t1x2-theme .gv-tp-tab-bar {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid var(--gv-line-strong);
}

.t1x2-theme .gv-tp-tab-bar.is-scroll {
  overflow-x: auto;
  scrollbar-width: none;
}

.t1x2-theme .gv-tp-tab-bar button {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: -1px;
  padding: 10px 14px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--gv-muted);
  background: none;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.t1x2-theme .gv-tp-tab-bar button small {
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--gv-input);
  font-size: 11px;
}

.t1x2-theme .gv-tp-tab-bar button.active {
  border-bottom-color: var(--gv-coral);
  color: var(--gv-ink);
}

.t1x2-theme [data-gv-pane][hidden] {
  display: none !important;
}

/* stats strip (INFO, nalog) */
.t1x2-theme .gv-tp-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
}

.t1x2-theme .gv-tp-stats > div {
  padding: 14px 16px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-stats small {
  display: block;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-stats b {
  color: var(--gv-ink);
  font-size: 22px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-stats b.is-sm {
  display: block;
  margin-top: 4px;
  font-size: 13px;
}

.t1x2-theme .gv-tp-stats b i {
  color: var(--gv-faint);
  font-size: 15px;
  font-style: normal;
}

.t1x2-theme .gv-tp-form-dots {
  grid-column: span 2;
}

.t1x2-theme .gv-tp-form-dots span {
  display: flex;
  gap: 5px;
  margin-top: 8px;
}

.t1x2-theme .gv-tp-form-dots i {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-form-dots i.is-won { background: var(--gv-green); }
.t1x2-theme .gv-tp-form-dots i.is-lost { background: var(--gv-red); }

.t1x2-theme .gv-tp-sub-link {
  margin: 0;
}

.t1x2-theme .gv-tp-sub-link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-coral-dark);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
}

/* chips */
.t1x2-theme .gv-tp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}

.t1x2-theme .gv-tp-chip b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-chip.is-dark {
  color: var(--gv-surface);
  background: var(--gv-ink);
}

.t1x2-theme .gv-tp-chip.is-danger {
  color: #fff;
  background: var(--gv-red);
}

.t1x2-theme .gv-tp-chip.is-link {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-chip.is-sm {
  padding: 3px 8px;
  font-size: 11.5px;
}

/* alerts */
.t1x2-theme .gv-tp-alert {
  display: flex;
  gap: 12px;
  padding: 13px 16px;
  border-radius: var(--gv-radius-sm);
  color: var(--gv-body);
  background: var(--gv-violet-tint);
  font-size: 13.5px;
  line-height: 1.55;
}

.t1x2-theme .gv-tp-alert > i {
  margin-top: 3px;
  color: var(--gv-violet);
}

.t1x2-theme .gv-tp-alert.is-warning { background: var(--gv-gold-tint); }
.t1x2-theme .gv-tp-alert.is-warning > i { color: var(--gv-gold-ink); }
.t1x2-theme .gv-tp-alert.is-danger { background: var(--gv-red-tint); }
.t1x2-theme .gv-tp-alert.is-danger > i { color: var(--gv-red); }

.t1x2-theme .gv-tp-alert a {
  color: var(--gv-coral-dark);
  font-weight: 700;
}

/* forms */
.t1x2-theme .gv-tp-form,
.t1x2-theme .gv-tp-final {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme form.gv-tp-form:not(.gv-tp-admin) {
  padding: 20px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-modal form.gv-tp-form {
  padding: 0;
  border: 0;
}

.t1x2-theme .gv-tp-form label,
.t1x2-theme .gv-tp-final label {
  margin: 6px 0 0;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .gv-tp-form label small,
.t1x2-theme .gv-tp-final label small {
  color: var(--gv-muted);
  font-weight: 500;
}

.t1x2-theme .gv-tp-form input:not([type=radio]):not([type=checkbox]),
.t1x2-theme .gv-tp-form select,
.t1x2-theme .gv-tp-form textarea,
.t1x2-theme .gv-tp-final textarea {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color .15s, background .15s;
}

.t1x2-theme .gv-tp-form textarea,
.t1x2-theme .gv-tp-final textarea {
  min-height: 110px;
  line-height: 1.6;
  resize: vertical;
}

.t1x2-theme .gv-tp-form :is(input, select, textarea):focus,
.t1x2-theme .gv-tp-final textarea:focus {
  border-color: var(--gv-coral);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-hint {
  color: var(--gv-muted);
  font-size: 12px;
  line-height: 1.5;
}

.t1x2-theme .gv-tp-counter-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.t1x2-theme .gv-tp-counter {
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-counter.is-ok { color: var(--gv-green); }
.t1x2-theme .gv-tp-counter.is-low { color: var(--gv-red); }

.t1x2-theme .gv-tp-form-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}

.t1x2-theme .gv-tp-form-foot.is-sticky {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  padding: 12px 14px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow);
}

.t1x2-theme .gv-tp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 11px 20px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-coral);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
}

.t1x2-theme .gv-tp-btn:hover {
  background: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-btn:disabled {
  opacity: .6;
  cursor: wait;
}

.t1x2-theme .gv-tp-btn.is-ghost {
  margin-left: 0;
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-form-msg {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.t1x2-theme .gv-tp-form-msg.is-ok { color: var(--gv-green); }
.t1x2-theme .gv-tp-form-msg.is-error { color: var(--gv-red); }

.t1x2-theme .gv-tp-form-foot.is-sticky .gv-tp-form-msg {
  flex: 1;
}

.t1x2-theme .gv-tp-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 16px;
}

.t1x2-theme .gv-tp-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.t1x2-theme .gv-tp-field.is-wide {
  grid-column: 1 / -1;
}

.t1x2-theme .gv-tp-admin fieldset {
  margin: 0 0 16px;
  padding: 18px 20px 20px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-admin legend {
  display: flex;
  align-items: center;
  gap: 8px;
  float: left;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  color: var(--gv-ink);
  font-size: 16px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-admin legend + * {
  clear: both;
}

.t1x2-theme .gv-tp-admin legend i {
  color: var(--gv-coral);
}

/* rules editor */
.t1x2-theme .gv-tp-editor {
  overflow: hidden;
  border: 1px solid var(--gv-line-strong);
  border-radius: 14px;
}

.t1x2-theme .gv-tp-editor-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 6px;
  border-bottom: 1px solid var(--gv-line);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-editor-bar button {
  min-width: 32px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  color: var(--gv-icon);
  background: transparent;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
}

.t1x2-theme .gv-tp-editor-bar button:hover,
.t1x2-theme .gv-tp-editor-bar button.is-on {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-editor-area {
  min-height: 260px;
  max-height: 560px;
  padding: 14px 18px;
  overflow-y: auto;
  outline: none;
}

.t1x2-theme .gv-tp-editor textarea {
  border-radius: 0 !important;
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 12.5px !important;
}

/* checkbox (INFO) */
.t1x2-theme .gv-tp-check {
  display: flex !important;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(245, 165, 36, .45);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-gold-tint);
  cursor: pointer;
}

.t1x2-theme .gv-tp-check.is-inline {
  padding: 10px 12px;
  margin-top: 28px !important;
}

.t1x2-theme .gv-tp-check input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--gv-coral);
}

.t1x2-theme .gv-tp-check b {
  display: block;
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-check small {
  color: var(--gv-body);
  font-size: 12.5px;
  font-weight: 500;
}

/* stake (sigurnost) */
.t1x2-theme .gv-tp-stakes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-tp-stakes label {
  margin: 0 !important;
  cursor: pointer;
}

.t1x2-theme .gv-tp-stakes input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .gv-tp-stakes span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 14px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 16px;
  font-weight: 800;
  transition: background .15s, color .15s, border-color .15s;
}

.t1x2-theme .gv-tp-stakes label:hover span {
  border-color: var(--gv-ink);
}

.t1x2-theme .gv-tp-stakes input:checked + span {
  border-color: var(--gv-coral);
  color: #fff;
  background: var(--gv-coral);
}

.t1x2-theme .gv-tp-stakes input:focus-visible + span {
  outline: 2px solid var(--gv-coral);
  outline-offset: 2px;
}

.t1x2-theme .gv-tp-stakes label.is-off {
  cursor: not-allowed;
}

.t1x2-theme .gv-tp-stakes label.is-off span {
  color: var(--gv-faint);
  background: var(--gv-input);
  border-color: transparent;
  opacity: .55;
}

/* Dodaj tip: "Uslovi za poklon" check list (tp_gift_check) */
.t1x2-theme .gv-tp-gift {
  margin-bottom: 14px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-tp-gift > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
}

.t1x2-theme .gv-tp-gift > summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .gv-tp-gift-badge {
  display: grid;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-size: 16px;
}

.t1x2-theme .gv-tp-gift-title {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .gv-tp-gift-title b {
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-gift-title small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-tp-gift-score {
  flex: none;
  padding: 5px 11px;
  border-radius: 999px;
  color: var(--gv-red);
  background: var(--gv-red-tint);
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-gift.is-all .gv-tp-gift-score {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-tp-gift-chev {
  flex: none;
  color: var(--gv-faint);
  font-size: 12px;
  transition: transform .2s;
}

.t1x2-theme .gv-tp-gift[open] .gv-tp-gift-chev {
  transform: rotate(180deg);
}

.t1x2-theme .gv-tp-gift-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0 18px;
  list-style: none;
}

.t1x2-theme .gv-tp-gift-list li {
  --gv-st: var(--gv-red);
  --gv-st-tint: var(--gv-red-tint);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
  box-shadow: inset 3px 0 0 var(--gv-st);
}

.t1x2-theme .gv-tp-gift-list li.is-ok {
  --gv-st: var(--gv-green);
  --gv-st-tint: var(--gv-green-tint);
}

.t1x2-theme .gv-tp-gift-list li.is-wait {
  --gv-st: var(--gv-gold);
  --gv-st-tint: var(--gv-gold-tint);
}

.t1x2-theme .gv-tp-gift-ico {
  display: grid;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--gv-st);
  background: var(--gv-st-tint);
  font-size: 14px;
}

.t1x2-theme .gv-tp-gift-main {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-gift-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.t1x2-theme .gv-tp-gift-top b {
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
}

.t1x2-theme .gv-tp-gift-val {
  color: var(--gv-st);
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-gift-list li.is-wait .gv-tp-gift-val {
  color: var(--gv-gold-ink);
}

.t1x2-theme .gv-tp-gift-bar {
  display: block;
  height: 5px;
  margin: 7px 0 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-tp-gift-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gv-st);
}

.t1x2-theme .gv-tp-gift-main small {
  display: block;
  color: var(--gv-muted);
  font-size: 12px;
  line-height: 1.45;
}

.t1x2-theme .gv-tp-gift-state {
  flex: none;
  color: var(--gv-st);
  font-size: 18px;
  line-height: 1;
}

.t1x2-theme .gv-tp-gift-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 12px 18px 16px;
  padding: 10px 13px;
  border-radius: 12px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-gift-note i {
  color: var(--gv-gold-ink);
}

.t1x2-theme .gv-tp-gift.is-all .gv-tp-gift-note {
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-tp-gift.is-all .gv-tp-gift-note i {
  color: var(--gv-green);
}

@media (max-width: 575.98px) {
  .t1x2-theme .gv-tp-gift > summary {
    padding: 13px 14px;
  }

  .t1x2-theme .gv-tp-gift-list {
    grid-template-columns: 1fr;
    padding: 0 12px;
  }

  .t1x2-theme .gv-tp-gift-note {
    margin: 10px 12px 14px;
  }
}

/* Dodaj tip */
.t1x2-theme .gv-tp-add {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
  scroll-margin-top: 80px;
}

.t1x2-theme .gv-tp-add-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-tp-search,
.t1x2-theme .gv-tp-filter-input {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-search:focus-within,
.t1x2-theme .gv-tp-filter-input:focus-within {
  border-color: var(--gv-coral);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-search i,
.t1x2-theme .gv-tp-filter-input i {
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-search input,
.t1x2-theme .gv-tp-filter-input input {
  flex: 1;
  min-width: 0;
  height: 48px;
  border: 0;
  color: var(--gv-ink);
  background: transparent;
  font-size: 15px;
  outline: none;
}

.t1x2-theme .gv-tp-filter-input {
  margin-bottom: 10px;
}

.t1x2-theme .gv-tp-filter-input input {
  height: 40px;
  font-size: 14px;
}

.t1x2-theme .gv-tp-search input::-webkit-search-cancel-button,
.t1x2-theme .gv-tp-filter-input input::-webkit-search-cancel-button {
  display: none;
}

.t1x2-theme .gv-tp-search button {
  border: 0;
  color: var(--gv-muted);
  background: none;
  cursor: pointer;
}

.t1x2-theme .gv-tp-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--gv-faint);
  font-size: 13px;
}

.t1x2-theme .gv-tp-steps:empty {
  display: none;
}

.t1x2-theme .gv-tp-steps > i {
  font-size: 9px;
}

.t1x2-theme .gv-tp-steps button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  color: var(--gv-coral-dark);
  background: none;
  font-weight: 600;
  cursor: pointer;
}

.t1x2-theme .gv-tp-steps span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  overflow: hidden;
  color: var(--gv-ink);
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tp-sport-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
  gap: 10px;
}

.t1x2-theme .gv-tp-sport-grid button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 8px 14px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  color: var(--gv-ink);
  background: var(--gv-sunken);
  cursor: pointer;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}

.t1x2-theme .gv-tp-sport-grid button:hover {
  border-color: var(--gv-coral);
  box-shadow: var(--gv-shadow-sm);
  transform: translateY(-2px);
}

.t1x2-theme .gv-tp-sport-grid span {
  font-size: 30px;
  line-height: 1.2;
}

.t1x2-theme .gv-tp-sport-grid b {
  font-size: 14px;
}

.t1x2-theme .gv-tp-sport-grid small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tp-pick-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tp-pick-list li[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-pick-list button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 12px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-body);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.t1x2-theme .gv-tp-pick-list button:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tp-pick-list button > i {
  color: var(--gv-faint);
  font-size: 11px;
}

.t1x2-theme .gv-tp-pick-time {
  flex: none;
  width: 48px;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-pick-main {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-pick-main b {
  display: block;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 600;
}

.t1x2-theme .gv-tp-pick-main small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-tp-pick-day {
  margin: 10px 4px 4px;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-event-head {
  margin-bottom: 12px;
}

.t1x2-theme .gv-tp-event-head small {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-event-head h3 {
  margin: 4px 0 0;
  color: var(--gv-ink);
  font-size: 20px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-market {
  margin-bottom: 14px;
}

.t1x2-theme .gv-tp-market[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-market h4 {
  margin: 0 0 8px;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-odds {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 6px;
}

.t1x2-theme .gv-tp-oddbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--gv-line);
  border-radius: 12px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}

.t1x2-theme .gv-tp-oddbtn[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-oddbtn b {
  color: var(--gv-coral-dark);
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-oddbtn:hover:not(:disabled) {
  border-color: var(--gv-ink);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-oddbtn.is-low {
  opacity: .4;
  cursor: not-allowed;
}

.t1x2-theme .gv-tp-preview {
  padding: 16px 18px;
  border-radius: var(--gv-radius-sm);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-preview .gv-tp-match {
  margin-bottom: 12px;
}

.t1x2-theme .gv-tp-preview .gv-tp-alert {
  margin-top: 12px;
}

.t1x2-theme .gv-tp-link {
  padding: 0;
  border: 0;
  color: var(--gv-coral-dark);
  background: none;
  font-weight: 700;
  cursor: pointer;
}

/* contest choice */
.t1x2-theme .gv-tp-choose h2 {
  margin: 0 0 4px;
  color: var(--gv-ink);
  font-size: 20px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-choose > p {
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .gv-tp-choose-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.t1x2-theme .gv-tp-choose-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 22px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  color: var(--gv-body);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
  text-align: left;
  cursor: pointer;
  transition: border-color .15s, transform .15s;
}

.t1x2-theme .gv-tp-choose-card:hover {
  border-color: var(--gv-coral);
  transform: translateY(-2px);
}

.t1x2-theme .gv-tp-choose-card > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
  font-size: 18px;
}

.t1x2-theme .gv-tp-choose-card b {
  color: var(--gv-ink);
  font-size: 16px;
}

.t1x2-theme .gv-tp-choose-card small {
  color: var(--gv-muted);
  font-size: 13px;
  line-height: 1.5;
}

.t1x2-theme .gv-tp-choose-card span {
  margin-top: auto;
  padding: 4px 10px;
  border-radius: 999px;
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-size: 12px;
  font-weight: 700;
}

/* tables */
.t1x2-theme .gv-tp-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-tp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.t1x2-theme .gv-tp-table th {
  padding: 12px 12px;
  border-bottom: 1px solid var(--gv-line-strong);
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--gv-line);
  vertical-align: middle;
}

.t1x2-theme .gv-tp-table tr:last-child td {
  border-bottom: 0;
}

.t1x2-theme .gv-tp-table tr.is-me td {
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-tp-table .gv-tp-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-table td.gv-tp-num b {
  display: block;
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .gv-tp-table td.gv-tp-num small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tp-table td.gv-tp-num b.gv-pos { color: var(--gv-green); }
.t1x2-theme .gv-tp-table td.gv-tp-num b.gv-neg { color: var(--gv-red); }
.t1x2-theme .gv-tp-table .gv-tp-prize b { color: var(--gv-gold-ink) !important; }

/* MUZEJ TIPSTERA (php/muzej_prikaz.php on a static page): framed like the article tables
   (.gv-table-wrap), a search box, the icons of the columns; on phones only the icons in the
   header and the name stays on the left while the numbers scroll */
.t1x2-theme .gv-mz {
  margin-top: 16px;
}

.t1x2-theme .gv-mz-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 4px;
}

.t1x2-theme .gv-mz-search {
  position: relative;
  display: flex;
  flex: 1 1 240px;
  align-items: center;
  max-width: 320px;
  margin: 0;
}

.t1x2-theme .gv-mz-search i {
  position: absolute;
  left: 14px;
  color: var(--gv-muted);
  font-size: 13px;
  pointer-events: none;
}

.t1x2-theme .gv-mz-search input {
  width: 100%;
  min-height: 40px;
  padding: 8px 14px 8px 38px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 999px;
  background: var(--gv-input);
  color: var(--gv-ink);
  font-size: 13.5px;
}

.t1x2-theme .gv-mz-search input:focus {
  outline: none;
  border-color: var(--gv-coral);
}

.t1x2-theme .gv-mz-sum {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-mz-sum b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-mz-wrap {
  margin: 10px 0 0;
}

.t1x2-theme .gv-mz-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-mz .gv-mz-table th,
.t1x2-theme .gv-mz .gv-mz-table td {
  padding: 10px 8px;
  border: 0;
  border-bottom: 1px solid var(--gv-line);
  background: var(--gv-surface);
  vertical-align: middle;
}

.t1x2-theme .gv-mz .gv-mz-table thead th {
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .3px;
  text-transform: uppercase;
  white-space: normal;
}

.t1x2-theme .gv-mz .gv-mz-table tbody tr:last-child > * {
  border-bottom: 0;
}

.t1x2-theme .gv-mz .gv-mz-table tbody tr:hover > * {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-mz .gv-mz-pos {
  width: 34px;
  color: var(--gv-muted);
  font-weight: 700;
  text-align: center;
}

.t1x2-theme .gv-mz .gv-mz-num {
  width: 62px;
  text-align: center;
}

.t1x2-theme .gv-mz-head {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.t1x2-theme .gv-mz-head i {
  font-size: 16px;
}

.t1x2-theme .gv-mz-head i.is-gold { color: var(--gv-gold); }
.t1x2-theme .gv-mz-head i.is-silver { color: #9aa3ad; }
.t1x2-theme .gv-mz-head i.is-bronze { color: #c0793e; }
.t1x2-theme .gv-mz-head i.is-blue { color: #2f6fdf; }

.t1x2-theme .gv-mz-who {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 140px;
}

.t1x2-theme .gv-mz a.gv-mz-name {
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-mz a.gv-mz-name:hover {
  color: var(--gv-coral);
}

.t1x2-theme .gv-mz .gv-mz-table td.is-zero {
  color: var(--gv-muted);
  opacity: .5;
}

.t1x2-theme .gv-mz-table td[title] {
  cursor: help;
}

.t1x2-theme .gv-mz .gv-mz-table td.gv-mz-total {
  color: var(--gv-ink);
  font-weight: 800;
}

.t1x2-theme .gv-mz-none,
.t1x2-theme .gv-mz-empty {
  margin: 0;
  padding: 18px;
  color: var(--gv-muted);
  text-align: center;
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-mz-head span {
    display: none;
  }

  .t1x2-theme .gv-mz .gv-mz-table th,
  .t1x2-theme .gv-mz .gv-mz-table td {
    padding: 9px 7px;
  }

  .t1x2-theme .gv-mz .gv-mz-num {
    width: 44px;
  }

  .t1x2-theme .gv-mz .gv-mz-table .gv-mz-person {
    position: sticky;
    left: 0;
    z-index: 1;
    box-shadow: 1px 0 0 var(--gv-line);
  }

  .t1x2-theme .gv-mz-search {
    max-width: none;
  }
}

.t1x2-theme .gv-tp-pos {
  width: 44px;
}

.t1x2-theme .gv-tp-pos span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--gv-muted);
  font-weight: 800;
}

.t1x2-theme .gv-tp-pos .is-top {
  color: #fff;
}

.t1x2-theme .gv-tp-pos .is-top1 { background: linear-gradient(135deg, #f5c400, #e09400); }
.t1x2-theme .gv-tp-pos .is-top2 { background: linear-gradient(135deg, #b9c0c8, #8a929c); }
.t1x2-theme .gv-tp-pos .is-top3 { background: linear-gradient(135deg, #d9925a, #a8622d); }

.t1x2-theme .gv-tp-user {
  min-width: 200px;
}

.t1x2-theme .gv-tp-user-in {
  display: flex;
  align-items: center;
  gap: 10px;
}

.t1x2-theme .gv-tp-user .gv-avatar {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

.t1x2-theme .gv-tp-user .gv-tp-name {
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-tp-user small {
  display: block;
  color: var(--gv-faint);
  font-size: 11.5px;
}

.t1x2-theme .gv-tp-act-cell {
  width: 1%;
  text-align: right;
}

.t1x2-theme .gv-tp-follow.is-compact span {
  display: inline;
}

/* mini tables (rail, past months) */
.t1x2-theme .gv-tp-mini-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
  padding: 3px;
  border-radius: 12px;
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-mini-tabs button {
  flex: 1 1 auto;
  padding: 6px 8px;
  white-space: nowrap;
  border: 0;
  border-radius: 9px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .gv-tp-mini-tabs button.active {
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: 0 1px 3px rgba(20, 22, 26, .12);
}

.t1x2-theme .gv-tp-mini {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tp-mini li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 2px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tp-mini li:last-child {
  border-bottom: 0;
}

.t1x2-theme .gv-tp-mini .gv-avatar {
  width: 28px;
  height: 28px;
  font-size: 10px;
}

.t1x2-theme .gv-tp-mini-pos {
  width: 18px;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.t1x2-theme .gv-tp-mini-name {
  flex: 1;
  min-width: 0;
  line-height: 1.2;
}

.t1x2-theme .gv-tp-mini-name a,
.t1x2-theme .gv-tp-mini-name > span {
  display: block;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-tp-mini-name small {
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .gv-tp-mini > li > b {
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-mini-empty {
  justify-content: center;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-rail-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px;
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-tp-history {
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-history summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  color: var(--gv-ink);
  font-size: 16px;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}

.t1x2-theme .gv-tp-history summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .gv-tp-history[open] summary i {
  transform: rotate(180deg);
}

.t1x2-theme .gv-tp-history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  padding: 0 20px 18px;
}

.t1x2-theme .gv-tp-history h3 {
  margin: 0 0 6px;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-history h3 i {
  margin-right: 6px;
  color: var(--gv-coral);
}

/* podium colors on the final standings */
.t1x2-theme .gv-tp-history li[class^="is-top"] .gv-tp-mini-pos {
  flex: none;
  height: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
}

.t1x2-theme .gv-tp-history li.is-top1 .gv-tp-mini-pos {
  color: #fff;
  background: var(--gv-gold);
}

.t1x2-theme .gv-tp-history li.is-top2 .gv-tp-mini-pos {
  color: #fff;
  background: #a7adb6;
}

.t1x2-theme .gv-tp-history li.is-top3 .gv-tp-mini-pos {
  color: #fff;
  background: #c98a55;
}

/* weekly winners: four cards, top 3 of each week */
.t1x2-theme .gv-tp-history-weeks {
  padding: 4px 20px 20px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tp-history-weeks > h3 {
  margin: 14px 0 10px;
}

.t1x2-theme .gv-tp-week-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.t1x2-theme .gv-tp-week-card {
  padding: 12px 12px 6px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-week-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 4px;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-week-label small {
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.t1x2-theme .gv-tp-week-card .gv-tp-muted {
  margin: 6px 0 8px;
  font-size: 12.5px;
}

/* admin: extra tables (checkboxes) */
.t1x2-theme .gv-tp-field-checks {
  gap: 8px;
}

/* inbox (predlozi, prijave) */
.t1x2-theme .gv-tp-inbox,
.t1x2-theme .gv-tp-card-history {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tp-inbox > li {
  display: flex;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-inbox > li.is-new {
  border-color: rgba(var(--gv-coral-rgb), .35);
  box-shadow: inset 3px 0 0 var(--gv-coral);
}

.t1x2-theme .gv-tp-inbox > li > div {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-inbox-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .gv-tp-inbox-head .gv-tp-name {
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-tp-inbox-head time {
  margin-left: auto;
  color: var(--gv-faint);
  font-size: 12px;
}

.t1x2-theme .gv-tp-inbox-tip {
  display: flex;
  gap: 8px;
  margin-top: 6px;
  font-size: 13px;
}

.t1x2-theme .gv-tp-inbox-tip a {
  color: var(--gv-coral-dark);
  text-decoration: none;
}

.t1x2-theme .gv-tp-inbox p {
  margin: 6px 0 0;
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-tp-inbox-actions {
  display: flex;
  gap: 6px;
  margin-top: 10px;
}

.t1x2-theme .gv-tp-inbox-actions button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .gv-tp-inbox-actions .is-danger {
  color: var(--gv-red);
}

.t1x2-theme .gv-tp-done {
  color: var(--gv-green);
  font-size: 12.5px;
  font-weight: 700;
}

/* reports of tips as a conversation (php/tipovi/tp_prijave.php): /tipovi/prijave (team),
   /tipovi/moje-prijave (the member who reported the tip) */
.t1x2-theme .gv-tp-rp-filters {
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.t1x2-theme .gv-tp-rp-filters b {
  margin-left: 4px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tp-rp-flag {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-tp-rp-state {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--gv-muted);
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-rp-state.is-team,
.t1x2-theme .gv-tp-rp-state.is-answer { color: var(--gv-coral-dark); background: var(--gv-coral-tint); }
.t1x2-theme .gv-tp-rp-state.is-user { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }
.t1x2-theme .gv-tp-rp-state.is-done { color: var(--gv-green); background: var(--gv-green-tint); }

.t1x2-theme .gv-tp-rp-thread {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tp-rp-thread > li {
  max-width: 92%;
  padding: 10px 13px;
  border-radius: 14px;
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-rp-thread > li.is-mod {
  align-self: flex-end;
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-tp-rp-thread > li.is-note {
  align-self: flex-end;
  border: 1px dashed rgba(245, 165, 36, .6);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-tp-rp-thread > li p {
  margin: 4px 0 0;
  font-size: 14px;
}

.t1x2-theme .gv-tp-rp-who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--gv-ink);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-tp-rp-who i {
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-rp-thread > li.is-mod .gv-tp-rp-who i { color: var(--gv-coral); }
.t1x2-theme .gv-tp-rp-thread > li.is-note .gv-tp-rp-who i { color: var(--gv-gold-ink); }

.t1x2-theme .gv-tp-rp-who small {
  color: var(--gv-muted);
  font-weight: 500;
}

.t1x2-theme .gv-tp-rp-who time {
  margin-left: auto;
  color: var(--gv-faint);
  font-size: 11.5px;
  font-weight: 500;
}

.t1x2-theme .gv-tp-rp-thread > li.gv-tp-rp-event {
  align-self: center;
  max-width: 100%;
  padding: 4px 12px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 12px;
  text-align: center;
}

.t1x2-theme .gv-tp-rp-event i {
  margin-right: 6px;
  color: var(--gv-green);
}

.t1x2-theme .gv-tp-rp-event time {
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-inbox form.gv-tp-rp-form {
  gap: 8px;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

.t1x2-theme .gv-tp-inbox .gv-tp-rp-form textarea {
  min-height: 76px;
}

/* a note for the team: the field turns yellow */
.t1x2-theme .gv-tp-rp-form:has(input[name=interno]:checked) textarea {
  border-color: rgba(245, 165, 36, .6);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-tp-rp-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.t1x2-theme .gv-tp-form .gv-tp-rp-opts label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--gv-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.t1x2-theme .gv-tp-rp-opts input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--gv-coral);
}

.t1x2-theme .gv-tp-rp-opts i {
  margin-right: 4px;
  color: var(--gv-faint);
}

/* a note is never signed: the option fades out */
.t1x2-theme .gv-tp-rp-form:has(input[name=interno]:checked) .gv-tp-rp-sign {
  opacity: .45;
  pointer-events: none;
}

.t1x2-theme .gv-tp-rp-foot {
  display: flex;
  align-items: center;
  gap: 10px;
}

.t1x2-theme .gv-tp-rp-closed {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0 !important;
  color: var(--gv-muted) !important;
  font-size: 13px !important;
}

.t1x2-theme .gv-tp-rp-closed i {
  color: var(--gv-green);
}

/* the flag on a tip the member already reported (open report) */
.t1x2-theme .gv-tp-tool.is-reported {
  color: var(--gv-coral);
}

@media (max-width: 575px) {
  .t1x2-theme .gv-tp-rp-thread > li {
    max-width: 100%;
  }
}

.t1x2-theme .gv-tp-card-history > li {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  font-size: 13px;
}

.t1x2-theme .gv-tp-card-history.is-compact {
  gap: 6px;
  margin-top: 8px;
}

.t1x2-theme .gv-tp-card-history.is-compact > li {
  padding: 8px 10px;
}

.t1x2-theme .gv-tp-card-history p {
  margin: 2px 0 0;
}

.t1x2-theme .gv-tp-karton-pick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.t1x2-theme .gv-tp-karton-pick label {
  margin: 0 !important;
  cursor: pointer;
}

.t1x2-theme .gv-tp-karton-pick input {
  position: absolute;
  opacity: 0;
}

.t1x2-theme .gv-tp-karton-pick label > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 14px 8px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 14px;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.t1x2-theme .gv-tp-karton-pick input:checked + span {
  border-color: var(--gv-ink);
  box-shadow: inset 0 0 0 1px var(--gv-ink);
  background: var(--gv-sunken);
}

/* modal */
.t1x2-theme .gv-tp-modal {
  position: fixed;
  inset: 0;
  z-index: 1060;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.t1x2-theme .gv-tp-modal[hidden] {
  display: none;
}

.t1x2-theme .gv-tp-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 14, 17, .55);
}

.t1x2-theme .gv-tp-modal-box {
  position: relative;
  width: 100%;
  max-width: 620px;
  max-height: calc(100vh - 40px);
  padding: 24px;
  overflow-y: auto;
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-popup);
}

.t1x2-theme .gv-tp-modal-x {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  color: var(--gv-muted);
  background: var(--gv-input);
  cursor: pointer;
}

.t1x2-theme .gv-tp-modal-title {
  margin: 0 40px 0 0;
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
}

body.gv-tp-modal-open {
  overflow: hidden;
}

.t1x2-theme .gv-tp-rules {
  padding: 22px 26px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
}

/* rules text from the admin: compact, easier to scan */
.t1x2-theme .gv-article-body.gv-tp-rules,
.t1x2-theme .gv-tp-rules p,
.t1x2-theme .gv-tp-rules li,
.t1x2-theme .gv-tp-rules td {
  font-size: 14px !important;
  line-height: 1.65;
}

.t1x2-theme .gv-tp-rules > p,
.t1x2-theme .gv-tp-rules > ul,
.t1x2-theme .gv-tp-rules > ol,
.t1x2-theme .gv-tp-rules > h2,
.t1x2-theme .gv-tp-rules > h3,
.t1x2-theme .gv-tp-rules > h4 {
  max-width: none;
}

.t1x2-theme .gv-tp-rules p {
  margin: 0 0 10px;
}

.t1x2-theme .gv-tp-rules ul,
.t1x2-theme .gv-tp-rules ol {
  margin: 0 0 12px;
  padding-left: 20px;
}

.t1x2-theme .gv-tp-rules li {
  margin-bottom: 4px;
}

.t1x2-theme .gv-tp-rules h2 {
  margin: 22px 0 8px;
  font-size: 17px !important;
}

.t1x2-theme .gv-tp-rules h3,
.t1x2-theme .gv-tp-rules h4 {
  margin: 18px 0 6px;
  font-size: 15px !important;
}

.t1x2-theme .gv-tp-rules > *:first-child {
  margin-top: 0;
}


/* tip / odds / confidence: one light strip (no filled boxes) */
.t1x2-theme .gv-tp-betline {
  display: inline-flex;
  align-items: stretch;
  max-width: 100%;
  padding: 9px 4px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 16px;
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-card.is-won .gv-tp-betline { border-color: rgba(18, 161, 80, .45); }
.t1x2-theme .gv-tp-card.is-lost .gv-tp-betline { border-color: rgba(229, 72, 77, .45); }

.t1x2-theme .gv-tp-bl-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  padding: 0 16px;
}

.t1x2-theme .gv-tp-bl-item + .gv-tp-bl-item {
  border-left: 1px solid var(--gv-line-strong);
}

.t1x2-theme .gv-tp-bl-item small {
  color: var(--gv-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-bl-item b {
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-tp-bl-odd b {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-tp-card.is-won .gv-tp-bl-pick b { color: var(--gv-green); }
.t1x2-theme .gv-tp-card.is-lost .gv-tp-bl-pick b { color: var(--gv-red); }

.t1x2-theme .gv-tp-bl-conf {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  align-content: center;
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
}

.t1x2-theme .gv-tp-bl-conf small {
  grid-column: 1 / -1;
}

.t1x2-theme .gv-tp-bl-conf b {
  white-space: nowrap;
}

.t1x2-theme .gv-tp-bl-conf b em {
  color: var(--gv-faint);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.t1x2-theme .gv-tp-dots {
  display: inline-flex;
  gap: 3px;
}

.t1x2-theme .gv-tp-dots i {
  width: 5px;
  height: 14px;
  border-radius: 3px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-tp-dots i.on {
  background: var(--gv-conf, var(--gv-gold));
}

/* confidence color: 10 = deep green ... 1 = orange (no red, red means a miss) */
.t1x2-theme .gv-tp-dots.is-c10 {
  --gv-conf: #15803d;
}

.t1x2-theme .gv-tp-dots.is-c9 {
  --gv-conf: #1f9a48;
}

.t1x2-theme .gv-tp-dots.is-c8 {
  --gv-conf: #2fb455;
}

.t1x2-theme .gv-tp-dots.is-c7 {
  --gv-conf: #62bd3d;
}

.t1x2-theme .gv-tp-dots.is-c6 {
  --gv-conf: #93c233;
}

.t1x2-theme .gv-tp-dots.is-c5 {
  --gv-conf: #bfb82b;
}

.t1x2-theme .gv-tp-dots.is-c4 {
  --gv-conf: #d9a726;
}

.t1x2-theme .gv-tp-dots.is-c3 {
  --gv-conf: #e89524;
}

.t1x2-theme .gv-tp-dots.is-c2 {
  --gv-conf: #f08321;
}

.t1x2-theme .gv-tp-dots.is-c1 {
  --gv-conf: #f5731c;
}


/* locked comments */
.t1x2-theme .gv-tp-act.is-locked {
  color: var(--gv-faint);
  cursor: default;
}

.t1x2-theme .gv-tp-act.is-locked:hover {
  background: transparent;
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-locked-note {
  margin: 12px 0 0;
}

/* moderators: delete a comment (cards and the analysis sheet) */
.t1x2-theme .gv-ta-comment-del {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: var(--gv-faint);
  background: transparent;
  font-size: 11.5px;
  cursor: pointer;
}

.t1x2-theme .gv-ta-comment-del:hover {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

/* tables: previous months on top, weekly tabs */
.t1x2-theme .gv-tp-history-cta {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1px solid rgba(245, 165, 36, .45);
  border-radius: var(--gv-radius-sm);
  color: var(--gv-ink);
  background: linear-gradient(120deg, var(--gv-gold-tint), var(--gv-surface) 80%);
  text-decoration: none;
  transition: border-color .15s, transform .15s;
}

.t1x2-theme .gv-tp-history-cta:hover {
  border-color: var(--gv-gold);
  color: var(--gv-ink);
  transform: translateY(-1px);
}

.t1x2-theme .gv-tp-history-ico {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #f5c400, #e09400);
  font-size: 18px;
}

.t1x2-theme .gv-tp-history-cta > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-tp-history-cta b {
  display: block;
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-history-cta small {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-history-cta > i {
  color: var(--gv-gold-ink);
}

.t1x2-theme .gv-tp-tab-sep {
  display: inline-flex;
  flex: none;
  align-items: center;
  margin: 0 2px 0 10px;
  padding-left: 12px;
  border-left: 1px solid var(--gv-line-strong);
  color: var(--gv-faint);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-tab-bar button.is-week {
  display: inline-grid;
  grid-template-columns: auto auto;
  column-gap: 6px;
  align-items: center;
  justify-items: start;
  line-height: 1.2;
}

.t1x2-theme .gv-tp-tab-bar button.is-week small {
  grid-column: 1 / -1;
  justify-self: center;
  padding: 0;
  background: none;
  color: var(--gv-faint);
  font-size: 11px;
  font-weight: 600;
}

.t1x2-theme [data-gv-pane] > .gv-tp-alert {
  margin-bottom: 12px;
}

/* right column: profit + gift */
.t1x2-theme .gv-tp-mini-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.2;
}

.t1x2-theme .gv-tp-mini-gift {
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* with gifts: the € amount leads, profit under it (as in the home table) */
.t1x2-theme .gv-tp-mini-profit {
  font-size: 10.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-rail .gv-thanks-meta .gv-tp-res {
  width: 18px;
  height: 18px;
  margin-left: 6px;
  font-size: 10px;
  vertical-align: middle;
}

/* home widget modal: no € column when gifts are off */
.t1x2-theme .gv-table-head.is-no-gift,
.t1x2-theme .gv-rank-table.is-no-gift li {
  grid-template-columns: 26px minmax(0, 1fr) 52px 58px 62px;
}


/* results by hand (/tipovi/rezultati) */
.t1x2-theme .gv-tp-res-n {
  flex: none;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-results .gv-tp-acc-body {
  padding: 12px 16px 16px;
}

.t1x2-theme .gv-tp-table-wrap.is-flat {
  border-radius: 14px;
  box-shadow: none;
}

.t1x2-theme .gv-tp-res-table td,
.t1x2-theme .gv-tp-res-table th {
  padding: 8px 12px;
}

.t1x2-theme .gv-tp-res-open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-coral-dark);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-res-form {
  margin-top: 14px;
}

.t1x2-theme .gv-tp-res-label {
  margin-bottom: 8px;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tp-res-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.t1x2-theme .gv-tp-res-pick {
  margin: 0;
  cursor: pointer;
}

.t1x2-theme .gv-tp-res-pick input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .gv-tp-res-pick span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 14px;
  font-weight: 700;
  transition: background .15s, border-color .15s, color .15s;
}

.t1x2-theme .gv-tp-res-pick span i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--gv-line-strong);
  border-radius: 5px;
  color: transparent;
  font-size: 10px;
}

.t1x2-theme .gv-tp-res-pick input:checked + span {
  border-color: var(--gv-green);
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-tp-res-pick input:checked + span i {
  border-color: var(--gv-green);
  color: #fff;
  background: var(--gv-green);
}

.t1x2-theme .gv-tp-res-pick.is-void span i {
  border: 0;
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-res-pick.is-void input:checked + span {
  border-color: var(--gv-ink);
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-res-pick.is-void input:checked + span i {
  color: var(--gv-ink);
  background: none;
}

.t1x2-theme .gv-tp-res-pick input:focus-visible + span {
  outline: 2px solid var(--gv-coral);
  outline-offset: 2px;
}

.t1x2-theme .gv-tp-res-done {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  color: var(--gv-green);
  font-size: 14px;
  font-weight: 700;
}

.t1x2-theme .gv-tp-res-count {
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .gv-tp-res-count span {
  color: var(--gv-ink);
  font-weight: 800;
}

/* automatic results: last run + "Povuci rezultate sada" (/tipovi/rezultati) */
.t1x2-theme .gv-tp-auto-run {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--gv-line);
  border-left: 3px solid var(--gv-coral);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-auto-run > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1 1 260px;
}

.t1x2-theme .gv-tp-auto-run b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .gv-tp-auto-run b i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-tp-auto-run small {
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-tp-auto-run .gv-tp-form-msg {
  flex: 1 1 100%;
  margin: 0;
}

/* close the month (/tipovi/zakljuci) */
.t1x2-theme .gv-tp-close {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.t1x2-theme .gv-tp-checks,
.t1x2-theme .gv-tp-medals {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tp-checks li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--gv-line);
  border-radius: 14px;
  background: var(--gv-surface);
  font-size: 14px;
}

.t1x2-theme .gv-tp-checks li.is-ok i { color: var(--gv-green); }
.t1x2-theme .gv-tp-checks li.is-bad { border-color: rgba(229, 72, 77, .4); background: var(--gv-red-tint); }
.t1x2-theme .gv-tp-checks li.is-bad i { color: var(--gv-red); }

.t1x2-theme .gv-tp-checks a {
  color: var(--gv-coral-dark);
  font-weight: 700;
}

.t1x2-theme .gv-tp-steps-list {
  margin: 0;
  padding: 16px 18px 16px 36px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.6;
}

.t1x2-theme .gv-tp-steps-list li + li {
  margin-top: 4px;
}

.t1x2-theme .gv-tp-steps-list a {
  color: var(--gv-coral-dark);
  font-weight: 700;
}

.t1x2-theme .gv-tp-medals li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--gv-line);
  border-radius: 14px;
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-medals .gv-tp-medal-ico {
  font-size: 22px;
}

.t1x2-theme .gv-tp-medals b {
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .gv-tp-medals small {
  margin-left: auto;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-check.is-danger {
  border-color: rgba(229, 72, 77, .4);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-tp-close-form {
  margin-top: 6px;
}

.t1x2-theme .gv-tp-btn:disabled {
  cursor: not-allowed;
}

/* responsive */
@media (max-width: 1399.98px) {
  .t1x2-theme .gv-tp-grid {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}

@media (max-width: 1199.98px) {
  .t1x2-theme .gv-tp-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-tp-rail {
    position: static;
  }
}

@media (max-width: 991.98px) {
  .t1x2-theme .gv-tp-pills {
    display: flex;
  }

  /* phones / tablets: the right column is not needed */
  .t1x2-theme .gv-tp-rail {
    display: none;
  }
}

@media (max-width: 767.98px) {
  /* the pills reach the screen edges: the page has 10px side padding on phones (not 16px,
     which made every page with pills 6px wider than the screen) */
  .t1x2-theme .gv-shell .gv-tp-pills {
    margin: 0 -10px;
    padding: 0 10px 2px;
  }

  .t1x2-theme .gv-tp-head h1 {
    font-size: 23px;
  }

  .t1x2-theme .gv-tp-cta {
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
  }

  .t1x2-theme .gv-tp-cta::after {
    right: -10px;
  }

  .t1x2-theme .gv-tp-cta-btn {
    justify-content: center;
  }

  .t1x2-theme .gv-tp-filter-end {
    width: 100%;
    margin-left: 0;
  }

  .t1x2-theme .gv-tp-sports {
    flex-wrap: nowrap;
    margin: 0 -12px;
    padding: 0 12px 2px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .t1x2-theme .gv-tp-filter-row > .gv-tp-seg {
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .t1x2-theme .gv-tp-filter-end .gv-tp-seg:first-child {
    flex: 1;
  }

  .t1x2-theme .gv-tp-filter-end .gv-tp-seg:first-child button {
    flex: 1;
    justify-content: center;
  }

  .t1x2-theme .gv-tp-card {
    padding: 16px 14px 10px;
    border-radius: 20px;
  }

  .t1x2-theme .gv-tp-card.is-full {
    padding: 18px 16px 12px;
  }

  .t1x2-theme h1.gv-tp-match {
    font-size: 22px;
  }

  .t1x2-theme .gv-tp-match {
    font-size: 17px;
  }

  .t1x2-theme .gv-tp-follow.is-compact span {
    display: none;
  }

  .t1x2-theme .gv-tp-betline {
    width: 100%;
    padding: 8px 4px;
  }

  .t1x2-theme .gv-tp-bl-item {
    flex: 0 1 auto;
    padding: 0 12px;
  }

  .t1x2-theme .gv-tp-bl-conf {
    flex: 1 0 auto;
  }

  .t1x2-theme .gv-tp-bl-item b {
    font-size: 15px;
  }

  .t1x2-theme .gv-tp-dots i {
    width: 4px;
  }

  .t1x2-theme .gv-tp-acc-time {
    width: 44px;
    font-size: 13px;
  }

  .t1x2-theme .gv-tp-acc-pick {
    max-width: 96px;
  }

  .t1x2-theme .gv-tp-acc-conf {
    display: none;
  }

  .t1x2-theme .gv-tp-fields,
  .t1x2-theme .gv-tp-choose-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-tp-add {
    padding: 14px;
  }

  .t1x2-theme .gv-tp-stakes span {
    width: 40px;
    height: 40px;
  }

  .t1x2-theme .gv-tp-user small {
    display: none;
  }

  .t1x2-theme .gv-tp-user {
    min-width: 140px;
  }

  .t1x2-theme .gv-tp-user-in .gv-avatar {
    display: none;
  }

  .t1x2-theme .gv-tp-table td,
  .t1x2-theme .gv-tp-table th {
    padding: 9px 8px;
  }

  .t1x2-theme .gv-tp-modal {
    align-items: flex-end;
    padding: 0;
  }

  .t1x2-theme .gv-tp-modal-box {
    max-height: 92vh;
    border-radius: 22px 22px 0 0;
    padding: 20px 16px;
  }

  .t1x2-theme .gv-tp-form-dots {
    grid-column: 1 / -1;
  }
}

/* payout accounts: Moj nalog fieldset + admin page /tipovi/isplate */
.t1x2-theme .gv-tp-payout {
  min-width: 0;
  margin: 14px 0 0;
  padding: 16px 18px 18px;
  border: 1px solid var(--gv-line-strong);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-payout legend {
  display: flex;
  align-items: center;
  gap: 8px;
  float: left;
  width: 100%;
  margin: 0 0 4px;
  padding: 0;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-payout legend i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-tp-payout legend + * {
  clear: both;
}

.t1x2-theme .gv-tp-payout > .gv-tp-hint {
  display: block;
  margin: 0 0 6px;
}

.t1x2-theme .gv-tp-payout input:not([type=radio]):not([type=checkbox]) {
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-po-types {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.t1x2-theme .gv-tp-po-type {
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
  overflow: hidden;
}

.t1x2-theme .gv-tp-po-type.is-new {
  border-style: dashed;
  border-color: var(--gv-line-strong);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-tp-po-type > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
}

.t1x2-theme .gv-tp-po-type > summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .gv-tp-po-type > summary:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tp-po-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-po-name i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-tp-po-type.is-off .gv-tp-po-name {
  color: var(--gv-muted);
}

.t1x2-theme .gv-tp-po-meta {
  margin-left: auto;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-tp-po-chev {
  color: var(--gv-faint);
  font-size: 12px;
  transition: transform .15s;
}

.t1x2-theme .gv-tp-po-type.is-new .gv-tp-po-chev {
  margin-left: auto;
}

.t1x2-theme .gv-tp-po-type[open] .gv-tp-po-chev {
  transform: rotate(180deg);
}

.t1x2-theme .gv-tp-po-type form.gv-tp-form {
  gap: 4px;
  padding: 4px 18px 18px;
  border: 0;
  border-top: 1px solid var(--gv-line);
  border-radius: 0;
  background: transparent;
}

/* the pattern field only for "Sopstveni format" */
.t1x2-theme .gv-tp-po-type form:not(:has(select[name=format] option[value=regex]:checked)) .gv-tp-po-regex {
  display: none;
}

.t1x2-theme .gv-tp-chip.is-ok {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-tp-btn.is-ghost.is-danger {
  margin-left: auto;
  color: var(--gv-red);
}

.t1x2-theme .gv-tp-btn.is-ghost.is-danger + .gv-tp-btn {
  margin-left: 0;
}

.t1x2-theme .gv-tp-muted {
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-po-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0 10px;
  padding: 0 14px;
  border-radius: 13px;
  color: var(--gv-faint);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-tp-po-search input {
  flex: 1;
  min-width: 0;
  height: 42px;
  border: 0;
  color: var(--gv-ink);
  background: transparent;
  font-size: 14px;
  outline: none;
}

.t1x2-theme .gv-tp-po-table th.is-off,
.t1x2-theme .gv-tp-po-table td.is-off {
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-po-val code {
  padding: 2px 7px;
  border-radius: 7px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
  white-space: nowrap;
  user-select: all;
}

.t1x2-theme .gv-tp-po-val.is-off code {
  opacity: .6;
}

.t1x2-theme .gv-tp-po-warn {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 2px 0 8px;
  padding: 9px 12px;
  border-radius: 12px;
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.5;
}

.t1x2-theme .gv-tp-po-warn i {
  margin-top: 3px;
}

.t1x2-theme .gv-tp-po-label {
  margin: 6px 0 0;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .gv-tp-po-locked {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px dashed var(--gv-line-strong);
  border-radius: 13px;
  color: var(--gv-faint);
}

.t1x2-theme .gv-tp-po-locked.is-new {
  animation: gv-tp-po-lock .9s ease-out;
}

@keyframes gv-tp-po-lock {
  from { border-color: var(--gv-green); background: var(--gv-green-tint); }
}

.t1x2-theme .gv-tp-po-locked code {
  overflow: hidden;
  color: var(--gv-ink);
  background: none;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-po-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .gv-tp-po-cell input {
  width: 160px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--gv-coral);
  border-radius: 9px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 13px;
  outline: none;
}

.t1x2-theme .gv-tp-po-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  color: var(--gv-faint);
  background: transparent;
  font-size: 11.5px;
  cursor: pointer;
}

.t1x2-theme .gv-tp-po-edit:hover {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-tp-po-edit.is-ok {
  color: #fff;
  background: var(--gv-green);
}

/* AI check log (/tipovi/ai-logovi) */
.t1x2-theme .gv-tp-ailog-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

.t1x2-theme .gv-tp-ailogs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .gv-tp-ailog {
  padding: 12px 16px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
}

.t1x2-theme .gv-tp-ailog-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

.t1x2-theme .gv-tp-ailog-head b {
  color: var(--gv-ink);
  font-size: 14.5px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-ailog-head time {
  margin-left: auto;
  color: var(--gv-faint);
  font-size: 12px;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-ailog-src {
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11px;
  font-weight: 800;
}

.t1x2-theme .gv-tp-ailog-src.is-ai {
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
}

.t1x2-theme .gv-tp-ailog-src.is-pad,
.t1x2-theme .gv-tp-ailog-src.is-len {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-tp-ailog-meta {
  margin-top: 3px;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tp-ailog-meta b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tp-ailog-reason {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 10px;
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
  font-size: 13px;
  line-height: 1.5;
}

.t1x2-theme .gv-tp-ailog-reason i {
  margin-top: 3px;
}

.t1x2-theme .gv-tp-ailog-plain {
  margin: 6px 0 0;
  color: var(--gv-body);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-tp-ailog-text {
  margin-top: 6px;
  font-size: 13px;
}

.t1x2-theme .gv-tp-ailog-text summary {
  display: flex;
  gap: 10px;
  align-items: baseline;
  color: var(--gv-muted);
  list-style: none;
  cursor: pointer;
}

.t1x2-theme .gv-tp-ailog-text summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .gv-tp-ailog-text summary span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-tp-ailog-text summary em {
  flex: none;
  color: var(--gv-coral-dark);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.t1x2-theme .gv-tp-ailog-text[open] summary span {
  display: none;
}

.t1x2-theme .gv-tp-ailog-text[open] summary em::after {
  content: " ▴";
}

.t1x2-theme .gv-tp-ailog-text > div {
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* 11j. LIVE STATISTIKA (t1x2_live.tpl, /live/; data php/live/live.json, t1x2.js)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-lv {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  margin-bottom: 24px;
}

.t1x2-theme .gv-lv-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.t1x2-theme .gv-lv-head-ico {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
  font-size: 20px;
}

.t1x2-theme .gv-lv-head h1 {
  margin: 0;
  color: var(--gv-ink);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

.t1x2-theme .gv-lv-head p {
  margin: 2px 0 0;
  color: var(--gv-muted);
  font-size: 14px;
}

/* toolbar: HOT / xG (on together = both kinds) and sort */
.t1x2-theme .gv-lv-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-lv-filters {
  display: flex;
  gap: 8px;
}

.t1x2-theme .gv-lv-filter {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 15px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}

.t1x2-theme .gv-lv-filter:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-lv-filter.is-xg i {
  color: var(--gv-violet);
}

.t1x2-theme .gv-lv-filter b {
  min-width: 20px;
  padding: 0 6px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}

.t1x2-theme .gv-lv-filter b:empty {
  display: none;
}

.t1x2-theme .gv-lv-filter.is-hot.is-on {
  border-color: var(--gv-gold);
  color: #3b2600;
  background: var(--gv-gold);
}

.t1x2-theme .gv-lv-filter.is-xg.is-on {
  border-color: var(--gv-violet);
  color: #fff;
  background: var(--gv-violet);
}

.t1x2-theme .gv-lv-filter.is-on i,
.t1x2-theme .gv-lv-filter.is-on b {
  color: inherit;
  background: rgba(255, 255, 255, .28);
}

.t1x2-theme .gv-lv-filter.is-on i {
  background: none;
}

.t1x2-theme .gv-lv-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-lv-sort select {
  height: 38px;
  padding: 0 34px 0 14px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 13px center;
  font-size: 13px;
  font-weight: 700;
  appearance: none;
  cursor: pointer;
}

.t1x2-theme .gv-lv-promo:empty {
  display: none;
}

.t1x2-theme .gv-lv-promo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--gv-radius-sm);
}

/* board */
.t1x2-theme .gv-lv-board {
  margin: 0;
  overflow: hidden;
}

.t1x2-theme .gv-lv-status {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--gv-line);
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-lv-status-text {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-lv-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gv-green);
  box-shadow: 0 0 0 0 rgba(18, 161, 80, .5);
  animation: gv-lv-ping 1.8s infinite;
}

.t1x2-theme .gv-lv-dot.is-loading {
  background: var(--gv-gold);
  animation: gv-lv-blink .8s ease-in-out infinite;
}

.t1x2-theme .gv-lv-dot.is-late {
  background: var(--gv-faint);
  animation: none;
}

@keyframes gv-lv-ping {
  70% { box-shadow: 0 0 0 7px rgba(18, 161, 80, 0); }
  100% { box-shadow: 0 0 0 0 rgba(18, 161, 80, 0); }
}

@keyframes gv-lv-blink {
  50% { opacity: .3; }
}

.t1x2-theme .gv-lv-refresh {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .gv-lv-refresh:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-lv-list {
  padding: 14px;
}

.t1x2-theme .gv-lv-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 44px 16px;
  color: var(--gv-muted);
  font-size: 14px;
  text-align: center;
}

.t1x2-theme .gv-lv-empty > i {
  color: var(--gv-faint);
  font-size: 26px;
}

.t1x2-theme .gv-lv-spinner {
  width: 26px;
  height: 26px;
  border: 3px solid var(--gv-line-strong);
  border-top-color: var(--gv-coral);
  border-radius: 50%;
  animation: gv-tp-spin .7s linear infinite;
}

/* shared bits: icons, flags, logos, minute, score */
.t1x2-theme .gv-lv svg {
  display: inline-block;
  color: var(--gv-icon);
  vertical-align: middle;
}

.t1x2-theme .gv-lv-card {
  display: inline-block;
  width: 9px;
  height: 12px;
  border-radius: 2px;
  vertical-align: middle;
}

.t1x2-theme .gv-lv-card.is-y {
  background: #f7c81e;
}

.t1x2-theme .gv-lv-card.is-r {
  background: #e5484d;
}

.t1x2-theme .gv-lv-pen {
  color: var(--gv-icon);
  font-size: 12px;
}

.t1x2-theme .gv-lv-xg {
  color: var(--gv-violet);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.t1x2-theme .gv-lv-flag {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  font-size: 15px;
  line-height: 1;
}

/* flag picture (images/flags, 40x30 for sharp 2x screens); a thin edge for white flags (Japan ...) */
.t1x2-theme .gv-lv-flag img {
  display: block;
  width: 20px;
  height: 15px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(127, 127, 127, .28);
}

.t1x2-theme .gv-lv-flag.is-world {
  color: var(--gv-faint);
  font-size: 13px;
}

.t1x2-theme .gv-lv-logo {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  overflow: hidden;
}

.t1x2-theme .gv-lv-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.t1x2-theme .gv-lv-logo.is-empty {
  border-radius: 7px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 8.5px;
  font-weight: 800;
}

.t1x2-theme .gv-lv-min {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  color: var(--gv-coral);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.t1x2-theme .gv-lv-min.is-ht {
  color: var(--gv-muted);
}

.t1x2-theme .gv-lv-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gv-danger);
  animation: gv-lv-blink 1.4s ease-in-out infinite;
}

.t1x2-theme .gv-lv-team {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: var(--gv-body);
  font-size: 13.5px;
}

.t1x2-theme .gv-lv-team-n {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-lv-team.is-lead {
  color: var(--gv-ink);
  font-weight: 800;
}

.t1x2-theme .gv-lv-fire {
  flex: none;
  font-size: 12px;
}

.t1x2-theme .gv-lv-xgbadge {
  flex: none;
  margin-left: 2px;
  padding: 0 6px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-violet);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 16px;
}

.t1x2-theme .gv-lv-score {
  display: inline-block;
  min-width: 14px;
  color: var(--gv-coral);
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-lv-score.is-goal {
  border-radius: 6px;
  color: #fff;
  background: var(--gv-coral);
  animation: gv-lv-blink 1s ease-in-out 6;
}

.t1x2-theme .gv-lv-ht {
  display: inline-block;
  min-width: 22px;
  margin-left: 4px;
  color: var(--gv-faint);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-lv-lg-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-lv-lg-name b {
  color: var(--gv-ink);
}

/* wide: a table per league */
.t1x2-theme .gv-lv-table {
  width: 100%;
  margin: 0 0 12px;
  border: 1px solid var(--gv-line-strong);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--gv-radius-sm);
  overflow: hidden;
  table-layout: fixed;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-lv-table:last-child {
  margin-bottom: 0;
}

.t1x2-theme .gv-lv-table col.c-t {
  width: 52px;
}

.t1x2-theme .gv-lv-table col.c-lg {
  width: 32px;
}

.t1x2-theme .gv-lv-table col.c-sc {
  width: 58px;
}

.t1x2-theme .gv-lv-table col.c-o {
  width: 50px;
}

.t1x2-theme .gv-lv-table col.c-gap {
  width: 8px;
}

.t1x2-theme .gv-lv-table col.c-s {
  width: 40px;
}

.t1x2-theme .gv-lv-table th {
  height: 38px;
  padding: 0 4px;
  border-bottom: 1px solid var(--gv-line-strong);
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.t1x2-theme .gv-lv-table th svg {
  width: 20px;
  height: 20px;
}

.t1x2-theme .gv-lv-table th.gv-lv-league {
  padding-left: 12px;
  color: var(--gv-muted);
  font-size: 11.5px;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
}

.t1x2-theme .gv-lv-league {
  overflow: hidden;
}

.t1x2-theme th.gv-lv-league .gv-lv-flag {
  margin-right: 6px;
  vertical-align: -2px;
}

.t1x2-theme .gv-lv-table.is-hl th {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-lv-table.is-hl th .gv-lv-lg-name b {
  color: var(--gv-gold-ink);
}

.t1x2-theme .gv-lv-table td {
  height: 34px;
  padding: 0 4px;
  color: var(--gv-body);
  background: var(--gv-surface);
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}

.t1x2-theme .gv-lv-match + .gv-lv-match tr:first-child td {
  border-top: 1px solid var(--gv-line-strong);
}

.t1x2-theme .gv-lv-match.is-xg td {
  background: var(--gv-violet-tint);
}

.t1x2-theme .gv-lv-match.is-hot td {
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-lv-table td.gv-lv-t {
  border-right: 1px solid var(--gv-line);
  background: var(--gv-sunken);
}

.t1x2-theme .gv-lv-table td.gv-lv-lg {
  padding-right: 0;
}

.t1x2-theme .gv-lv-table td.gv-lv-nm {
  text-align: left;
}

.t1x2-theme .gv-lv-table td.gv-lv-sc {
  text-align: left;
  white-space: nowrap;
}

.t1x2-theme .gv-lv-table .gv-lv-o {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-lv-table th.gv-lv-o {
  color: var(--gv-ink);
}

.t1x2-theme .gv-lv-table .gv-lv-gap {
  padding: 0;
  border-right: 1px solid var(--gv-line-strong);
}

.t1x2-theme .gv-lv-table td.gv-lv-s {
  border-left: 1px solid var(--gv-line);
  color: var(--gv-ink);
  font-size: 12.5px;
}

.t1x2-theme .gv-lv-table th.gv-lv-gap + th.gv-lv-s,
.t1x2-theme .gv-lv-table td.gv-lv-gap + td.gv-lv-s {
  border-left: 0;
}

.t1x2-theme .gv-lv-s .is-none,
.t1x2-theme .gv-lv-m-row .is-none {
  color: var(--gv-faint);
}

.t1x2-theme .gv-lv-s .is-xg,
.t1x2-theme .gv-lv-m-row .is-xg {
  color: var(--gv-violet);
  font-weight: 800;
}

.t1x2-theme .gv-lv-match tr:first-child td.gv-lv-s {
  border-bottom: 1px dashed var(--gv-line);
}

/* narrow: cards */
.t1x2-theme .gv-lv-m-league {
  margin-bottom: 14px;
}

.t1x2-theme .gv-lv-m-league:last-child {
  margin-bottom: 0;
}

.t1x2-theme .gv-lv-m-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 7px;
  padding: 0 2px;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.t1x2-theme .gv-lv-m-league.is-hl .gv-lv-m-head,
.t1x2-theme .gv-lv-m-league.is-hl .gv-lv-m-head b {
  color: var(--gv-gold-ink);
}

.t1x2-theme .gv-lv-m {
  margin-bottom: 8px;
  border: 1px solid var(--gv-line-strong);
  border-radius: var(--gv-radius-sm);
  background: var(--gv-surface);
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-lv-m:last-child {
  margin-bottom: 0;
}

.t1x2-theme .gv-lv-m.is-xg {
  border-color: rgba(108, 92, 231, .35);
  background: var(--gv-violet-tint);
}

.t1x2-theme .gv-lv-m.is-hot {
  border-color: rgba(245, 165, 36, .55);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-lv-m-top {
  display: flex;
  align-items: stretch;
}

.t1x2-theme .gv-lv-m-time {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 46px;
  border-right: 1px solid var(--gv-line);
}

.t1x2-theme .gv-lv-m-teams {
  flex: 1;
  min-width: 0;
  padding: 4px 0;
}

.t1x2-theme .gv-lv-m-team {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 4px 8px 4px 10px;
}

.t1x2-theme .gv-lv-m-team .gv-lv-ht {
  min-width: 20px;
  margin-left: 0;
}

.t1x2-theme .gv-lv-m-odds {
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-width: 62px;
  padding: 4px 10px;
  border-left: 1px solid var(--gv-line);
  color: var(--gv-muted);
  font-size: 12px;
  text-align: right;
}

.t1x2-theme .gv-lv-m-odds small {
  float: left;
  margin-right: 6px;
  color: var(--gv-faint);
  font-size: 10px;
  font-weight: 800;
}

.t1x2-theme .gv-lv-m-stats {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-lv-m-row {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.t1x2-theme .gv-lv-m-row > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  border-left: 1px solid var(--gv-line);
  color: var(--gv-ink);
  font-size: 12px;
}

.t1x2-theme .gv-lv-m-row > span:first-child {
  border-left: 0;
}

.t1x2-theme .gv-lv-m-row + .gv-lv-m-row > span {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-lv-m-row.is-head > span {
  min-height: 28px;
  background: rgba(127, 127, 127, .06);
}

.t1x2-theme .gv-lv-m-row.is-head svg {
  width: 16px;
  height: 16px;
}

.t1x2-theme .gv-lv-m-none {
  margin: 0;
  padding: 7px 12px;
  border-top: 1px solid var(--gv-line);
  color: var(--gv-faint);
  font-size: 12px;
  font-style: italic;
}

/* SEO text + legend */
.t1x2-theme .gv-lv-about {
  margin: 0;
  padding: 24px 26px;
}

.t1x2-theme .gv-lv-about h2 {
  margin: 0 0 12px;
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
}

.t1x2-theme .gv-lv-about h3 {
  margin: 22px 0 12px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-lv-about p {
  margin: 0 0 10px;
  color: var(--gv-body);
  font-size: 14.5px;
  line-height: 1.7;
}

.t1x2-theme .gv-lv-about p.gv-lv-note {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .gv-lv-agenda {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-lv-agenda li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  color: var(--gv-body);
  font-size: 13.5px;
}

.t1x2-theme .gv-lv-ag-ico {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 28px;
  border-radius: 9px;
  background: var(--gv-input);
  font-size: 13px;
}

.t1x2-theme .gv-lv-ag-ico svg {
  width: 22px;
  height: 22px;
}

.t1x2-theme .gv-lv-ag-row {
  display: block;
  width: 22px;
  height: 14px;
  border-radius: 4px;
}

.t1x2-theme .gv-lv-ag-row.is-hot {
  border: 1px solid rgba(245, 165, 36, .6);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-lv-ag-row.is-xg {
  border: 1px solid rgba(108, 92, 231, .45);
  background: var(--gv-violet-tint);
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-lv {
    gap: 12px;
  }

  .t1x2-theme .gv-lv-head-ico {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 17px;
  }

  .t1x2-theme .gv-lv-head h1 {
    font-size: 20px;
  }

  .t1x2-theme .gv-lv-head p {
    font-size: 13px;
  }

  .t1x2-theme .gv-lv-bar {
    padding: 8px;
  }

  .t1x2-theme .gv-lv-filter {
    height: 36px;
    padding: 0 12px;
  }

  .t1x2-theme .gv-lv-sort > span {
    display: none;
  }

  .t1x2-theme .gv-lv-sort select {
    height: 36px;
    max-width: 170px;
  }

  .t1x2-theme .gv-lv-status {
    padding: 10px 12px;
  }

  .t1x2-theme .gv-lv-refresh span {
    display: none;
  }

  .t1x2-theme .gv-lv-list {
    padding: 10px 8px;
  }

  .t1x2-theme .gv-lv-about {
    padding: 18px 16px;
  }

  .t1x2-theme .gv-lv-agenda {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 11k. BLOG (t1x2_blog.tpl: /blog list, article, editors' pages; php/blog/*)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-bl-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.t1x2-theme .gv-bl-main > .card {
  margin: 0;
}

.t1x2-theme .gv-bl-head {
  padding: 2px 4px 0;
}

.t1x2-theme .gv-bl-head .gv-breadcrumb {
  margin-bottom: 10px;
}

.t1x2-theme .gv-bl-head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.t1x2-theme .gv-bl-head h1 {
  margin: 0 0 4px;
  color: var(--gv-ink);
  font-size: clamp(24px, 2.4vw, 30px);
  font-weight: 800;
  letter-spacing: -.5px;
}

.t1x2-theme .gv-bl-head h1 small {
  color: var(--gv-muted);
  font-size: .6em;
  font-weight: 600;
  letter-spacing: 0;
}

.t1x2-theme .gv-bl-head p {
  margin: 0;
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .gv-bl-head-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.t1x2-theme .gv-bl-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 500;
}

.t1x2-theme .gv-bl-meta > * + *::before {
  content: "·";
  margin-right: 10px;
  color: var(--gv-faint);
}

.t1x2-theme .gv-bl-meta > .gv-bl-new + *::before {
  content: none;
}

.t1x2-theme .gv-bl-new {
  padding: 3px 9px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-grad);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

/* first article: picture left, text right */
.t1x2-theme .gv-bl-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}

.t1x2-theme .gv-bl-hero:hover,
.t1x2-theme .gv-bl-card:hover {
  box-shadow: var(--gv-hover);
}

.t1x2-theme .gv-bl-hero-img,
.t1x2-theme .gv-bl-card-img {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-hero-img {
  min-height: 260px;
}

.t1x2-theme .gv-bl-card-img {
  aspect-ratio: 16 / 9;
}

.t1x2-theme .gv-bl-hero-img img,
.t1x2-theme .gv-bl-card-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.t1x2-theme .gv-bl-hero:hover .gv-bl-hero-img img,
.t1x2-theme .gv-bl-card:hover .gv-bl-card-img img {
  transform: scale(1.04);
}

.t1x2-theme .gv-bl-hero-img.is-empty,
.t1x2-theme .gv-bl-card-img.is-empty,
.t1x2-theme .gv-bl-latest-img.is-empty,
.t1x2-theme .gv-bl-row-img.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gv-coral);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(var(--gv-coral-rgb), .16), transparent 60%),
    var(--gv-coral-tint);
  font-size: 34px;
}

.t1x2-theme .gv-bl-hero-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 26px;
}

.t1x2-theme .gv-bl-hero h2,
.t1x2-theme .gv-bl-card h2 {
  margin: 0;
  color: var(--gv-ink);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.2px;
}

.t1x2-theme .gv-bl-hero h2 {
  font-size: 21px;
}

.t1x2-theme .gv-bl-card h2 {
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bl-hero h2 a,
.t1x2-theme .gv-bl-card h2 a {
  color: inherit;
}

/* the whole card is clickable (title link stretched) */
.t1x2-theme .gv-bl-card h2 a::after,
.t1x2-theme .gv-bl-hero h2 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.t1x2-theme .gv-bl-hero,
.t1x2-theme .gv-bl-card {
  position: relative;
}

.t1x2-theme .gv-bl-hero h2 a:hover,
.t1x2-theme .gv-bl-card h2 a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bl-hero p,
.t1x2-theme .gv-bl-card p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--gv-body);
  font-size: 13.5px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bl-hero p {
  -webkit-line-clamp: 4;
}

.t1x2-theme .gv-bl-card p {
  color: var(--gv-muted);
  font-size: 13px;
  -webkit-line-clamp: 3;
}

.t1x2-theme .gv-bl-more {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: var(--gv-coral-dark);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .gv-bl-more i {
  transition: transform .2s;
}

.t1x2-theme .gv-bl-hero:hover .gv-bl-more i {
  transform: translateX(4px);
}

.t1x2-theme .gv-bl-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.t1x2-theme .gv-bl-card {
  display: flex;
  flex-direction: column;
  margin: 0;
  overflow: hidden;
  transition: box-shadow .2s;
}

.t1x2-theme .gv-bl-card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 18px 18px;
}

.t1x2-theme .gv-bl-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 40px 20px;
  color: var(--gv-muted);
  text-align: center;
}

.t1x2-theme .gv-bl-empty > i {
  color: var(--gv-faint);
  font-size: 34px;
}

.t1x2-theme .gv-bl-empty p {
  margin: 0;
}

/* pagination: « 1 2 3 … 18 » */
.t1x2-theme .gv-bl-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 6px 0 24px;
}

.t1x2-theme .gv-bl-pg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 13.5px;
  font-weight: 700;
  transition: background .15s, color .15s;
}

.t1x2-theme a.gv-bl-pg:hover {
  color: var(--gv-coral-dark);
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-bl-pg.is-on {
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 8px 20px rgba(var(--gv-coral-rgb), .28);
}

.t1x2-theme .gv-bl-pg.is-gap {
  min-width: 22px;
  padding: 0;
  color: var(--gv-muted);
  background: transparent;
  box-shadow: none;
}

.t1x2-theme .gv-bl-pg.is-off {
  color: var(--gv-faint);
  opacity: .5;
}

.t1x2-theme .gv-bl-pg-arrow {
  font-size: 12px;
}

/* right column */
.t1x2-theme .gv-bl-latest-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-bl-latest-list li + li {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-bl-latest-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 2px;
  color: var(--gv-ink);
}

.t1x2-theme .gv-bl-latest-list a:hover strong {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bl-latest-img {
  position: relative;
  flex: none;
  width: 72px;
  height: 54px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-latest-img.is-empty {
  font-size: 18px;
}

.t1x2-theme .gv-bl-latest-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t1x2-theme .gv-bl-latest-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.t1x2-theme .gv-bl-latest-text strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .15s;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bl-latest-text time {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-bl-latest-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bl-latest-all:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bl-promo:empty,
.t1x2-theme .gv-bl-inline-promo:empty {
  display: none;
}

.t1x2-theme .gv-bl-promo img {
  display: block;
  width: 100%;
  border-radius: var(--gv-radius-sm);
}

/* article */
.t1x2-theme .gv-bl-flag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -6px 0 16px;
  padding: 10px 14px;
  border-radius: 14px;
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme a.gv-article-kicker:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bl-article-head h1 {
  font-size: clamp(24px, 2.5vw, 32px);
}

.t1x2-theme .gv-bl-byline {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.t1x2-theme .gv-bl-byline i {
  margin-right: 5px;
}

.t1x2-theme .gv-bl-author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-bl-author img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}

.t1x2-theme .gv-bl-dot {
  color: var(--gv-faint);
}

.t1x2-theme .gv-bl-edit-btn {
  color: var(--gv-coral-dark) !important;
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-bl-cover {
  margin: 0 0 22px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-cover img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
}

.t1x2-theme .gv-article-body figure {
  margin: 1.4em 0;
}

.t1x2-theme .gv-article-body figure img {
  display: block;
  margin: 0 auto;
}

.t1x2-theme .gv-article-body figcaption {
  margin-top: 8px;
  color: var(--gv-muted);
  font-size: 12.5px;
  text-align: center;
}

.t1x2-theme .gv-article-body img[style*="float: left"] {
  margin: 4px 18px 10px 0;
}

.t1x2-theme .gv-article-body img[style*="float: right"] {
  margin: 4px 0 10px 18px;
}

.t1x2-theme .gv-embed {
  position: relative;
  max-width: 100%;
  margin: 1.4em 0;
  overflow: hidden;
  border-radius: 16px;
  background: #000;
  aspect-ratio: 16 / 9;
}

.t1x2-theme .gv-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.t1x2-theme .gv-bl-inline-promo {
  margin: 22px 0 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-weight: 600;
}

.t1x2-theme .gv-bl-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-bl-nav-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 16px;
  color: var(--gv-ink);
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  transition: box-shadow .15s, background .15s;
}

.t1x2-theme .gv-bl-nav-item.is-next {
  grid-column: 2;
  text-align: right;
}

.t1x2-theme .gv-bl-nav-item:hover {
  background: var(--gv-coral-tint);
  box-shadow: inset 0 0 0 1px rgba(var(--gv-coral-rgb), .25);
}

.t1x2-theme .gv-bl-nav-item small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.t1x2-theme .gv-bl-nav-item.is-next small {
  justify-content: flex-end;
}

.t1x2-theme .gv-bl-nav-item strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bl-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 48px 28px;
  text-align: center;
}

.t1x2-theme .gv-bl-404 h1 {
  margin: 0;
  color: var(--gv-ink);
  font-size: 24px;
  font-weight: 800;
}

.t1x2-theme .gv-bl-404 p {
  max-width: 440px;
  margin: 0 0 6px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-bl-404-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  color: var(--gv-coral);
  background: var(--gv-coral-tint);
  font-size: 26px;
}

/* editors: list of articles */
.t1x2-theme .gv-bl-admin {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  max-width: 1180px;
  margin-bottom: 24px;
}

.t1x2-theme .gv-bl-admin > .card {
  margin: 0;
}

.t1x2-theme .gv-bl-admin-head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px;
}

.t1x2-theme .gv-bl-admin-head .gv-breadcrumb {
  margin-bottom: 6px;
}

.t1x2-theme .gv-bl-admin-head h1 {
  margin: 0;
  color: var(--gv-ink);
  font-size: 24px;
  font-weight: 800;
}

.t1x2-theme .gv-bl-admin-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.t1x2-theme .gv-bl-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-bl-filter {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bl-filter b {
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11px;
}

.t1x2-theme .gv-bl-filter.is-on {
  color: #fff;
  background: var(--gv-ink);
  box-shadow: none;
}

.t1x2-theme .gv-bl-filter.is-on b {
  color: var(--gv-ink);
  background: #fff;
}

.t1x2-theme.night-mode .gv-bl-filter.is-on {
  color: var(--gv-bg);
}

.t1x2-theme .gv-bl-search {
  position: relative;
  flex: 0 1 320px;
}

.t1x2-theme .gv-bl-search i {
  position: absolute;
  top: 50%;
  left: 14px;
  color: var(--gv-faint);
  font-size: 13px;
  transform: translateY(-50%);
}

.t1x2-theme .gv-bl-search input {
  width: 100%;
  height: 38px;
  padding: 0 14px 0 38px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 13px;
  outline: 0;
}

.t1x2-theme .gv-bl-search input:focus {
  box-shadow: inset 0 0 0 2px var(--gv-coral);
}

.t1x2-theme .gv-bl-table {
  padding: 6px;
  overflow: hidden;
}

.t1x2-theme .gv-bl-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 96px 132px auto;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 16px;
  transition: background .15s, opacity .2s;
}

.t1x2-theme .gv-bl-row + .gv-bl-row {
  box-shadow: 0 -1px 0 var(--gv-line);
}

.t1x2-theme .gv-bl-row:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-bl-row.is-busy {
  opacity: .45;
  pointer-events: none;
}

.t1x2-theme .gv-bl-row-img {
  position: relative;
  width: 64px;
  height: 46px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-row-img.is-empty {
  color: var(--gv-faint);
  background: var(--gv-input);
  font-size: 16px;
}

.t1x2-theme .gv-bl-row-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t1x2-theme .gv-bl-row-main {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.t1x2-theme .gv-bl-row-title {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-bl-row-title:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bl-row-main small {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 11.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-bl-row-id {
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-bl-tag {
  flex: none;
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
  font-size: 10.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bl-tag.is-soft {
  color: var(--gv-muted);
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-state {
  justify-self: start;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-bl-state.is-objavljen {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-bl-state.is-zakazan {
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
}

.t1x2-theme .gv-bl-state.is-nacrt {
  color: var(--gv-gold-ink);
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-bl-row-date {
  color: var(--gv-muted);
  font-size: 12px;
  white-space: nowrap;
}

.t1x2-theme .gv-bl-row-tools {
  display: flex;
  gap: 4px;
}

.t1x2-theme .gv-bl-icon-btn {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  color: var(--gv-icon);
  background: transparent;
  font-size: 13px;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-bl-icon-btn:hover {
  color: var(--gv-ink);
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-icon-btn.is-danger:hover {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-bl-import {
  padding: 18px 22px;
}

.t1x2-theme .gv-bl-import-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.t1x2-theme .gv-bl-import-head h2 {
  margin: 4px 0 4px;
  color: var(--gv-ink);
  font-size: 16px;
  font-weight: 800;
}

.t1x2-theme .gv-bl-import-head p {
  margin: 0;
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

.t1x2-theme .gv-bl-import-head code {
  color: var(--gv-coral-ink);
}

.t1x2-theme .gv-bl-import-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0 44px;
}

.t1x2-theme .gv-bl-progress {
  height: 8px;
  margin: 14px 0 0 44px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--gv-grad);
  transition: width .3s;
}

.t1x2-theme .gv-bl-import-sum {
  margin: 10px 0 0 44px;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 600;
}

.t1x2-theme .gv-bl-import-log {
  max-height: 340px;
  margin: 10px 0 0 44px;
  padding: 8px 12px 8px 32px;
  overflow: auto;
  border-radius: 14px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 12px;
  line-height: 1.7;
}

.t1x2-theme .gv-bl-import-log b {
  font-weight: 700;
}

.t1x2-theme .gv-bl-import-log .is-uvezen b,
.t1x2-theme .gv-bl-import-log .is-proveren b { color: var(--gv-green); }
.t1x2-theme .gv-bl-import-log .is-postoji b { color: var(--gv-muted); }
.t1x2-theme .gv-bl-import-log .is-greska b { color: var(--gv-red); }

.t1x2-theme .gv-bl-import-log small {
  display: block;
  color: var(--gv-muted);
}

/* editors: new / edit */
.t1x2-theme .gv-bl-editor {
  min-width: 0;
  margin-bottom: 24px;
}

.t1x2-theme .gv-bl-ed-top {
  position: sticky;
  top: 70px;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 14px 10px 18px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--gv-surface) 92%, transparent);
  box-shadow: var(--gv-shadow-sm), inset 0 0 0 1px var(--gv-line);
  backdrop-filter: blur(10px);
}

.t1x2-theme .gv-bl-ed-top .gv-breadcrumb {
  margin: 0;
}

.t1x2-theme .gv-bl-ed-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .gv-bl-dirty {
  color: var(--gv-gold-ink);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-bl-dirty::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--gv-gold);
  vertical-align: 1px;
}

.t1x2-theme .gv-bl-msg {
  margin: 0 0 14px;
  padding: 11px 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 600;
}

.t1x2-theme .gv-bl-msg.is-ok {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-bl-msg.is-err {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-bl-ed-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 16px;
}

.t1x2-theme .gv-bl-ed-main {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.t1x2-theme .gv-bl-ed-card {
  margin: 0;
  padding: 20px 24px;
}

.t1x2-theme .gv-bl-ed-title {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: var(--gv-ink);
  background: transparent;
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.4px;
  outline: 0;
  resize: none;
}

.t1x2-theme .gv-bl-ed-title::placeholder {
  color: var(--gv-faint);
}

.t1x2-theme .gv-bl-ed-slug {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 12px;
  padding: 4px 4px 4px 12px;
  border-radius: 12px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 12.5px;
}

.t1x2-theme .gv-bl-ed-slug > i {
  margin-right: 6px;
  color: var(--gv-faint);
}

.t1x2-theme .gv-bl-ed-prefix,
.t1x2-theme .gv-bl-ed-suffix {
  flex: none;
  white-space: nowrap;
}

.t1x2-theme .gv-bl-ed-prefix {
  margin-right: 4px;
}

.t1x2-theme .gv-bl-ed-suffix {
  margin: 0 4px;
}

.t1x2-theme .gv-bl-ed-slug input {
  flex: 1 1 auto;
  min-width: 80px;
  height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 12.5px;
  font-weight: 600;
  outline: 0;
}

.t1x2-theme .gv-bl-ed-slug input:focus {
  box-shadow: inset 0 0 0 2px var(--gv-coral);
}

.t1x2-theme .gv-bl-hint {
  margin: 6px 0 0;
  color: var(--gv-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.t1x2-theme .gv-bl-ed-text {
  padding: 0;
  overflow: visible;
}

.t1x2-theme .gv-bl-ed-text textarea {
  width: 100%;
  min-height: 520px;
  padding: 18px;
  border: 0;
  border-radius: var(--gv-radius);
  color: var(--gv-body);
  background: transparent;
}

.t1x2-theme .gv-bl-ed-text .tox-tinymce {
  border: 0;
  border-radius: var(--gv-radius);
}

.t1x2-theme .gv-bl-ed-text .tox .tox-editor-header {
  border-bottom: 1px solid var(--gv-line) !important;
  box-shadow: none !important;
}

/* TinyMCE's dark skin is blue-grey: use the theme's dark surfaces */
.t1x2-theme.night-mode .gv-bl-ed-text .tox-tinymce,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-editor-header,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-toolbar-overlord,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-toolbar__primary,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-toolbar,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-toolbar__overflow,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-edit-area__iframe,
.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-statusbar {
  background-color: var(--gv-surface) !important;
}

.t1x2-theme.night-mode .gv-bl-ed-text .tox .tox-tbtn:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-bl-ed-side {
  position: sticky;
  top: 140px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.t1x2-theme .gv-bl-panel {
  margin: 0;
  padding: 16px 18px 18px;
}

.t1x2-theme .gv-bl-panel h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 800;
}

.t1x2-theme .gv-bl-panel h2 i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-bl-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 12px 0 6px;
  color: var(--gv-ink);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bl-label small {
  color: var(--gv-muted);
  font-weight: 500;
}

.t1x2-theme .gv-bl-count.is-ok { color: var(--gv-green); }
.t1x2-theme .gv-bl-count.is-warn { color: var(--gv-gold-ink); }
.t1x2-theme .gv-bl-count.is-bad { color: var(--gv-red); }

.t1x2-theme .gv-bl-panel .form-control {
  font-size: 13px;
}

.t1x2-theme .gv-bl-seg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: var(--gv-input);
}

.t1x2-theme .gv-bl-seg input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .gv-bl-seg span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 6px;
  border-radius: 10px;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-bl-seg input:checked + span {
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-bl-seg input:focus-visible + span {
  outline: 2px solid var(--gv-coral);
}

.t1x2-theme .gv-bl-time {
  display: flex;
  gap: 6px;
}

.t1x2-theme .gv-bl-time input {
  flex: 1;
  min-width: 0;
  height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 13px;
  color-scheme: light;
}

.t1x2-theme.night-mode .gv-bl-time input {
  color-scheme: dark;
}

.t1x2-theme .gv-bl-panel .btn.w-100 {
  margin-top: 14px;
}

.t1x2-theme .gv-bl-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  margin-top: 10px;
  padding: 6px;
  border: 0;
  color: var(--gv-muted);
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-bl-delete:hover {
  color: var(--gv-red);
}

.t1x2-theme .gv-bl-cover-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 14px;
  background: var(--gv-input);
  cursor: pointer;
  aspect-ratio: 1.91 / 1;
  outline: 0;
  transition: box-shadow .15s;
}

.t1x2-theme .gv-bl-cover-box:focus-visible,
.t1x2-theme .gv-bl-cover-box.is-drag {
  box-shadow: inset 0 0 0 2px var(--gv-coral);
}

.t1x2-theme .gv-bl-cover-box img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t1x2-theme .gv-bl-cover-empty {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
}

.t1x2-theme .gv-bl-cover-empty i {
  color: var(--gv-coral);
  font-size: 22px;
}

.t1x2-theme .gv-bl-cover-empty small {
  color: var(--gv-faint);
  font-size: 11px;
  font-weight: 500;
}

.t1x2-theme .gv-bl-cover-box.is-empty {
  box-shadow: inset 0 0 0 2px var(--gv-line-strong);
  background-image: repeating-linear-gradient(135deg, transparent 0 10px, rgba(0, 0, 0, .015) 10px 20px);
}

.t1x2-theme .gv-bl-cover-box.is-empty .gv-bl-cover-empty {
  display: flex;
}

.t1x2-theme .gv-bl-cover-busy {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .7);
}

.t1x2-theme .gv-bl-cover-busy[hidden] {
  display: none;
}

.t1x2-theme .gv-bl-cover-tools {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.t1x2-theme .gv-bl-cover-tools .btn {
  flex: 1;
}

.t1x2-theme .gv-bl-serp {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-family: arial, sans-serif;
}

.t1x2-theme .gv-bl-serp-site {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.t1x2-theme .gv-bl-serp-site b {
  color: #202124;
  font-size: 12px;
  font-weight: 400;
}

.t1x2-theme .gv-bl-serp-site small {
  overflow: hidden;
  color: #4d5156;
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-bl-serp strong {
  display: -webkit-box;
  overflow: hidden;
  color: #1a0dab;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bl-serp p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #4d5156;
  font-size: 12px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.t1x2-theme .gv-bl-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  color: var(--gv-body);
  font-size: 12.5px;
  cursor: pointer;
}

.t1x2-theme .gv-bl-check input {
  margin-top: 3px;
  accent-color: var(--gv-coral);
}

@media (max-width: 1279.98px) {
  .t1x2-theme .gv-bl-ed-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-bl-ed-side {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-items: start;
  }
}

@media (max-width: 991.98px) {
  .t1x2-theme .gv-bl-row {
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .t1x2-theme .gv-bl-row-img {
    width: 56px;
    height: 42px;
  }

  .t1x2-theme .gv-bl-row-date {
    display: none;
  }

  .t1x2-theme .gv-bl-row .gv-bl-state {
    grid-column: 2;
    grid-row: 2;
  }

  .t1x2-theme .gv-bl-row-tools {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-bl-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-bl-hero-img {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .t1x2-theme .gv-bl-hero-body {
    padding: 18px;
  }

  .t1x2-theme .gv-bl-hero h2 {
    font-size: 19px;
  }

  .t1x2-theme .gv-bl-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-bl-nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-bl-nav-item.is-next {
    grid-column: auto;
  }

  .t1x2-theme .gv-bl-cover {
    margin: 0 -18px 18px;
    border-radius: 0;
  }

  .t1x2-theme .gv-bl-ed-top {
    top: 60px;
  }

  .t1x2-theme .gv-bl-ed-top .gv-breadcrumb {
    display: none;
  }

  .t1x2-theme .gv-bl-ed-card {
    padding: 16px;
  }


  .t1x2-theme .gv-bl-import-tools,
  .t1x2-theme .gv-bl-progress,
  .t1x2-theme .gv-bl-import-sum,
  .t1x2-theme .gv-bl-import-log {
    margin-left: 0;
  }

  .t1x2-theme .gv-bl-pg {
    min-width: 36px;
    height: 36px;
    padding: 0 9px;
  }
}

/* 11l. BINGO (t1x2_bingo.tpl, /bingo; js/t1x2_bingo.js, php/bingo/*)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-bg {
  --bg-hit: #2bea74;
  --bg-gold: #ffc531;
  --bg-gold-2: #ff9f0a;
  --bg-ink: #f4f6ff;
  --bg-mute: rgba(222, 230, 255, .66);
  --bg-glass: rgba(255, 255, 255, .07);
  --bg-line: rgba(255, 255, 255, .12);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  margin-bottom: 24px;
}

/* balls: the old colors (1, 9, 17 ... red, 2, 10 ... green ...), glossy 3D */
.t1x2-theme .gv-ball {
  --s: 44px;
  --c: #ff3300;
  --cl: #ff8a66;
  position: relative;
  display: inline-grid;
  flex: none;
  place-items: center;
  width: var(--s);
  height: var(--s);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 33% 27%, rgba(255, 255, 255, .95) 0, rgba(255, 255, 255, .5) 6%, rgba(255, 255, 255, 0) 20%),
    radial-gradient(circle at 38% 34%, var(--cl) 0%, var(--c) 38%, #000016 100%);
  box-shadow:
    inset -.14em -.2em .4em rgba(0, 0, 0, .45),
    inset .1em .1em .3em rgba(255, 255, 255, .22),
    0 .22em .45em rgba(0, 0, 0, .45);
  font-size: var(--s);
  line-height: 1;
}

.t1x2-theme .gv-ball b {
  display: grid;
  place-items: center;
  width: 54%;
  height: 54%;
  border-radius: 50%;
  color: #12131a;
  background: radial-gradient(circle at 40% 32%, #fff 0, #f4f4f8 55%, #d4d6e2 100%);
  box-shadow: inset 0 -.04em .08em rgba(0, 0, 0, .25), 0 0 .06em rgba(0, 0, 0, .3);
  font-family: Poppins, system-ui, sans-serif;
  font-size: .3em;
  font-weight: 800;
  letter-spacing: -.02em;
}

.t1x2-theme .gv-ball.is-red { --c: #ff3300; --cl: #ff8a66; }
.t1x2-theme .gv-ball.is-green { --c: #00e040; --cl: #7dff9c; }
.t1x2-theme .gv-ball.is-blue { --c: #0099ff; --cl: #7cc9ff; }
.t1x2-theme .gv-ball.is-violet { --c: #990099; --cl: #e05ee0; }
.t1x2-theme .gv-ball.is-brown { --c: #6f4e37; --cl: #b28663; }
.t1x2-theme .gv-ball.is-yellow { --c: #f2e600; --cl: #ffff8a; }
.t1x2-theme .gv-ball.is-orange { --c: #ffa500; --cl: #ffd27a; }
.t1x2-theme .gv-ball.is-black { --c: #1d1d24; --cl: #5d5d6b; }

/* top bar */
.t1x2-theme .gv-bg-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-radius: var(--gv-radius);
  color: var(--bg-ink);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(255, 197, 49, .22), transparent 45%),
    linear-gradient(135deg, #0b1020, #121a3a 60%, #0b1020);
  box-shadow: var(--gv-shadow);
}

.t1x2-theme .gv-bg-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.t1x2-theme .gv-bg-brand .gv-ball {
  --s: 46px;
  animation: gv-bg-bob 3s ease-in-out infinite;
}

.t1x2-theme .gv-bg-brand h1 {
  margin: 0;
  background: linear-gradient(180deg, #fff6c8, var(--bg-gold) 45%, var(--bg-gold-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: .5px;
  line-height: 1;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-brand small {
  display: block;
  margin-top: 4px;
  color: var(--bg-mute);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}

.t1x2-theme .gv-bg-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 96px;
  padding: 7px 14px;
  border-radius: 14px;
  background: var(--bg-glass);
  box-shadow: inset 0 0 0 1px var(--bg-line);
}

.t1x2-theme .gv-bg-stat small {
  color: var(--bg-mute);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-stat b {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-bg-stat em {
  color: var(--bg-mute);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
}

.t1x2-theme .gv-bg-stat.is-credit {
  background: linear-gradient(135deg, rgba(255, 197, 49, .22), rgba(255, 159, 10, .1));
  box-shadow: inset 0 0 0 1px rgba(255, 197, 49, .45);
}

.t1x2-theme .gv-bg-stat.is-credit b {
  color: var(--bg-gold);
}

.t1x2-theme .gv-bg-stat .is-debt {
  color: #ff8a8a;
}

.t1x2-theme .gv-bg-stat.is-pop b {
  animation: gv-bg-pop .6s ease;
}

.t1x2-theme a.gv-bg-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border-radius: 14px;
  color: #1b1300 !important;
  background: linear-gradient(180deg, #ffe17a, var(--bg-gold) 50%, var(--bg-gold-2));
  font-weight: 800;
}

/* the game area */
.t1x2-theme .gv-bg-stage {
  position: relative;
  min-height: 560px;
  padding: 22px;
  overflow: hidden;
  border-radius: var(--gv-radius);
  color: var(--bg-ink);
  background:
    repeating-conic-gradient(from 0deg at 50% 18%, rgba(255, 255, 255, .035) 0deg 6deg, transparent 6deg 18deg),
    radial-gradient(ellipse 80% 70% at 50% 22%, #2b63ff 0%, #1236c4 34%, #0a1f86 62%, #050e45 100%);
  box-shadow: var(--gv-shadow), inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 -80px 120px rgba(0, 0, 0, .35);
  container-type: inline-size;
  isolation: isolate;
}

.t1x2-theme .gv-bg-stage::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto;
  height: 80%;
  background: radial-gradient(closest-side, rgba(120, 170, 255, .35), transparent);
  pointer-events: none;
  z-index: -1;
}

/* picking the numbers */
.t1x2-theme .gv-bg-pick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: start;
}

.t1x2-theme .gv-bg-pick-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.t1x2-theme .gv-bg-pick-head h2 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}

.t1x2-theme .gv-bg-count {
  padding: 4px 12px;
  border-radius: 999px;
  color: var(--bg-gold);
  background: rgba(0, 0, 0, .3);
  font-size: 13px;
  font-weight: 800;
}

.t1x2-theme .gv-bg-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px 8px;
  justify-items: center;
  padding: 16px 12px;
  border-radius: 20px;
  background: rgba(0, 0, 0, .22);
  box-shadow: inset 0 0 0 1px var(--bg-line), inset 0 10px 30px rgba(0, 0, 0, .25);
}

.t1x2-theme .gv-bg-grid .gv-ball {
  --s: clamp(32px, 5.4cqi, 50px);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, opacity .2s, filter .2s;
}

.t1x2-theme .gv-bg-grid .gv-ball:hover {
  transform: translateY(-3px) scale(1.06);
}

.t1x2-theme .gv-bg-grid .gv-ball:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

.t1x2-theme .gv-bg-grid .gv-ball.is-on {
  transform: translateY(-3px) scale(1.08);
  box-shadow:
    inset -.14em -.2em .4em rgba(0, 0, 0, .45),
    0 0 0 3px #fff,
    0 0 0 6px var(--bg-gold),
    0 0 22px 6px rgba(255, 197, 49, .55);
}

.t1x2-theme .gv-bg-grid.is-full .gv-ball:not(.is-on) {
  opacity: .32;
  filter: saturate(.5);
}

.t1x2-theme .gv-bg-grid .gv-ball.is-shake {
  animation: gv-bg-shake .35s ease;
}

.t1x2-theme .gv-bg-ticket {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}

.t1x2-theme .gv-bg-slots {
  display: flex;
  gap: 8px;
}

.t1x2-theme .gv-bg-slots > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .3);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .5), 0 0 0 1px var(--bg-line);
}

.t1x2-theme .gv-bg-slots .gv-ball {
  --s: 46px;
  animation: gv-bg-drop .32s cubic-bezier(.3, 1.6, .5, 1);
}

.t1x2-theme .gv-bg-ticket-tools {
  display: flex;
  gap: 8px;
}

.t1x2-theme .gv-bg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px var(--bg-line);
  font-size: 13px;
  font-weight: 700;
  transition: background .15s, transform .15s;
}

.t1x2-theme .gv-bg-btn:hover {
  background: rgba(255, 255, 255, .18);
}

.t1x2-theme .gv-bg-btn:active {
  transform: scale(.97);
}

.t1x2-theme .gv-bg-btn.is-on {
  color: #1b1300;
  background: var(--bg-gold);
}

.t1x2-theme .gv-bg-bet {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 18px;
  margin-top: 16px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(0, 0, 0, .25);
  box-shadow: inset 0 0 0 1px var(--bg-line);
}

.t1x2-theme .gv-bg-stake label {
  display: block;
  margin-bottom: 6px;
  color: var(--bg-mute);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-stepper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .gv-bg-stepper button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .12);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

.t1x2-theme .gv-bg-stepper button:hover {
  background: rgba(255, 255, 255, .22);
}

.t1x2-theme .gv-bg-stepper input {
  width: 84px;
  height: 42px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: rgba(0, 0, 0, .35);
  box-shadow: inset 0 0 0 1px var(--bg-line);
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
}

.t1x2-theme .gv-bg-stepper input::-webkit-outer-spin-button,
.t1x2-theme .gv-bg-stepper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.t1x2-theme .gv-bg-stepper input:focus {
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--bg-gold);
}

.t1x2-theme .gv-bg-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-bg-chips button {
  min-width: 44px;
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px var(--bg-line);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bg-chips button:hover {
  background: rgba(255, 255, 255, .2);
}

.t1x2-theme .gv-bg-potential {
  margin-top: 8px;
  color: var(--bg-mute);
  font-size: 12px;
}

.t1x2-theme .gv-bg-potential b {
  color: var(--bg-gold);
}

.t1x2-theme .gv-bg-play {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 180px;
  height: 58px;
  padding: 0 28px;
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  color: #1b1300;
  background: linear-gradient(180deg, #fff0a8 0%, var(--bg-gold) 42%, var(--bg-gold-2) 100%);
  box-shadow: 0 10px 28px rgba(255, 170, 20, .45), inset 0 -3px 0 rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .6);
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  transition: transform .15s, filter .2s, box-shadow .2s;
}

.t1x2-theme .gv-bg-play::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .55) 50%, transparent 70%);
  transform: translateX(-120%);
}

.t1x2-theme .gv-bg-play:not(:disabled) {
  animation: gv-bg-glow 2s ease-in-out infinite;
}

.t1x2-theme .gv-bg-play:not(:disabled)::after {
  animation: gv-bg-shine 2.6s ease-in-out infinite;
}

.t1x2-theme .gv-bg-play:not(:disabled):hover {
  transform: translateY(-2px);
}

.t1x2-theme .gv-bg-play:disabled {
  filter: grayscale(.85) brightness(.75);
  cursor: not-allowed;
  box-shadow: none;
}

.t1x2-theme .gv-bg-note {
  min-height: 20px;
  margin: 12px 2px 0;
  color: var(--bg-mute);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-bg-note.is-err {
  color: #ffb4b4;
}

/* tables inside the game area */
.t1x2-theme .gv-bg-pick-side {
  padding: 16px;
  border-radius: 20px;
  background: rgba(3, 10, 46, .45);
  box-shadow: inset 0 0 0 1px var(--bg-line);
  backdrop-filter: blur(6px);
}

.t1x2-theme .gv-bg-tbl-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 10px;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-tbl-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .gv-bg-tbl-head i {
  color: var(--gv-gold);
}

.t1x2-theme .gv-bg-tbl-head small {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.t1x2-theme .gv-bg-rank + .gv-bg-tbl-head,
.t1x2-theme .gv-bg-games + .gv-bg-tbl-head {
  margin-top: 16px;
}

.t1x2-theme .gv-bg-rank {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-bg-rank[hidden] {
  display: none;
}

.t1x2-theme .gv-bg-rank li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border-radius: 12px;
  color: var(--gv-body);
  font-size: 13px;
}

.t1x2-theme .gv-bg-rank li:nth-child(even) {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-bg-place {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11.5px;
  font-weight: 800;
}

.t1x2-theme .gv-bg-rank .is-top1 .gv-bg-place { color: #4a3000; background: linear-gradient(180deg, #ffe47a, #f5a524); }
.t1x2-theme .gv-bg-rank .is-top2 .gv-bg-place { color: #2a2d36; background: linear-gradient(180deg, #f1f3f8, #b8bdc9); }
.t1x2-theme .gv-bg-rank .is-top3 .gv-bg-place { color: #3a1d06; background: linear-gradient(180deg, #f3c08e, #c47a3a); }

.t1x2-theme .gv-bg-who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .gv-bg-who a {
  overflow: hidden;
  color: var(--gv-ink);
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .gv-bg-who small {
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .gv-bg-who em {
  align-self: flex-start;
  margin-top: 2px;
  padding: 0 7px;
  border-radius: 999px;
  color: #4a3000;
  background: var(--gv-gold);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-rank b {
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t1x2-theme .gv-bg-rank b i {
  color: var(--gv-gold);
  font-size: 11px;
}

.t1x2-theme .gv-bg-rank li.is-me {
  background: var(--gv-gold-tint) !important;
  box-shadow: inset 0 0 0 1.5px var(--gv-gold);
}

.t1x2-theme .gv-bg-rank.is-me-only {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed var(--gv-line-strong);
}

.t1x2-theme .gv-bg-star {
  color: var(--gv-gold-ink);
  font-weight: 800;
}

.t1x2-theme .gv-bg-empty,
.t1x2-theme .gv-bg-empty-li {
  margin: 0;
  padding: 10px 4px;
  color: var(--gv-muted);
  font-size: 12.5px;
}

/* the "Još nema dobitaka." row is not a ranking row (no place / name / value columns) */
.t1x2-theme .gv-bg-rank li.gv-bg-empty-li {
  display: block;
  padding: 10px 4px;
  background: none;
}

/* the same tables on the dark game area */
.t1x2-theme .gv-bg-pick-side .gv-bg-tbl-head { color: #fff; }
.t1x2-theme .gv-bg-pick-side .gv-bg-tbl-head small { color: var(--bg-mute); }
.t1x2-theme .gv-bg-pick-side .gv-bg-rank li { color: var(--bg-ink); }
.t1x2-theme .gv-bg-pick-side .gv-bg-rank li:nth-child(even) { background: rgba(255, 255, 255, .05); }
.t1x2-theme .gv-bg-pick-side .gv-bg-place { color: var(--bg-mute); background: rgba(255, 255, 255, .1); }
.t1x2-theme .gv-bg-pick-side .gv-bg-who a,
.t1x2-theme .gv-bg-pick-side .gv-bg-rank b { color: #fff; }
.t1x2-theme .gv-bg-pick-side .gv-bg-rank li.is-me { background: rgba(255, 197, 49, .18) !important; box-shadow: inset 0 0 0 1.5px var(--bg-gold); }
.t1x2-theme .gv-bg-pick-side .gv-bg-rank.is-me-only { border-color: var(--bg-line); }
.t1x2-theme .gv-bg-pick-side .gv-bg-empty { color: var(--bg-mute); }

.t1x2-theme .gv-bg-seg {
  display: inline-flex;
  padding: 3px;
  border-radius: 999px;
  background: var(--gv-input);
}

.t1x2-theme .gv-bg-seg button {
  height: 24px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-muted);
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.t1x2-theme .gv-bg-seg button.is-on {
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

/* the draw */
.t1x2-theme .gv-bg-draw[hidden],
.t1x2-theme .gv-bg-pick[hidden] {
  display: none;
}

.t1x2-theme .gv-bg-hud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 10px 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .35));
  box-shadow: inset 0 0 0 1px rgba(255, 197, 49, .35), 0 8px 24px rgba(0, 0, 0, .3);
}

.t1x2-theme .gv-bg-hud-label {
  display: flex;
  flex-direction: column;
  min-width: 86px;
}

.t1x2-theme .gv-bg-hud-label small {
  color: var(--bg-mute);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bg-hud-label b {
  color: var(--bg-gold);
  font-size: 18px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-bg-mine {
  display: flex;
  gap: 8px;
}

.t1x2-theme .gv-bg-mine .gv-ball {
  --s: 44px;
  opacity: .55;
  transition: opacity .3s, transform .3s, box-shadow .3s;
}

.t1x2-theme .gv-bg-mine .gv-ball.is-hit {
  opacity: 1;
  transform: translateY(-2px) scale(1.08);
  box-shadow: inset -.14em -.2em .4em rgba(0, 0, 0, .45), 0 0 0 3px var(--bg-hit), 0 0 18px 4px rgba(43, 234, 116, .7);
  animation: gv-bg-pop .5s ease;
}

.t1x2-theme .gv-bg-hud-tools {
  display: flex;
  gap: 6px;
}

.t1x2-theme .gv-bg-hud-tools .gv-bg-btn {
  height: 36px;
  padding: 0 12px;
  font-size: 12px;
}

.t1x2-theme .gv-bg-board {
  --row: 58px;
  --sock: 44px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(130px, 1fr) repeat(7, minmax(0, 1fr)) minmax(130px, 1fr);
  grid-template-rows: repeat(8, var(--row));
  gap: 6px 8px;
}

.t1x2-theme .gv-bg-slot {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  grid-column: var(--gc);
  grid-row: var(--gr);
  min-width: 0;
}

.t1x2-theme .gv-bg-slot.is-right {
  flex-direction: row-reverse;
}

.t1x2-theme .gv-bg-slot.is-bottom {
  justify-content: center;
  gap: 6px;
}

.t1x2-theme .gv-bg-sock {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: var(--sock);
  height: var(--sock);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, #0b1f7a, #050c3a 70%);
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, .65), inset 0 -2px 4px rgba(120, 160, 255, .25), 0 0 0 2px rgba(96, 140, 255, .35);
}

.t1x2-theme .gv-bg-sock .gv-ball {
  --s: var(--sock);
  position: absolute;
  inset: 0;
}

.t1x2-theme .gv-bg-kv {
  color: #fff;
  font-size: clamp(14px, 1.7cqi, 20px);
  font-weight: 800;
  letter-spacing: .3px;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .45);
  white-space: nowrap;
}

.t1x2-theme .gv-bg-slot.is-bottom .gv-bg-kv {
  font-size: clamp(12px, 1.4cqi, 16px);
}

.t1x2-theme .gv-bg-slot.is-star .gv-bg-sock {
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, .65), 0 0 0 2px var(--bg-gold), 0 0 16px rgba(255, 197, 49, .6);
}

.t1x2-theme .gv-bg-slot.is-star .gv-bg-sock::after {
  content: "★";
  position: absolute;
  top: -9px;
  right: -9px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #4a3000;
  background: radial-gradient(circle at 40% 35%, #fff3b0, var(--bg-gold) 55%, var(--bg-gold-2));
  box-shadow: 0 2px 6px rgba(0, 0, 0, .45);
  font-size: 13px;
  line-height: 1;
  z-index: 2;
  animation: gv-bg-twinkle 1.4s ease-in-out infinite;
}

.t1x2-theme .gv-bg-slot.is-next .gv-bg-sock {
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, .65), 0 0 0 2px #fff, 0 0 18px rgba(255, 255, 255, .55);
}

.t1x2-theme .gv-bg-slot.is-hit .gv-bg-sock {
  box-shadow: 0 0 0 3px var(--bg-hit), 0 0 22px 6px rgba(43, 234, 116, .7);
}

/* my number on a star field: green ring, gold star stays */
.t1x2-theme .gv-bg-slot.is-star.is-hit .gv-bg-sock {
  box-shadow: 0 0 0 3px var(--bg-hit), 0 0 0 6px var(--bg-gold), 0 0 24px 8px rgba(43, 234, 116, .6);
}

.t1x2-theme .gv-bg-slot.is-hit .gv-bg-kv {
  color: var(--bg-hit);
}

.t1x2-theme .gv-bg-slot.is-win .gv-bg-sock {
  animation: gv-bg-winring 1s ease-in-out infinite;
}

.t1x2-theme .gv-bg-slot.is-win .gv-bg-kv {
  color: #fff3b0;
  text-shadow: 0 0 14px rgba(255, 197, 49, .9);
}

.t1x2-theme .gv-bg-slot.is-past .gv-bg-kv {
  opacity: .45;
}

/* the drum */
.t1x2-theme .gv-bg-drumwrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 2 / 9;
  grid-row: 1 / 7;
  min-height: 0;
}

.t1x2-theme .gv-bg-drum {
  --d: min(340px, 100%);
  position: relative;
  width: var(--d);
  aspect-ratio: 1;
  max-height: calc(var(--row) * 6);
  border-radius: 50%;
  background: conic-gradient(from 210deg, #f6f7fb, #9aa3b5, #eef1f7, #707a8f, #f6f7fb, #a3abbd, #f6f7fb);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .55), 0 0 0 3px rgba(255, 255, 255, .15), 0 0 60px rgba(90, 140, 255, .45);
}

.t1x2-theme .gv-bg-glass {
  position: absolute;
  inset: 5%;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 45%, rgba(90, 140, 255, .35), rgba(8, 20, 90, .92) 70%, #030a2e);
  box-shadow: inset 0 0 40px rgba(0, 0, 0, .75), inset 0 0 0 2px rgba(255, 255, 255, .25);
}

.t1x2-theme .gv-bg-glass::after {
  content: "";
  position: absolute;
  inset: 6% 18% 52% 14%;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
  transform: rotate(-18deg);
  pointer-events: none;
  z-index: 3;
}

.t1x2-theme .gv-bg-mix {
  position: absolute;
  inset: 0;
}

.t1x2-theme .gv-bg-mix .gv-ball {
  --s: 13%;
  position: absolute;
  top: 0;
  left: 0;
  width: 13%;
  height: 13%;
  font-size: 0;
  will-change: transform;
}

.t1x2-theme .gv-bg-mix .gv-ball b {
  width: 46%;
  height: 46%;
}

.t1x2-theme .gv-bg-drum.is-mixing .gv-bg-glass {
  animation: gv-bg-wobble .5s ease-in-out infinite;
}

.t1x2-theme .gv-bg-drum.is-mixing {
  box-shadow: 0 18px 40px rgba(0, 0, 0, .55), 0 0 0 3px rgba(255, 255, 255, .15), 0 0 90px rgba(255, 197, 49, .55);
}

.t1x2-theme .gv-bg-drum-label {
  position: absolute;
  left: 50%;
  bottom: -2px;
  padding: 4px 14px;
  border-radius: 999px;
  color: #1b1300;
  background: linear-gradient(180deg, #ffe17a, var(--bg-gold) 55%, var(--bg-gold-2));
  box-shadow: 0 6px 16px rgba(0, 0, 0, .4);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateX(-50%);
  z-index: 4;
}

/* the first five balls (no odd) on an arc beside the drum */
.t1x2-theme .gv-bg-first {
  position: absolute;
  top: 50%;
  left: calc(50% + min(170px, 50%) + 6px);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 6px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .2));
  box-shadow: inset 0 0 0 1px var(--bg-line);
  transform: translateY(-50%);
}

.t1x2-theme .gv-bg-first .gv-bg-sock {
  --sock: 36px;
}

.t1x2-theme .gv-bg-first .gv-bg-sock:nth-child(1),
.t1x2-theme .gv-bg-first .gv-bg-sock:nth-child(5) { margin-left: -10px; }
.t1x2-theme .gv-bg-first .gv-bg-sock:nth-child(2),
.t1x2-theme .gv-bg-first .gv-bg-sock:nth-child(4) { margin-left: 2px; }
.t1x2-theme .gv-bg-first .gv-bg-sock:nth-child(3) { margin-left: 8px; }

.t1x2-theme .gv-bg-first .gv-bg-sock.is-hit {
  box-shadow: 0 0 0 3px var(--bg-hit), 0 0 16px 4px rgba(43, 234, 116, .7);
}

/* the ball that comes out of the drum */
.t1x2-theme .gv-bg-fly {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: none;
  will-change: transform;
}

.t1x2-theme .gv-bg-fly .gv-ball {
  --s: 130px;
  box-shadow:
    inset -.14em -.2em .4em rgba(0, 0, 0, .45),
    inset .1em .1em .3em rgba(255, 255, 255, .22),
    0 20px 50px rgba(0, 0, 0, .6),
    0 0 60px rgba(255, 255, 255, .35);
}

.t1x2-theme .gv-bg-fly.is-hit .gv-ball {
  box-shadow:
    inset -.14em -.2em .4em rgba(0, 0, 0, .45),
    0 0 0 5px var(--bg-hit),
    0 0 70px 14px rgba(43, 234, 116, .75);
}

.t1x2-theme .gv-bg-fly-pos {
  position: absolute;
  top: -30px;
  left: 50%;
  padding: 2px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(0, 0, 0, .55);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  transform: translateX(-50%);
}

.t1x2-theme .gv-bg-burst {
  position: absolute;
  z-index: 21;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0 0 rgba(255, 197, 49, .9);
  animation: gv-bg-burst .7s ease-out forwards;
}

.t1x2-theme .gv-bg-floater {
  position: absolute;
  z-index: 22;
  padding: 4px 12px;
  border-radius: 999px;
  color: #1b1300;
  background: var(--bg-gold);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .4);
  font-size: 14px;
  font-weight: 800;
  pointer-events: none;
  transform: translate(-50%, -50%);
  animation: gv-bg-float 1.3s ease-out forwards;
}

.t1x2-theme .gv-bg-confetti {
  position: absolute;
  inset: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* the result */
.t1x2-theme .gv-bg-result {
  position: absolute;
  inset: 0;
  z-index: 25;
  display: grid;
  place-items: center;
  padding: 20px;
  background: radial-gradient(circle at 50% 45%, rgba(3, 10, 46, .35), rgba(3, 10, 46, .6));
  animation: gv-bg-fade .35s ease;
}

.t1x2-theme .gv-bg-result[hidden] {
  display: none;
}

.t1x2-theme .gv-bg-result-card {
  width: min(460px, 100%);
  padding: 26px 24px 22px;
  border-radius: 26px;
  text-align: center;
  background: linear-gradient(180deg, rgba(20, 30, 80, .96), rgba(8, 14, 48, .96));
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6), inset 0 0 0 1px var(--bg-line);
  animation: gv-bg-rise .45s cubic-bezier(.2, 1.4, .5, 1);
}

.t1x2-theme .gv-bg-result-card.is-win {
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6), inset 0 0 0 2px var(--bg-gold), 0 0 60px rgba(255, 197, 49, .35);
}

.t1x2-theme .gv-bg-result-card h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: .3px;
}

.t1x2-theme .gv-bg-result-card.is-win h3 {
  background: linear-gradient(180deg, #fff6c8, var(--bg-gold) 50%, var(--bg-gold-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 40px;
  letter-spacing: .5px;
}

.t1x2-theme .gv-bg-result-card p {
  margin: 0 0 4px;
  color: var(--bg-mute);
  font-size: 13.5px;
}

.t1x2-theme .gv-bg-result-amount {
  display: block;
  margin: 12px 0 4px;
  color: #fff;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-bg-result-card.is-win .gv-bg-result-amount {
  color: var(--bg-gold);
  text-shadow: 0 0 30px rgba(255, 197, 49, .6);
}

.t1x2-theme .gv-bg-result-card.is-lose .gv-bg-result-amount {
  color: #ffb4b4;
  font-size: 32px;
}

.t1x2-theme .gv-bg-result-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 12px 0 18px;
}

.t1x2-theme .gv-bg-result-meta span {
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .gv-bg-result-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.t1x2-theme .gv-bg-result-tools .gv-bg-play {
  min-width: 0;
  height: 48px;
  padding: 0 12px;
  font-size: 13px;
  letter-spacing: .3px;
}

.t1x2-theme .gv-bg-result-tools .gv-bg-btn {
  height: 48px;
}

.t1x2-theme .gv-bg-closed {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 14px;
  border-radius: 14px;
  color: #1b1300;
  background: var(--bg-gold);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .gv-bg-closed[hidden] {
  display: none;
}

.t1x2-theme .gv-bg-demo {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 14px;
  color: var(--bg-ink);
  background: rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 0 1px var(--bg-line);
  font-size: 12.5px;
}

.t1x2-theme .gv-bg-demo a {
  color: var(--bg-gold);
  font-weight: 700;
}

/* tables and rules below the game */
.t1x2-theme .gv-bg-panels {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  align-items: start;
}

.t1x2-theme .gv-bg-panels > .card {
  margin: 0;
  padding: 16px;
}

.t1x2-theme .gv-bg-panels > .card:empty {
  display: none;
}

.t1x2-theme .gv-bg-games {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-bg-games li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border-radius: 12px;
  color: var(--gv-body);
  font-size: 12.5px;
}

.t1x2-theme .gv-bg-games li:nth-child(even) {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-bg-games li span:first-child {
  display: flex;
  flex-direction: column;
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-bg-games small {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 500;
}

.t1x2-theme .gv-bg-games b {
  color: var(--gv-muted);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-bg-games li.is-won b {
  color: var(--gv-green);
}

.t1x2-theme .gv-bg-rules {
  margin: 0;
  padding: 22px 26px;
}

.t1x2-theme .gv-bg-rules h2 {
  margin: 0 0 12px;
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
}

.t1x2-theme .gv-bg-rules h3 {
  margin: 18px 0 8px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-bg-rules p,
.t1x2-theme .gv-bg-rules li {
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.7;
}

.t1x2-theme .gv-bg-rules ul:not(.gv-bg-paytable) {
  padding-left: 1.2em;
  list-style: disc;
}

.t1x2-theme .gv-bg-rules ul:not(.gv-bg-paytable) li::marker {
  color: var(--gv-coral);
}

.t1x2-theme .gv-bg-paytable {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
  gap: 6px;
  margin: 10px 0 4px;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-bg-paytable li {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 12.5px;
}

.t1x2-theme .gv-bg-paytable span {
  color: var(--gv-muted);
}

.t1x2-theme .gv-bg-paytable b {
  color: var(--gv-ink);
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-bg-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@keyframes gv-bg-bob { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(8deg); } }
@keyframes gv-bg-pop { 0% { transform: scale(1); } 40% { transform: scale(1.25); } 100% { transform: scale(1); } }
@keyframes gv-bg-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
@keyframes gv-bg-drop { from { transform: scale(.2) translateY(-20px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes gv-bg-glow { 0%, 100% { box-shadow: 0 10px 28px rgba(255, 170, 20, .45), inset 0 -3px 0 rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .6); } 50% { box-shadow: 0 10px 40px rgba(255, 190, 40, .85), inset 0 -3px 0 rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .6); } }
@keyframes gv-bg-shine { 0%, 55% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
@keyframes gv-bg-twinkle { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.18) rotate(18deg); } }
@keyframes gv-bg-wobble { 0%, 100% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(2deg) scale(1.01); } }
@keyframes gv-bg-burst { from { opacity: 1; box-shadow: 0 0 0 0 rgba(43, 234, 116, .9), 0 0 0 0 rgba(255, 255, 255, .8); } to { opacity: 0; box-shadow: 0 0 0 46px rgba(43, 234, 116, 0), 0 0 0 26px rgba(255, 255, 255, 0); } }
@keyframes gv-bg-float { 0% { opacity: 0; transform: translate(-50%, -20%) scale(.6); } 20% { opacity: 1; transform: translate(-50%, -60%) scale(1.1); } 100% { opacity: 0; transform: translate(-50%, -180%) scale(1); } }
@keyframes gv-bg-winring { 0%, 100% { box-shadow: 0 0 0 3px var(--bg-gold), 0 0 18px 4px rgba(255, 197, 49, .7); } 50% { box-shadow: 0 0 0 5px #fff3b0, 0 0 34px 12px rgba(255, 197, 49, .95); } }
@keyframes gv-bg-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes gv-bg-rise { from { opacity: 0; transform: translateY(24px) scale(.94); } to { opacity: 1; transform: none; } }

/* narrow game area (phones, tablets with the menu): one board under the drum */
@container (max-width: 860px) {
  .t1x2-theme .gv-bg-pick {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-bg-board {
    --sock: clamp(30px, 9cqi, 44px);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 10px 4px;
  }

  .t1x2-theme .gv-bg-drumwrap {
    grid-column: 1 / -1;
    grid-row: auto;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 6px;
  }

  .t1x2-theme .gv-bg-drum {
    --d: min(260px, 72cqi);
    max-height: none;
  }

  .t1x2-theme .gv-bg-first {
    position: static;
    flex-direction: row;
    border-radius: 999px;
    transform: none;
  }

  .t1x2-theme .gv-bg-first .gv-bg-sock {
    margin-left: 0 !important;
  }

  .t1x2-theme .gv-bg-slot,
  .t1x2-theme .gv-bg-slot.is-right,
  .t1x2-theme .gv-bg-slot.is-bottom {
    flex-direction: column;
    grid-column: auto;
    grid-row: auto;
    gap: 3px;
  }

  .t1x2-theme .gv-bg-kv,
  .t1x2-theme .gv-bg-slot.is-bottom .gv-bg-kv {
    font-size: clamp(10.5px, 3cqi, 14px);
  }

  .t1x2-theme .gv-bg-fly .gv-ball {
    --s: 96px;
  }

  .t1x2-theme .gv-bg-bet {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-bg-play {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-bg-stage {
    margin: 0 -6px;
    padding: 14px 10px;
    border-radius: 20px;
  }

  .t1x2-theme .gv-bg-top {
    padding: 12px;
  }

  .t1x2-theme .gv-bg-brand h1 {
    font-size: 22px;
  }

  .t1x2-theme .gv-bg-stats {
    width: 100%;
  }

  .t1x2-theme .gv-bg-stat {
    flex: 1;
    min-width: 0;
    padding: 6px 10px;
  }

  .t1x2-theme .gv-bg-grid {
    gap: 8px 4px;
    padding: 12px 6px;
  }

  .t1x2-theme .gv-bg-slots {
    gap: 5px;
  }

  .t1x2-theme .gv-bg-slots > span,
  .t1x2-theme .gv-bg-slots .gv-ball {
    --s: 38px;
    width: 38px;
    height: 38px;
  }

  .t1x2-theme .gv-bg-ticket-tools {
    width: 100%;
  }

  .t1x2-theme .gv-bg-ticket-tools .gv-bg-btn {
    flex: 1;
  }

  .t1x2-theme .gv-bg-mine .gv-ball {
    --s: 34px;
  }

  .t1x2-theme .gv-bg-hud {
    padding: 8px 10px;
  }

  .t1x2-theme .gv-bg-rules {
    padding: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .t1x2-theme .gv-bg-play:not(:disabled),
  .t1x2-theme .gv-bg-play:not(:disabled)::after,
  .t1x2-theme .gv-bg-brand .gv-ball,
  .t1x2-theme .gv-bg-slot.is-star .gv-bg-sock::after {
    animation: none;
  }
}

/* 13. CONTROLS
   ------------------------------------------------------------------------ */
:where(.gv-shell, .gv-scope) .btn:where(:not(.gv-nova *)) {
  border-radius: 14px;
  font-weight: 600;
}

:where(.gv-shell, .gv-scope) .btn-primary:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: transparent;
  background: var(--gv-grad);
  box-shadow: 0 10px 24px rgba(var(--gv-coral-rgb), .23);
}

:where(.gv-shell, .gv-scope) .btn-danger:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--gv-danger), var(--gv-danger-dark));
  box-shadow: 0 10px 24px rgba(var(--gv-danger-rgb), .23);
}

:where(.gv-shell, .gv-scope) .btn-primary:hover:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn-primary:focus:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn-primary:active:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--gv-coral-dark), var(--gv-coral-darker));
}

:where(.gv-shell, .gv-scope) .btn-danger:hover:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn-danger:focus:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--gv-danger-dark), var(--gv-danger-darker));
}

:where(.gv-shell, .gv-scope) .btn-outline-primary:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark);
  border-color: var(--gv-coral);
  background: transparent;
}

:where(.gv-shell, .gv-scope) .btn-outline-primary:hover:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn-outline-primary.active:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: var(--gv-coral);
  background: var(--gv-coral);
}

:where(.gv-shell, .gv-scope) .btn-info:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: var(--gv-violet);
  background: var(--gv-violet);
}

:where(.gv-shell, .gv-scope) .btn-link:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark);
}

:where(.gv-shell, .gv-scope) .btn-light:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn-secondary:where(:not(.gv-nova *)) {
  color: var(--gv-body);
  background: var(--gv-input);
  border-color: transparent;
  box-shadow: none;
}

:where(.gv-shell, .gv-scope) .btn-light:hover:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .btn-secondary:hover:where(:not(.gv-nova *)) {
  color: var(--gv-ink);
  background: var(--gv-line-strong);
}

:where(.gv-shell, .gv-scope) .bg-primary:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .badge.bg-primary:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .text-bg-primary:where(:not(.gv-nova *)) {
  color: #fff !important;
  background: var(--gv-coral) !important;
}

:where(.gv-shell, .gv-scope) .bg-info:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .badge.bg-info:where(:not(.gv-nova *)) {
  color: #fff !important;
  background: var(--gv-violet) !important;
}

:where(.gv-shell, .gv-scope) .text-primary:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .link-primary:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark) !important;
}

:where(.gv-shell, .gv-scope) .text-info:where(:not(.gv-nova *)) {
  color: var(--gv-violet) !important;
}

:where(.gv-shell, .gv-scope) .form-control:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .form-select:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) select:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) textarea:where(:not(.gv-nova *)) {
  color: var(--gv-ink);
  background-color: var(--gv-input);
  border-color: transparent;
  border-radius: 14px;
}

:where(.gv-shell, .gv-scope) .form-control:focus:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .form-select:focus:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) textarea:focus:where(:not(.gv-nova *)) {
  background-color: var(--gv-surface);
  border-color: rgba(var(--gv-coral-rgb), .36);
  box-shadow: 0 0 0 4px rgba(var(--gv-coral-rgb), .09);
}

:where(.gv-shell, .gv-scope) .form-check-input:checked:where(:not(.gv-nova *)) {
  background-color: var(--gv-coral);
  border-color: var(--gv-coral);
}

:where(.gv-shell, .gv-scope) .form-check-input:focus:where(:not(.gv-nova *)) {
  border-color: rgba(var(--gv-coral-rgb), .5);
  box-shadow: 0 0 0 4px rgba(var(--gv-coral-rgb), .12);
}

:where(.gv-shell, .gv-scope) .form-switch .form-check-input:focus:not(:checked):where(:not(.gv-nova *)) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f2737d'/%3e%3c/svg%3e");
}

:where(.gv-shell, .gv-scope) .form-range::-webkit-slider-thumb { background: var(--gv-coral); }
:where(.gv-shell, .gv-scope) .form-range::-moz-range-thumb { background: var(--gv-coral); }

:where(.gv-shell, .gv-scope) .progress-bar:where(:not(.gv-nova *)) {
  background-color: var(--gv-coral);
}

:where(.gv-shell, .gv-scope) .nav-pills .nav-link.active:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .nav-pills .show > .nav-link:where(:not(.gv-nova *)),
:where(.gv-shell, .gv-scope) .list-group-item.active:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: var(--gv-coral);
  background: var(--gv-coral);
}

:where(.gv-shell, .gv-scope) .page-link:where(:not(.gv-nova *)) {
  color: var(--gv-coral-dark);
}

:where(.gv-shell, .gv-scope) .page-item.active .page-link:where(:not(.gv-nova *)) {
  color: #fff;
  border-color: var(--gv-coral);
  background: var(--gv-coral);
}

:where(.gv-shell, .gv-scope) .nav-tabs:where(:not(.gv-nova *)) {
  border-color: var(--gv-line);
}

:where(.gv-shell, .gv-scope) .nav-tabs .nav-link:where(:not(.gv-nova *)) {
  border: 0;
  border-radius: 13px;
  color: var(--gv-muted);
}

:where(.gv-shell, .gv-scope) .nav-tabs .nav-link.active:where(:not(.gv-nova *)) {
  color: #fff;
  background: var(--gv-grad);
}

:where(.gv-shell, .gv-scope) .btn-chat:where(:not(.gv-nova *)) {
  color: var(--gv-ink);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  box-shadow: var(--gv-shadow-sm);
}

:where(.gv-shell, .gv-scope) .btn-chat:hover .main-icon *:where(:not(.gv-nova *)) {
  fill: var(--gv-coral-dark) !important;
}

/* 15. DARK MODE
   ------------------------------------------------------------------------ */
body.t1x2-theme.night-mode {
  --gv-bg: #0c0e11;
  --gv-surface: #171a20;
  --gv-sunken: #1b1e25;
  --gv-input: #101216;
  --gv-hover-bg: #1f232b;
  --gv-ink: #ededea;
  --gv-body: #d8d7d2;
  --gv-muted: #a09d96;
  --gv-faint: #6f6c66;
  --gv-icon: #b3afa7;
  --gv-line: rgba(255, 255, 255, .08);
  --gv-line-strong: rgba(255, 255, 255, .14);
  --gv-coral-dark: var(--gv-coral-night);
  --gv-coral-ink: var(--gv-coral-night-ink);
  --gv-coral-tint: var(--gv-coral-night-tint);
  --gv-danger-dark: #f04652;
  --gv-violet-tint: rgba(108, 92, 231, .2);
  --gv-gold-ink: #ffc35c;
  --gv-gold-tint: rgba(245, 165, 36, .16);
  --gv-green: #3ccf7d;
  --gv-green-tint: rgba(60, 207, 125, .14);
  --gv-red-tint: rgba(229, 72, 77, .16);
  --gv-shadow: 0 18px 50px rgba(0, 0, 0, .48);
  --gv-shadow-sm: 0 6px 18px rgba(0, 0, 0, .4);
  --gv-hover: 0 26px 62px rgba(0, 0, 0, .62);
  --gv-popup: 0 26px 70px rgba(0, 0, 0, .68);
  /* Sngine's own dark palette is blue-grey; make it warm neutral */
  --body-bg-color-dark: #0c0e11;
  --body-color-dark: #d8d7d2;
  --header-bg-color-dark: #171a20;
  --card-dark-color: #171a20;
  --card-dark-divider: rgba(255, 255, 255, .08);
  --card-dark-hover: #1f232b;
  --card-dark-input: #101216;
  --card-dark-input-color: #ededea;
}

.t1x2-theme.night-mode .main-header,
.t1x2-theme.night-mode .gv-menu-card,
.t1x2-theme.night-mode .footer-bottom-bar {
  background: rgba(20, 23, 29, .9);
}

.t1x2-theme.night-mode .page-header {
  background: linear-gradient(135deg, #171a20, var(--gv-coral-night-bg1));
}

.t1x2-theme.night-mode .dropdown-menu,
.t1x2-theme.night-mode .modal-content {
  color: var(--gv-body);
}

.t1x2-theme.night-mode .stories-wrapper .add-story .add {
  border-color: var(--gv-surface);
}

.t1x2-theme.night-mode .gv-thanks {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(var(--gv-coral-rgb), .5), transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(245, 165, 36, .14), transparent 60%),
    linear-gradient(155deg, var(--gv-coral-night-bg2), #17181d);
  box-shadow: 0 0 0 1px rgba(var(--gv-coral-rgb), .35), var(--gv-shadow);
}

.t1x2-theme.night-mode .gv-live {
  color: var(--gv-coral-ink);
}

.t1x2-theme.night-mode .gv-sheet {
  box-shadow: 0 -20px 60px rgba(0, 0, 0, .6);
}

.t1x2-theme.night-mode .gv-rank-table li:nth-child(even) {
  background: rgba(255, 255, 255, .02);
}

.t1x2-theme.night-mode .gv-badge-won,
.t1x2-theme.night-mode .is-won .gv-ticket-pick {
  color: var(--gv-green);
}

.t1x2-theme.night-mode .profile-buttons-wrapper .btn-light {
  color: var(--gv-ink);
  background: rgba(23, 26, 32, .92);
}

.t1x2-theme.night-mode .gv-publisher-quick button:nth-child(1) { background: rgba(108, 56, 232, .2); color: #b69cff; }
.t1x2-theme.night-mode .gv-publisher-quick button:nth-child(2) { background: rgba(217, 135, 0, .18); color: #ffc35c; }

/* 16. RESPONSIVE
   ------------------------------------------------------------------------ */
/* 4 columns on laptops too (1536px = 1920 screen with 125% scaling) */
@media (max-width: 1699.98px) {
  .t1x2-theme .gv-shell {
    padding-left: 18px;
    padding-right: 18px;
  }

  .t1x2-theme .gv-shell > .row {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 16px;
  }

  .t1x2-theme .gv-main-area > .row {
    grid-template-columns: minmax(0, 1fr) 596px;
    gap: 16px;
  }

  .t1x2-theme .gv-right-rails {
    gap: 16px;
  }

  .t1x2-theme .gv-widget {
    padding: 14px;
  }

  .t1x2-theme .gv-menu-card {
    padding: 12px;
  }
}

/* home page and Tipovi, desktop: right columns that stay in view; the limits (top, bottom) and
   the place in the row (margin, align-self) are set by t1x2.js, initStickyRails. overflow-anchor:
   the browser must not keep the scroll position by a column whose place the script changes */
.t1x2-theme .gv-rail-sticky {
  position: sticky;
  align-self: start;
  overflow-anchor: none;
}

/* one right column: betting first, community below (from 1500px: with four columns below that
   the feed was narrower than 540px) */
@media (max-width: 1499.98px) {
  .t1x2-theme .gv-shell > .row {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 18px;
  }

  .t1x2-theme .gv-main-area > .row {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
  }

  /* stretch: the base rule's align-items: start (for the grid) would leave each rail as wide
     as its longest unbroken line (nova widgets truncate text with nowrap), and a banner with
     width: 100% then grew with it, far past the screen */
  .t1x2-theme .gv-right-rails {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .t1x2-theme .gv-rail-a,
  .t1x2-theme .gv-rail-b {
    width: 100%;
  }

  .t1x2-theme .gv-widget {
    padding: 16px;
  }
}

@media (max-width: 1279.98px) {
  .t1x2-theme .gv-shell > .row {
    grid-template-columns: 212px minmax(0, 1fr);
  }

  .t1x2-theme .gv-main-area > .row {
    grid-template-columns: minmax(0, 1fr) 304px;
  }
}

/* narrow screens: the rails follow the feed (below "More Stories") */
@media (max-width: 1099.98px) {
  .t1x2-theme .gv-main-area > .row {
    display: block;
  }

  .t1x2-theme .gv-right-rails {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 4px;
  }

  .t1x2-theme .gv-right-rails > *,
  .t1x2-theme .gv-rail-a,
  .t1x2-theme .gv-rail-b {
    width: 100%;
    max-width: 100%;
  }

  /* style.css gives "More Stories" 90px bottom margin on phones (to clear the
     bottom bar); the rails now follow it, so keep the normal gap */
  .t1x2-theme .gv-feed-column .see-more {
    margin-bottom: 16px;
  }
}

@media (max-width: 767.98px) {
  body.t1x2-theme {
    padding-bottom: 72px;
  }

  .t1x2-theme .main-header {
    min-height: 60px;
  }

  .t1x2-theme .gv-shell {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px !important;
  }

  .t1x2-theme .gv-shell > .row {
    display: block;
  }

  /* the left menu becomes the drawer of the header hamburger (the drawer block before section B, t1x2.js initMenuDrawer) */
  .t1x2-theme .gv-left-rail {
    width: 100%;
  }

  .t1x2-theme .gv-main-area {
    position: relative;
  }

  .t1x2-theme .gv-menu-card {
    position: static;
    max-height: none;
    background: var(--gv-surface);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .t1x2-theme .gv-collapse {
    display: none;
  }

  :where(.gv-shell, .gv-scope) .card:where(:not(.gv-nova *)) {
    border-radius: 20px;
  }

  :where(.gv-shell, .gv-scope) .card-body:where(:not(.gv-nova *)) {
    padding: 15px;
  }

  .t1x2-theme .gv-stories-card .stories-wrapper {
    padding: 8px 15px 15px !important;
  }

  .t1x2-theme .gv-composer-card .publisher {
    padding: 12px;
  }

  .t1x2-theme .gv-composer-card .publisher-message:not(.colored) .publisher-avatar {
    width: 40px;
    height: 40px;
  }

  .t1x2-theme .gv-composer-card .publisher-message:not(.colored) .colored-text-wrapper {
    padding: 0 12px;
  }

  .t1x2-theme .gv-publisher-quick {
    gap: 6px;
  }

  .t1x2-theme .gv-publisher-quick button {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

}

@media (max-width: 575.98px) {
  .t1x2-theme .gv-table-head,
  .t1x2-theme .gv-rank-table li {
    grid-template-columns: 22px minmax(0, 1fr) 46px 54px 56px;
  }

  .t1x2-theme .gv-table-head.is-no-gift,
  .t1x2-theme .gv-rank-table.is-no-gift li {
    grid-template-columns: 22px minmax(0, 1fr) 46px 56px;
  }

  .t1x2-theme .gv-table-head span:nth-child(4),
  .t1x2-theme .gv-rank-table li > .gv-col-percent {
    display: none;
  }

  .t1x2-theme .gv-rank-table .gv-avatar {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .t1x2-theme *,
  .t1x2-theme *::before,
  .t1x2-theme *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* H2H statistika (iframe on the home page) */
.t1x2-theme .gv-h2h iframe {
  display: block;
  width: 100%;
  max-width: 380px;
  height: 400px;
  margin: 0 auto;
  border: 0;
  border-radius: 14px;
}

/* Sportske novosti (php/cron/cron_sportske_novosti_widget.php): the blog "Najnoviji članci" list,
   with the category and time instead of the date and a small link in the header */
.t1x2-theme .gv-sn-news .gv-widget-head {
  align-items: center;
}

.t1x2-theme .gv-sn-all {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
  transition: color .15s;
}

.t1x2-theme .gv-sn-all i {
  font-size: 9.5px;
}

.t1x2-theme .gv-sn-all:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-sn-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-sn-meta b {
  overflow: hidden;
  color: var(--gv-green);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.t1x2-theme .gv-sn-meta time {
  flex: none;
}

.t1x2-theme .gv-sn-meta time::before {
  content: "·";
  margin-right: 6px;
}

/* the administration preview: as wide as the right column */
.t1x2-theme .gv-ad-preview-narrow > .card {
  max-width: 360px;
}

.t1x2-theme .gv-ad-log ul {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.t1x2-theme .gv-ad-log h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 10px;
  color: var(--gv-muted);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.t1x2-theme .gv-ad-log li {
  overflow: hidden;
  padding: 6px 0;
  border-top: 1px solid var(--gv-line);
  color: var(--gv-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-log li.is-err {
  color: var(--gv-red);
}

.t1x2-theme .gv-ad-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-ad-note code {
  overflow-wrap: anywhere;
}

/* Aktivne grupe (php/cron/cron_aktivne_grupe_widget.php): fixed picture size, also when an image is missing */
.t1x2-theme .gv-active-groups .data-avatar img {
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 50%;
  object-fit: cover;
  background: var(--gv-input);
}

/* group page: the default cover (__t1x2_group_cover.tpl, --gv-default-cover on the wrapper) while the
   group has no cover <img>; covers the Tailwind gradient. Without :has() support the gradient stays */
.t1x2-theme .profile-cover-wrapper.gv-default-cover:not(:has(> img)) {
  background-color: var(--gv-input);
  background-image: var(--gv-default-cover);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* partner post in the home feed ([data-gv-p="activity"], filled by t1x2.js from php/geo-ad.php);
   neutral names on purpose, ad blockers hide elements named ad-* */
/* header banner on top of the home feed, everyone ([data-gv-p="header728"], phones "header728_mobile") */
.t1x2-theme .gv-top-promo {
  margin-bottom: 16px;
}

.t1x2-theme .gv-top-promo:empty {
  display: none;
}

.t1x2-theme .gv-top-promo a {
  display: block;
}

.t1x2-theme .gv-top-promo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--gv-radius);
  box-shadow: var(--gv-shadow);
}

/* welcome card for guests on top of the home feed (numbers: php/cron/cron_dobrodosli_widget.php) */
.t1x2-theme .gv-welcome {
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 16px;
  padding: 24px 26px;
  overflow: hidden;
  border-radius: var(--gv-radius);
  color: #fff;
  /* neutral dark like the header; red only on the sign-up button */
  background: radial-gradient(70% 120% at 100% 0%, rgba(var(--gv-coral-rgb), .14), transparent 60%), linear-gradient(120deg, #121418 0%, #1b1e24 100%);
  box-shadow: var(--gv-shadow);
}

.t1x2-theme .gv-welcome::after {
  content: "\f0c0";
  position: absolute;
  right: 190px;
  bottom: -40px;
  color: rgba(255, 255, 255, .06);
  font: 900 160px/1 "Font Awesome 7 Free", "Font Awesome 6 Free";
  pointer-events: none;
}

.t1x2-theme .gv-welcome-text {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-welcome-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #ffc35c;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-welcome h1,
.t1x2-theme .gv-welcome h2 {
  margin: 6px 0 6px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.3px;
}

.t1x2-theme .gv-welcome p {
  margin: 0;
  color: rgba(255, 255, 255, .74);
  font-size: 13.5px;
  line-height: 1.55;
}

.t1x2-theme .gv-welcome p b {
  color: #fff;
}

.t1x2-theme .gv-welcome-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-welcome-stats li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  border-radius: 999px;
  color: rgba(255, 255, 255, .8);
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-welcome-stats i {
  color: #ffc35c;
  font-size: 11px;
}

.t1x2-theme .gv-welcome-stats b {
  color: #fff;
}

.t1x2-theme .gv-welcome-stats a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: inherit;
  text-decoration: none;
}

.t1x2-theme .gv-welcome-stats li:has(a) {
  transition: background .15s, box-shadow .15s;
}

.t1x2-theme .gv-welcome-stats li:has(a):hover {
  background: rgba(255, 255, 255, .14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
}

.t1x2-theme .gv-welcome-stats a .fa-arrow-right {
  color: rgba(255, 255, 255, .6);
  font-size: 10px;
}

.t1x2-theme .gv-welcome-actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 10px;
}

.t1x2-theme .gv-welcome-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 22px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-coral);
  box-shadow: 0 12px 28px rgba(var(--gv-coral-rgb), .45);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  transition: transform .15s, background .15s;
}

.t1x2-theme .gv-welcome-btn:hover {
  color: #fff;
  background: var(--gv-coral-dark);
  transform: translateY(-1px);
}

.t1x2-theme .gv-welcome-btn.is-ghost {
  padding: 11px 22px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
  font-size: 14px;
}

.t1x2-theme .gv-welcome-btn.is-ghost:hover {
  background: rgba(255, 255, 255, .16);
}

/* the feed column is narrow on tablets / small laptops: buttons go below the text */
@media (max-width: 1399.98px) {
  .t1x2-theme .gv-welcome {
    flex-direction: column;
    align-items: stretch;
  }

  .t1x2-theme .gv-welcome-actions {
    flex-direction: row;
  }

  .t1x2-theme .gv-welcome-btn {
    flex: 1;
  }

  .t1x2-theme .gv-welcome::after {
    right: -10px;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-welcome {
    gap: 18px;
    padding: 20px 18px;
    border-radius: 20px;
  }

  .t1x2-theme .gv-welcome h1,
  .t1x2-theme .gv-welcome h2 {
    font-size: 19px;
  }

  .t1x2-theme .gv-welcome-stats {
    gap: 6px;
  }

  .t1x2-theme .gv-welcome-stats li {
    padding: 5px 9px;
    font-size: 11px;
  }

  .t1x2-theme .gv-welcome-stats li,
  .t1x2-theme .gv-welcome-stats a {
    gap: 5px;
  }

  .t1x2-theme .gv-welcome-actions {
    flex-direction: column;
    gap: 8px;
  }

  .t1x2-theme .gv-welcome-btn {
    padding: 12px 14px;
    font-size: 14.5px;
  }

  .t1x2-theme .gv-welcome-btn.is-ghost {
    padding: 10px 14px;
  }

  .t1x2-theme .gv-top-promo img {
    border-radius: 20px;
  }
}

/* "Naši partneri" in the right rail ([data-gv-p="list_partners"] from php/geo-ad.php);
   --gv-pc = partner color, --gv-pc-ink = text on that color. The first partner (random on
   every load) is the highlighted card with the full button, the others are compact rows
   with a small tinted button next to the name, so the color button is there only once */
.t1x2-theme .gv-partners:empty {
  display: none;
}

.t1x2-theme .gv-partners-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-partners-list li[hidden] {
  display: none;
}

.t1x2-theme .gv-partners-list li + li:not(.is-featured) {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-partners-list li.is-featured + li {
  margin-top: 6px;
  border-top: 0;
}

.t1x2-theme .gv-partners-list a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 6px;
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  transition: background .15s;
}

.t1x2-theme .gv-partners-list a:hover {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-partner-logo {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  color: var(--gv-pc-ink);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 16px;
  font-weight: 800;
}

.t1x2-theme .gv-partner-logo:not(:has(img)) {
  background: var(--gv-pc);
}

.t1x2-theme .gv-partner-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* compact row: name and button on one line, the offer below */
.t1x2-theme .gv-partner-body {
  display: grid;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "name cta" "text text";
  align-items: center;
  gap: 2px 8px;
  min-width: 0;
}

.t1x2-theme .gv-partner-body b {
  grid-area: name;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-partner-text {
  display: -webkit-box;
  grid-area: text;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 12px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.t1x2-theme .gv-partner-cta {
  display: inline-flex;
  grid-area: cta;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--gv-ink);
  background: color-mix(in srgb, var(--gv-pc) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gv-pc) 30%, transparent);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  transition: gap .15s, background .15s;
}

.t1x2-theme .gv-partner-cta i {
  font-size: 9px;
}

.t1x2-theme .gv-partners-list a:hover .gv-partner-cta {
  gap: 8px;
  background: color-mix(in srgb, var(--gv-pc) 20%, transparent);
}

/* dark partner colors (black, navy) are not seen on the dark theme: neutral button there */
.t1x2-theme.night-mode .gv-partner-cta {
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

/* highlighted partner: tinted card, stripe and the full button */
.t1x2-theme .gv-partners-list li.is-featured a {
  align-items: flex-start;
  gap: 12px;
  padding: 12px 12px 12px 15px;
  overflow: hidden;
  border-radius: 16px;
  background: color-mix(in srgb, var(--gv-pc) 7%, var(--gv-sunken));
}

.t1x2-theme .gv-partners-list li.is-featured a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--gv-pc);
}

.t1x2-theme .gv-partners-list li.is-featured a:hover {
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .gv-partners-list li.is-featured .gv-partner-logo {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  box-shadow: 0 0 0 2px var(--gv-surface), 0 0 0 4px var(--gv-pc);
}

.t1x2-theme .gv-partners-list li.is-featured .gv-partner-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.t1x2-theme .gv-partners-list li.is-featured .gv-partner-body b {
  max-width: 100%;
  font-size: 14px;
}

.t1x2-theme .gv-partners-list li.is-featured .gv-partner-text {
  font-size: 12.5px;
  line-height: 1.45;
}

.t1x2-theme .gv-partners-list li.is-featured .gv-partner-cta {
  gap: 7px;
  margin-top: 7px;
  padding: 6px 12px;
  color: var(--gv-pc-ink);
  background: var(--gv-pc);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  font-size: 12px;
}

.t1x2-theme .gv-partners-list li.is-featured .gv-partner-cta i {
  font-size: 10.5px;
}

.t1x2-theme .gv-partners-list li.is-featured a:hover .gv-partner-cta {
  gap: 10px;
  background: var(--gv-pc);
}

.t1x2-theme .gv-partners-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 10px;
  padding: 9px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-coral-dark);
  background: transparent;
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .gv-partners-more:hover {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-partners-more i {
  font-size: 11px;
  transition: transform .2s;
}

.t1x2-theme .gv-partners-more[aria-expanded="true"] i {
  transform: rotate(180deg);
}

/* banner in the right rail ([data-gv-p="sidebar300"], "sidebar2"... from php/geo-ad.php) */
.t1x2-theme .gv-rail-promo {
  margin-bottom: 14px;
  text-align: center;
}

.t1x2-theme .gv-rail-promo:empty {
  display: none;
}

/* never wider than 360px: below 1100px the rails take the whole width (a 270px banner was 758px
   there); !important over the inline max-width: 100% of t1x2.js (banner()) */
.t1x2-theme .gv-rail-promo img {
  display: block;
  width: 100%;
  max-width: min(100%, 360px) !important;
  height: auto;
  margin: 0 auto;
  border-radius: var(--gv-radius-sm);
}

.t1x2-theme .gv-feed-p {
  list-style: none;
}

.t1x2-theme .gv-feed-p [data-gv-p]:empty {
  display: none;
}

.t1x2-theme [data-gv-p="activity"] .joms-stream {
  padding: 16px 18px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow);
}

.t1x2-theme [data-gv-p="activity"] .joms-stream__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.t1x2-theme [data-gv-p="activity"] .joms-avatar--stream img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.t1x2-theme [data-gv-p="activity"] .joms-stream__meta {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.t1x2-theme [data-gv-p="activity"] .joms-stream__user {
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme [data-gv-p="activity"] .joms-stream__time small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme [data-gv-p="activity"] .joms-stream__body p {
  margin: 0;
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.6;
}

.t1x2-theme [data-gv-p="activity"] .joms-stream__body a {
  color: var(--gv-coral-dark);
}

/* 11m. ADMINISTRACIJA (/administracija), GENERAL MESSAGE, POPUP
   ------------------------------------------------------------------------ */

/* general message on the home page (_t1x2_site_message.tpl) */
.t1x2-theme .gv-site-msg {
  --gv-mc: var(--gv-coral);
  --gv-mc-tint: var(--gv-coral-tint);
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 52px 16px 18px;
  overflow: hidden;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow), inset 4px 0 0 var(--gv-mc);
  transition: height .3s ease, margin .3s ease, padding .3s ease, opacity .25s ease;
}

.t1x2-theme .gv-site-msg.is-info { --gv-mc: #3b82f6; --gv-mc-tint: rgba(59, 130, 246, .12); }
.t1x2-theme .gv-site-msg.is-uspeh { --gv-mc: var(--gv-green); --gv-mc-tint: var(--gv-green-tint); }
.t1x2-theme .gv-site-msg.is-upozorenje { --gv-mc: var(--gv-gold); --gv-mc-tint: var(--gv-gold-tint); }
.t1x2-theme .gv-site-msg.is-vazno { --gv-mc: var(--gv-coral); --gv-mc-tint: var(--gv-coral-tint); }

.t1x2-theme .gv-site-msg.is-closing {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

.t1x2-theme .gv-site-msg-ico {
  display: grid;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--gv-mc);
  background: var(--gv-mc-tint);
  font-size: 16px;
}

.t1x2-theme .gv-site-msg.is-upozorenje .gv-site-msg-ico {
  color: var(--gv-gold-ink);
}

.t1x2-theme .gv-site-msg-body {
  flex: 1;
  min-width: 0;
  padding-top: 1px;
}

.t1x2-theme .gv-site-msg-body b {
  display: block;
  margin-bottom: 2px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-site-msg-body p {
  margin: 0;
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-site-msg-body p b {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 700;
}

.t1x2-theme .gv-site-msg-body a {
  color: var(--gv-coral-dark);
  font-weight: 700;
  text-decoration: underline;
}

.t1x2-theme .gv-site-msg-x {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 14px;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-site-msg-x:hover {
  color: var(--gv-ink);
  background: var(--gv-line-strong);
}

/* popup (_t1x2_popup.tpl, opened by t1x2.js) */
body.gv-popup-open {
  overflow: hidden;
}

.t1x2-theme .gv-popup {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.t1x2-theme .gv-popup[hidden] {
  display: none;
}

.t1x2-theme .gv-popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 12, 16, .62);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .25s ease;
}

.t1x2-theme .gv-popup-box {
  position: relative;
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  border-radius: 24px;
  background: var(--gv-surface);
  box-shadow: 0 30px 80px rgba(10, 12, 16, .35);
  opacity: 0;
  transform: translateY(18px) scale(.97);
  transition: opacity .25s ease, transform .3s cubic-bezier(.2, .8, .2, 1);
}

.t1x2-theme .gv-popup.is-sm .gv-popup-box { max-width: 420px; }
.t1x2-theme .gv-popup.is-lg .gv-popup-box { max-width: 760px; }

.t1x2-theme .gv-popup.is-open .gv-popup-backdrop {
  opacity: 1;
}

.t1x2-theme .gv-popup.is-open .gv-popup-box {
  opacity: 1;
  transform: none;
}

.t1x2-theme .gv-popup-x {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(10, 12, 16, .55);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5);
  font-size: 16px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background .15s, transform .15s;
}

.t1x2-theme .gv-popup-x:hover {
  background: var(--gv-coral);
  transform: rotate(90deg);
}

.t1x2-theme .gv-popup-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-coral);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.t1x2-theme .gv-popup-body img {
  max-width: 100%;
  height: auto;
}

.t1x2-theme .gv-popup-body > a:only-child,
.t1x2-theme .gv-popup-body > a:only-child img {
  display: block;
}

/* ready-made content blocks for the popup HTML ("Primer: tekst i dugme") */
.t1x2-theme .gv-popup-card {
  padding: 34px 28px 28px;
  text-align: center;
  background: radial-gradient(90% 80% at 50% 0%, var(--gv-coral-tint), transparent 70%);
}

.t1x2-theme .gv-popup-kicker {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--gv-coral-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-popup-card h3 {
  margin: 0 0 8px;
  color: var(--gv-ink);
  font-size: 24px;
  font-weight: 800;
}

.t1x2-theme .gv-popup-card p {
  margin: 0 0 18px;
  color: var(--gv-body);
  font-size: 15px;
}

.t1x2-theme .gv-popup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 26px;
  border-radius: 999px;
  color: #fff !important;
  background: var(--gv-coral);
  box-shadow: 0 12px 28px rgba(var(--gv-coral-rgb), .35);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
}

.t1x2-theme .gv-popup-btn:hover {
  background: var(--gv-coral-dark);
}

@media (max-width: 575.98px) {
  .t1x2-theme .gv-popup {
    align-items: flex-end;
    padding: 10px;
  }

  .t1x2-theme .gv-popup-box {
    border-radius: 22px;
  }

  .t1x2-theme .gv-site-msg {
    padding: 14px 46px 14px 14px;
    border-radius: 20px;
  }
}

/* user dropdown: "Administracija sajta" */
.t1x2-theme .dropdown-item .gv-dd-icon {
  width: 20px;
  color: var(--gv-icon);
  font-size: 16px;
  text-align: center;
}

/* administration pages */
.t1x2-theme .gv-tp-alert.is-success { background: var(--gv-green-tint); }
.t1x2-theme .gv-tp-alert.is-success > i { color: var(--gv-green); }

.t1x2-theme .gv-ad-menu .gv-ad-on {
  flex: none;
  width: 8px;
  height: 8px;
  margin-left: auto;
  border-radius: 50%;
  background: var(--gv-green);
  box-shadow: 0 0 0 3px var(--gv-green-tint);
}

.t1x2-theme .gv-ad-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 0;
  border-radius: 12px;
  color: var(--gv-ink);
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 13.5px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .15s, color .15s, box-shadow .15s;
}

.t1x2-theme .gv-ad-btn:hover {
  background: var(--gv-hover-bg);
  box-shadow: inset 0 0 0 1px var(--gv-coral);
}

.t1x2-theme .gv-ad-btn.is-primary {
  color: #fff;
  background: var(--gv-coral);
  box-shadow: 0 8px 20px rgba(var(--gv-coral-rgb), .25);
}

.t1x2-theme .gv-ad-btn.is-primary:hover {
  background: var(--gv-coral-dark);
}

.t1x2-theme .gv-ad-btn.is-ghost {
  padding: 7px 12px;
  background: transparent;
  font-size: 12.5px;
}

.t1x2-theme .gv-ad-btn:disabled {
  opacity: .6;
}

.t1x2-theme .gv-ad-search {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}

.t1x2-theme .gv-ad-search .gv-tp-search {
  flex: 1;
  min-width: 0;
  border-color: var(--gv-line);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .gv-ad-search .gv-tp-search input {
  width: 100%;
  height: 46px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--gv-ink);
}

.t1x2-theme .gv-ad-results {
  margin: 0;
  overflow: hidden;
}

.t1x2-theme .gv-ad-results > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-ad-results > header b {
  color: var(--gv-ink);
  font-size: 14.5px;
}

.t1x2-theme .gv-ad-results > header span {
  color: var(--gv-muted);
  font-size: 12.5px;
}

/* /administracija/boja: the colors and their pictures */
.t1x2-theme .gv-ad-boja-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-inline-end: 8px;
  border-radius: 999px;
  vertical-align: -2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
}
.t1x2-theme .gv-ad-boja-img {
  display: block;
  max-width: 140px;
  max-height: 40px;
  margin-bottom: 4px;
  object-fit: contain;
}
.t1x2-theme .gv-ad-boja-slike td code {
  font-size: 11px;
}
.t1x2-theme .gv-ad-boja-none {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-ad-table-wrap {
  overflow-x: auto;
}

.t1x2-theme .gv-ad-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.t1x2-theme .gv-ad-table th {
  padding: 10px 14px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .3px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-table td {
  padding: 11px 14px;
  border-top: 1px solid var(--gv-line);
  color: var(--gv-body);
  vertical-align: middle;
}

.t1x2-theme .gv-ad-table tbody tr:hover td {
  background: var(--gv-sunken);
}

.t1x2-theme .gv-ad-table tr.is-changed td {
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-ad-num,
.t1x2-theme .gv-ad-date {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-date {
  color: var(--gv-muted) !important;
  font-size: 12.5px;
}

.t1x2-theme .gv-ad-mail {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-uname {
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-ad-status {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-status.is-won { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-ad-status.is-wait { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }
.t1x2-theme .gv-ad-status.is-lost { color: var(--gv-red); background: var(--gv-red-tint); }

.t1x2-theme .gv-ad-act .gv-ad-btn {
  padding: 7px 12px;
  font-size: 12.5px;
}

.t1x2-theme .gv-ad-form {
  margin-bottom: 18px;
}

.t1x2-theme .gv-ad-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.t1x2-theme .gv-ad-msg {
  margin-left: 4px;
}

.t1x2-theme .gv-ad-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.5;
  tab-size: 2;
}

.t1x2-theme .gv-ad-snippets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.t1x2-theme .gv-ad-preview h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 10px;
  color: var(--gv-muted);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.t1x2-theme .gv-ad-rename-who {
  margin: 0 0 12px;
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .gv-ad-rename input.is-invalid {
  border-color: var(--gv-red) !important;
}

.t1x2-theme .gv-ad-rename-out .gv-tp-alert {
  margin: 12px 0 0;
}

.t1x2-theme .gv-ad-tables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 14px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}

.t1x2-theme .gv-ad-tables li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-ad-tables li.is-ok b { color: var(--gv-green); }
.t1x2-theme .gv-ad-tables li.is-err b { color: var(--gv-red); }
.t1x2-theme .gv-ad-tables li.is-skip { opacity: .6; }

@media (max-width: 575.98px) {
  .t1x2-theme .gv-ad-search {
    flex-direction: column;
  }

  /* user table as cards */
  .t1x2-theme .gv-ad-table thead {
    display: none;
  }

  .t1x2-theme .gv-ad-table,
  .t1x2-theme .gv-ad-table tbody,
  .t1x2-theme .gv-ad-table tr {
    display: block;
  }

  .t1x2-theme .gv-ad-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    padding: 14px 16px;
    border-top: 1px solid var(--gv-line);
  }

  .t1x2-theme .gv-ad-table td {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    background: none !important;
  }

  .t1x2-theme .gv-ad-table td::before {
    content: attr(data-label);
    display: block;
    color: var(--gv-faint);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
  }

  .t1x2-theme .gv-ad-table td.gv-ad-mail {
    max-width: none;
    grid-column: span 2;
  }

  .t1x2-theme .gv-ad-table td.gv-ad-act {
    grid-column: span 2;
  }

  .t1x2-theme .gv-ad-table td.gv-ad-act .gv-ad-btn {
    width: 100%;
    padding: 10px;
  }

  .t1x2-theme .gv-ad-table tr.is-changed {
    background: var(--gv-green-tint);
  }

  .t1x2-theme .gv-ad-tables {
    grid-template-columns: 1fr;
  }
}

/* addresses of the site and usernames (/administracija/korisnici) */
.t1x2-theme .gv-ad-names {
  margin-top: 18px;
}

.t1x2-theme .gv-ad-names header b i {
  margin-right: 6px;
  color: var(--gv-green, #16a34a);
}

.t1x2-theme .gv-ad-names-body {
  padding: 14px 16px 4px;
}

.t1x2-theme .gv-ad-names-body .gv-ad-note {
  margin: 10px 0 0;
}

.t1x2-theme .gv-ad-names code {
  font-weight: 700;
}

.t1x2-theme .gv-ad-yes,
.t1x2-theme .gv-ad-no {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 800;
}

.t1x2-theme .gv-ad-yes { color: var(--gv-green, #15924f); }
.t1x2-theme .gv-ad-no { color: var(--gv-red, #d1293d); }

/* Kontrola Inboxa / Kontrola Spama (/administracija/inbox, /administracija/spam;
   php/admin/ad_kontrola.php, js/t1x2_admin.js) */
.t1x2-theme .gv-ad-btn.is-danger {
  color: var(--gv-red);
}

.t1x2-theme .gv-ad-btn.is-danger:hover {
  color: #fff;
  background: var(--gv-red);
  box-shadow: none;
}

.t1x2-theme .gv-ad-muted {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-ad-person {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 2px 8px 2px 0;
  vertical-align: middle;
}

.t1x2-theme .gv-ad-person > a {
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-ad-person > a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-ad-person.is-banned > a {
  color: var(--gv-muted);
  text-decoration: line-through;
}

.t1x2-theme .gv-ad-person.is-gone {
  color: var(--gv-muted);
}

.t1x2-theme .gv-ad-tag {
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
}

.t1x2-theme .gv-ad-tag.is-ban {
  color: var(--gv-red);
  background: var(--gv-red-tint);
}

.t1x2-theme .gv-ad-tag[hidden] {
  display: none;
}

.t1x2-theme .gv-ad-ban {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border: 0;
  border-radius: 8px;
  color: var(--gv-red);
  background: var(--gv-red-tint);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.4;
}

.t1x2-theme .gv-ad-ban:hover {
  color: #fff;
  background: var(--gv-red);
}

.t1x2-theme .gv-ad-ban.is-on {
  color: var(--gv-green);
  background: var(--gv-green-tint);
}

.t1x2-theme .gv-ad-ban.is-on:hover {
  color: #fff;
  background: var(--gv-green);
}

.t1x2-theme .gv-ad-ban:disabled {
  opacity: .6;
}

.t1x2-theme .gv-ad-count {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--gv-coral-dark);
  background: var(--gv-hover-bg);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-read {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-read.is-read { color: var(--gv-green); }
.t1x2-theme .gv-ad-read.is-unread { color: var(--gv-gold-ink, #a16207); }

.t1x2-theme mark.gv-ad-link {
  padding: 0 2px;
  border-radius: 4px;
  color: var(--gv-red);
  background: var(--gv-red-tint);
  word-break: break-all;
}

.t1x2-theme .gv-ad-exclude {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 14px;
  background: var(--gv-sunken);
  color: var(--gv-body);
  font-size: 13px;
}

.t1x2-theme .gv-ad-exclude summary {
  cursor: pointer;
}

.t1x2-theme .gv-ad-exclude summary i {
  margin-right: 6px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-ad-exclude summary span {
  color: var(--gv-coral-dark);
  font-weight: 700;
}

.t1x2-theme .gv-ad-exclude .gv-ad-form {
  margin: 12px 0 4px;
}

.t1x2-theme .gv-ad-inline-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--gv-body);
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.t1x2-theme .gv-ad-inline-check input {
  width: 18px;
  height: 18px;
  accent-color: var(--gv-coral);
}

.t1x2-theme .gv-ad-inbox-filter {
  align-items: center;
}

.t1x2-theme .gv-ad-conv {
  cursor: pointer;
  transition: opacity .3s;
}

.t1x2-theme .gv-ad-conv.is-gone,
.t1x2-theme .gv-ad-msg-item.is-gone {
  opacity: 0;
}

.t1x2-theme .gv-ad-conv-table td {
  vertical-align: top;
}

.t1x2-theme .gv-ad-conv-table .gv-ad-num a {
  color: var(--gv-ink);
}

.t1x2-theme .gv-ad-last {
  min-width: 220px;
  max-width: 360px;
  color: var(--gv-body);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-ad-people {
  min-width: 140px;
}

.t1x2-theme .gv-ad-conv-table .gv-ad-act {
  white-space: nowrap;
}

.t1x2-theme .gv-ad-conv-table .gv-ad-act .gv-ad-btn + .gv-ad-btn {
  margin-left: 6px;
}

.t1x2-theme .gv-ad-pager {
  margin-top: 16px;
}

/* one conversation */
.t1x2-theme .gv-ad-thread {
  margin: 0;
  overflow: hidden;
}

.t1x2-theme .gv-ad-thread-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-ad-thread-head h1 {
  margin: 0;
  color: var(--gv-ink);
  font-size: 20px;
  font-weight: 800;
}

.t1x2-theme .gv-ad-thread-head p {
  margin: 2px 0 0;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-ad-members {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-ad-members > small {
  margin-right: 6px;
  color: var(--gv-faint);
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
}

.t1x2-theme .gv-ad-thread > .gv-ad-note {
  margin: 10px 18px 0;
}

.t1x2-theme .gv-ad-msgs {
  margin: 0;
  padding: 6px 0;
  list-style: none;
}

.t1x2-theme .gv-ad-msg-item {
  padding: 14px 18px;
  border-bottom: 1px solid var(--gv-line);
  transition: opacity .3s;
}

.t1x2-theme .gv-ad-msg-item:last-child {
  border-bottom: 0;
}

.t1x2-theme .gv-ad-msg-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}

.t1x2-theme .gv-ad-msg-head .gv-ad-btn {
  margin-left: auto;
}

.t1x2-theme .gv-ad-msg-to {
  margin: 4px 0 8px;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-ad-to {
  white-space: nowrap;
}

.t1x2-theme .gv-ad-msg-body {
  color: var(--gv-ink);
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-ad-atts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.t1x2-theme .gv-ad-att {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-ad-att.is-img {
  padding: 0;
  overflow: hidden;
}

.t1x2-theme .gv-ad-att.is-img img {
  display: block;
  width: 120px;
  height: 90px;
  object-fit: cover;
}

/* Kontrola Spama */
.t1x2-theme .gv-ad-mods > label:first-child {
  display: block;
  margin-bottom: 6px;
}

.t1x2-theme .gv-ad-mods .gv-tp-check b i {
  width: 18px;
  color: var(--gv-muted);
  text-align: center;
}

.t1x2-theme .gv-ad-warn {
  color: var(--gv-red) !important;
}

.t1x2-theme .gv-ad-spam-log {
  margin-top: 18px;
}

.t1x2-theme .gv-ad-spam-log header b i {
  margin-right: 6px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-ad-log-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-ad-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .gv-ad-tabs a {
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .gv-ad-tabs a.is-active {
  color: #fff;
  background: var(--gv-coral);
}

.t1x2-theme .gv-ad-log-search {
  flex: 1;
  min-width: 200px;
  max-width: 340px;
}

.t1x2-theme .gv-ad-log-search .gv-tp-search input {
  width: 100%;
  height: 38px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--gv-ink);
}

.t1x2-theme .gv-ad-log-table td {
  vertical-align: top;
}

.t1x2-theme .gv-ad-log-table .gv-ad-status i {
  margin-right: 2px;
}

.t1x2-theme .gv-ad-log-content {
  min-width: 240px;
  max-width: 420px;
  font-size: 13px;
}

.t1x2-theme .gv-ad-log-content .gv-ad-msg-body {
  font-size: 13px;
}

.t1x2-theme .gv-ad-log-content summary {
  color: var(--gv-body);
  cursor: pointer;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-ad-log-content details[open] summary {
  margin-bottom: 6px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-ad-loglink {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  color: var(--gv-coral-dark);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .gv-ad-log-table code {
  font-size: 12px;
  word-break: break-all;
}

/* toast after an action */
.gv-ad-toast {
  position: fixed;
  left: 50%;
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 100070;
  max-width: min(92vw, 520px);
  padding: 12px 18px;
  border-radius: 14px;
  color: #fff;
  background: #15924f;
  box-shadow: 0 14px 34px rgba(10, 12, 16, .25);
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity .2s, transform .2s;
}

.gv-ad-toast.is-error {
  background: #d1293d;
}

.gv-ad-toast.is-on {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (max-width: 575.98px) {
  .t1x2-theme .gv-ad-inbox-filter .gv-ad-btn,
  .t1x2-theme .gv-ad-inline-check {
    width: 100%;
  }

  .t1x2-theme .gv-ad-table td.gv-ad-last,
  .t1x2-theme .gv-ad-table td.gv-ad-people,
  .t1x2-theme .gv-ad-table td.gv-ad-log-content {
    min-width: 0;
    max-width: none;
    grid-column: span 2;
  }

  .t1x2-theme .gv-ad-conv-table .gv-ad-act {
    display: flex !important;
    gap: 8px;
  }

  .t1x2-theme .gv-ad-conv-table .gv-ad-act .gv-ad-btn + .gv-ad-btn {
    margin-left: 0;
  }

  .t1x2-theme .gv-ad-msg-head .gv-ad-btn {
    margin-left: 0;
  }

  .t1x2-theme .gv-ad-log-search {
    max-width: none;
  }
}

/* 11m. BET INFO (t1x2_betinfo.tpl: /betinfo list, news item, comments, editors' pages;
   php/betinfo/*). Built on the Blog parts (gv-bl-*); no pictures, so the news reads from
   the match card, colored chips and the impact bars
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-bi-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

.t1x2-theme .gv-bi-chip i {
  font-size: 10px;
}

.t1x2-theme .gv-bi-chip.is-red { color: var(--gv-red); background: var(--gv-red-tint); }
.t1x2-theme .gv-bi-chip.is-green { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-bi-chip.is-gold { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }

.t1x2-theme .gv-bi-comp {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-bi-comp i {
  color: var(--gv-coral);
  font-size: 12px;
}

/* impact on the match: five rising bars */
.t1x2-theme .gv-bi-impact {
  display: inline-flex;
  flex: none;
  align-items: flex-end;
  gap: 2px;
  height: 14px;
}

.t1x2-theme .gv-bi-impact i {
  width: 4px;
  border-radius: 2px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-bi-impact i:nth-child(1) { height: 6px; }
.t1x2-theme .gv-bi-impact i:nth-child(2) { height: 8px; }
.t1x2-theme .gv-bi-impact i:nth-child(3) { height: 10px; }
.t1x2-theme .gv-bi-impact i:nth-child(4) { height: 12px; }
.t1x2-theme .gv-bi-impact i:nth-child(5) { height: 14px; }

.t1x2-theme .gv-bi-impact i.on {
  background: var(--gv-imp, var(--gv-coral));
}

/* impact color: 5 deep green (as confidence 10 in Tipovi), 4 light green, 3 orange,
   2 orange-red, 1 red; also for the "3/5" next to the bars */
.t1x2-theme .gv-bi-impact.is-i5, .t1x2-theme .gv-bi-imp-n.is-i5 { --gv-imp: #15803d; }
.t1x2-theme .gv-bi-impact.is-i4, .t1x2-theme .gv-bi-imp-n.is-i4 { --gv-imp: #62bd3d; }
.t1x2-theme .gv-bi-impact.is-i3, .t1x2-theme .gv-bi-imp-n.is-i3 { --gv-imp: #f59e0b; }
.t1x2-theme .gv-bi-impact.is-i2, .t1x2-theme .gv-bi-imp-n.is-i2 { --gv-imp: #f0642a; }
.t1x2-theme .gv-bi-impact.is-i1, .t1x2-theme .gv-bi-imp-n.is-i1 { --gv-imp: #e5484d; }

.t1x2-theme .gv-bi-imp-n {
  color: var(--gv-imp, var(--gv-ink));
}

.t1x2-theme .gv-bi-impact.is-big {
  gap: 3px;
  height: 18px;
}

.t1x2-theme .gv-bi-impact.is-big i {
  width: 6px;
}

.t1x2-theme .gv-bi-impact.is-big i:nth-child(1) { height: 7px; }
.t1x2-theme .gv-bi-impact.is-big i:nth-child(2) { height: 10px; }
.t1x2-theme .gv-bi-impact.is-big i:nth-child(3) { height: 13px; }
.t1x2-theme .gv-bi-impact.is-big i:nth-child(4) { height: 16px; }
.t1x2-theme .gv-bi-impact.is-big i:nth-child(5) { height: 18px; }

.t1x2-theme .gv-bi-match {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 7px;
  min-width: 0;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-bi-match b {
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-bi-match time::before {
  content: "·";
  margin-right: 7px;
  color: var(--gv-faint);
}

/* list: the newest news item as a dark card, then the day groups */
.t1x2-theme .gv-bi-hero {
  position: relative;
  padding: 24px 26px 22px;
  overflow: hidden;
  border-radius: var(--gv-radius);
  color: rgba(255, 255, 255, .78);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(var(--gv-coral-rgb), .5), transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(245, 165, 36, .16), transparent 60%),
    linear-gradient(155deg, #23252c, #121317);
  box-shadow: 0 20px 44px rgba(20, 22, 26, .22);
}

.t1x2-theme .gv-bi-hero-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.t1x2-theme .gv-bi-new {
  padding: 3px 10px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-grad);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bi-hero .gv-bi-chip {
  color: #fff;
  background: rgba(255, 255, 255, .12);
}

.t1x2-theme .gv-bi-hero .gv-bi-chip.is-red { color: #ffb3b6; background: rgba(229, 72, 77, .24); }
.t1x2-theme .gv-bi-hero .gv-bi-chip.is-green { color: #9ff0c0; background: rgba(60, 207, 125, .2); }
.t1x2-theme .gv-bi-hero .gv-bi-chip.is-gold { color: #ffd38a; background: rgba(245, 165, 36, .2); }

.t1x2-theme .gv-bi-hero-when {
  margin-left: auto;
  color: rgba(255, 255, 255, .6);
  font-size: 12px;
}

.t1x2-theme .gv-bi-hero .gv-bi-comp {
  color: rgba(255, 255, 255, .66);
}

.t1x2-theme .gv-bi-hero .gv-bi-comp i {
  color: var(--gv-coral-night-ink);
}

.t1x2-theme .gv-bi-hero h2 {
  margin: 8px 0 10px;
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -.3px;
}

.t1x2-theme .gv-bi-hero h2 a {
  color: #fff;
}

.t1x2-theme .gv-bi-hero h2 a:hover {
  color: #ffd0d3;
}

.t1x2-theme .gv-bi-hero p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.t1x2-theme .gv-bi-hero-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.t1x2-theme .gv-bi-hero .gv-bi-match {
  color: rgba(255, 255, 255, .62);
}

.t1x2-theme .gv-bi-hero .gv-bi-match b {
  color: #fff;
}

.t1x2-theme .gv-bi-hero .gv-bi-match time::before {
  color: rgba(255, 255, 255, .35);
}

.t1x2-theme .gv-bi-hero .gv-bi-impact i {
  background: rgba(255, 255, 255, .18);
}

.t1x2-theme .gv-bi-hero .gv-bi-impact i.on {
  background: var(--gv-imp, #ff5a64);
}

.t1x2-theme .gv-bi-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 8px 15px;
  border-radius: 999px;
  color: #14161a;
  background: #fff;
  font-size: 12.5px;
  font-weight: 700;
  transition: gap .15s;
}

.t1x2-theme .gv-bi-more:hover {
  gap: 11px;
  color: #14161a;
}

.t1x2-theme .gv-bi-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.t1x2-theme .gv-bi-day {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 2px -2px;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bi-day::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-bi-card {
  margin: 0;
  padding: 18px 20px 14px;
  border-radius: var(--gv-radius);
  transition: box-shadow .2s;
}

.t1x2-theme .gv-bi-card:hover {
  box-shadow: var(--gv-hover);
}

.t1x2-theme .gv-bi-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.t1x2-theme .gv-bi-card-top .gv-bi-comp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-bi-card h2 {
  margin: 9px 0 6px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.38;
}

.t1x2-theme .gv-bi-card h2 a {
  color: var(--gv-ink);
  transition: color .15s;
}

.t1x2-theme .gv-bi-card h2 a:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bi-card p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 13.5px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.t1x2-theme .gv-bi-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 14px;
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-bi-card-meta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-bi-ccount {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--gv-muted);
  font-weight: 600;
}

.t1x2-theme .gv-bi-ccount:hover {
  color: var(--gv-coral-dark);
}

/* news item: match card, lead, players, markets, sources */
.t1x2-theme .gv-bi-kickers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.t1x2-theme .gv-bi-kickers .gv-article-kicker {
  margin: 0;
}

.t1x2-theme .gv-bi-jump {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: inherit;
}

.t1x2-theme .gv-bi-jump:hover {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bi-mc {
  margin: 18px 0 20px;
  padding: 16px 20px 18px;
  border: 1px solid var(--gv-line);
  border-radius: 20px;
  background:
    radial-gradient(90% 120% at 100% 0%, var(--gv-coral-tint), transparent 60%),
    var(--gv-sunken);
}

.t1x2-theme .gv-bi-mc-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.t1x2-theme .gv-bi-mc-time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border-radius: 999px;
  color: var(--gv-ink);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-mc-time i {
  color: var(--gv-coral);
}

.t1x2-theme .gv-bi-mc-time.is-past {
  color: var(--gv-muted);
}

.t1x2-theme .gv-bi-mc-teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin: 16px 0 14px;
}

.t1x2-theme .gv-bi-mc-teams strong {
  color: var(--gv-ink);
  font-size: clamp(16px, 1.6vw, 20px);
  font-weight: 800;
  line-height: 1.25;
}

.t1x2-theme .gv-bi-mc-teams strong:first-child {
  text-align: right;
}

.t1x2-theme .gv-bi-mc-teams strong:only-child {
  grid-column: 1 / -1;
  text-align: center;
}

/* the team the news is about */
.t1x2-theme .gv-bi-mc-teams strong.is-hit::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 0 3px 8px;
  border-radius: 50%;
  background: var(--gv-red);
  box-shadow: 0 0 0 4px var(--gv-red-tint);
  vertical-align: middle;
}

.t1x2-theme .gv-bi-mc-teams strong:first-child.is-hit::after {
  content: none;
}

.t1x2-theme .gv-bi-mc-teams strong:first-child.is-hit::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 8px 3px 0;
  border-radius: 50%;
  background: var(--gv-red);
  box-shadow: 0 0 0 4px var(--gv-red-tint);
  vertical-align: middle;
}

.t1x2-theme .gv-bi-mc-vs {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--gv-muted);
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.t1x2-theme .gv-bi-mc-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 0;
}

.t1x2-theme .gv-bi-mc-facts > div {
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--gv-surface);
  box-shadow: inset 0 0 0 1px var(--gv-line);
}

.t1x2-theme .gv-bi-mc-facts dt {
  margin-bottom: 4px;
  color: var(--gv-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-bi-mc-facts dd {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-lead {
  margin: 0 0 18px;
  padding-left: 14px;
  border-left: 3px solid var(--gv-coral);
  color: var(--gv-ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
}

/* with a lead above it the text starts at the normal size (the Blog enlarges its first paragraph) */
.t1x2-theme .gv-bi-lead + .gv-article-body > p:first-of-type {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.t1x2-theme .gv-bi-box {
  margin-top: 20px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--gv-sunken);
}

.t1x2-theme .gv-bi-box h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-bi-box h2 i {
  color: var(--gv-coral);
  font-size: 13px;
}

.t1x2-theme .gv-bi-box ul,
.t1x2-theme .gv-bi-box ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-bi-players li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 600;
}

.t1x2-theme .gv-bi-players li + li,
.t1x2-theme .gv-bi-markets li + li,
.t1x2-theme .gv-bi-sources li + li {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-bi-markets li {
  position: relative;
  padding: 8px 0 8px 20px;
  font-size: 13.5px;
  line-height: 1.5;
}

.t1x2-theme .gv-bi-markets li::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--gv-coral);
  transform: rotate(45deg);
}

.t1x2-theme .gv-bi-markets b {
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .gv-bi-markets span {
  color: var(--gv-muted);
}

.t1x2-theme .gv-bi-markets b + span::before {
  content: " – ";
}

.t1x2-theme .gv-bi-sources ol {
  counter-reset: bi-src;
}

.t1x2-theme .gv-bi-sources li {
  position: relative;
  padding: 8px 0 8px 30px;
  counter-increment: bi-src;
  font-size: 13.5px;
  line-height: 1.45;
}

.t1x2-theme .gv-bi-sources li::before {
  content: counter(bi-src);
  position: absolute;
  top: 8px;
  left: 0;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--gv-muted);
  background: var(--gv-surface);
  font-size: 11px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-sources a {
  color: var(--gv-coral-dark);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-bi-sources small {
  display: block;
  margin-top: 2px;
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-bi-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 18px 0 0;
  color: var(--gv-muted);
  font-size: 12px;
  line-height: 1.5;
}

.t1x2-theme .gv-bi-note i {
  margin-top: 2px;
}

/* comments */
.t1x2-theme .gv-bi-comments {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--gv-line);
  scroll-margin-top: 90px;
}

.t1x2-theme .gv-bi-comments > h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 800;
}

.t1x2-theme .gv-bi-comments > h2 i {
  color: var(--gv-coral);
  font-size: 16px;
}

.t1x2-theme .gv-bi-comments > h2 span {
  padding: 1px 9px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-clist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-bi-c {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  scroll-margin-top: 90px;
}

.t1x2-theme .gv-bi-c + .gv-bi-c {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-bi-c.is-pending {
  margin: 4px 0;
  padding: 12px;
  border-top: 0;
  border-radius: 16px;
  background: var(--gv-gold-tint);
}

.t1x2-theme .gv-bi-c.is-pending + .gv-bi-c {
  border-top: 0;
}

.t1x2-theme .gv-bi-c:target {
  border-radius: 16px;
  box-shadow: 0 0 0 2px var(--gv-coral-tint);
}

.t1x2-theme .gv-bi-c .gv-avatar,
.t1x2-theme .gv-bi-cform > .gv-avatar,
.t1x2-theme .gv-bi-mod > .gv-avatar {
  width: 38px;
  height: 38px;
  overflow: hidden;
}

.t1x2-theme .gv-bi-c-body,
.t1x2-theme .gv-bi-mod-main {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-bi-c-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 3px;
}

.t1x2-theme .gv-bi-c-head > a,
.t1x2-theme .gv-bi-c-head > b {
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-c-head time {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-bi-c-wait {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--gv-gold-ink);
  font-size: 11.5px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-c-text {
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.t1x2-theme .gv-bi-c-text a {
  color: var(--gv-coral-dark);
}

.t1x2-theme .gv-bi-c-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.t1x2-theme .gv-bi-c-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 12px;
  font-weight: 700;
  transition: color .15s, background .15s;
}

.t1x2-theme .gv-bi-c.is-pending .gv-bi-c-btn:not(.is-ok) {
  background: var(--gv-surface);
}

.t1x2-theme .gv-bi-c-btn:hover {
  color: var(--gv-red);
}

.t1x2-theme .gv-bi-c-btn.is-ok {
  color: #fff;
  background: var(--gv-green);
}

.t1x2-theme .gv-bi-c-btn.is-ok:hover {
  color: #fff;
  filter: brightness(1.06);
}

.t1x2-theme .gv-bi-c-btn:disabled {
  opacity: .55;
}

.t1x2-theme .gv-bi-c-empty {
  margin: 0 0 14px;
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .gv-bi-cform {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

.t1x2-theme .gv-bi-cform-main {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-bi-cform textarea {
  display: block;
  width: 100%;
  min-height: 84px;
  padding: 12px 14px;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
  color: var(--gv-ink);
  background: var(--gv-input);
  font-size: 14px;
  line-height: 1.55;
  resize: vertical;
}

.t1x2-theme .gv-bi-cform textarea:focus {
  border-color: var(--gv-coral);
  outline: 0;
  box-shadow: 0 0 0 3px var(--gv-coral-tint);
}

.t1x2-theme .gv-bi-cform-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-top: 8px;
}

.t1x2-theme .gv-bi-cform-foot small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-bi-cmsg {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
}

.t1x2-theme .gv-bi-cmsg.is-ok { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-bi-cmsg.is-err { color: var(--gv-red); background: var(--gv-red-tint); }

.t1x2-theme .gv-bi-c-login {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--gv-sunken);
}

.t1x2-theme .gv-bi-c-login i {
  color: var(--gv-coral);
  font-size: 18px;
}

.t1x2-theme .gv-bi-c-login p {
  flex: 1;
  min-width: 180px;
  margin: 0;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 600;
}

/* right column */
.t1x2-theme .gv-bi-latest-ico {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
  font-size: 16px;
}

.t1x2-theme .gv-bi-latest-ico.is-red { color: var(--gv-red); background: var(--gv-red-tint); }
.t1x2-theme .gv-bi-latest-ico.is-green { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-bi-latest-ico.is-gold { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }
/* home widget: injuries and suspensions (red) in the yellow of the theme, so the widget goes with
   the green and the red site color alike; the Bet Info pages keep the red */
.t1x2-theme .gv-bi-home .gv-bi-latest-ico.is-red { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }

.t1x2-theme .gv-bi-latest .gv-sn-meta b.is-red,
.t1x2-theme .gv-bi-latest .gv-sn-meta b {
  color: var(--gv-coral-dark);
}

/* editors and moderators */
.t1x2-theme .gv-bi-badge {
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 999px;
  color: #fff;
  background: var(--gv-coral);
  font-size: 11px;
  font-weight: 700;
}

.t1x2-theme .gv-bi-row-ico {
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
  font-size: 18px;
}

.t1x2-theme .gv-bi-row-ico.is-red { color: var(--gv-red); background: var(--gv-red-tint); }
.t1x2-theme .gv-bi-row-ico.is-green { color: var(--gv-green); background: var(--gv-green-tint); }
.t1x2-theme .gv-bi-row-ico.is-gold { color: var(--gv-gold-ink); background: var(--gv-gold-tint); }

.t1x2-theme .gv-bi-import-state {
  margin-top: 6px !important;
}

.t1x2-theme .gv-bi-err {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-red);
  font-weight: 600;
}

.t1x2-theme .gv-bi-import-msg {
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-bi-import-msg.is-err {
  color: var(--gv-red);
}

.t1x2-theme .gv-bi-ed-h {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .gv-bi-ed-h i {
  color: var(--gv-coral);
  font-size: 13px;
}

.t1x2-theme .gv-bi-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}

.t1x2-theme .gv-bi-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px 36px;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .gv-bi-rows.is-sources .gv-bi-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 122px 36px;
}

/* fields in the Bet Info editor as compact as the Blog's side panels */
.t1x2-theme .gv-bi-editor .gv-bl-panel .form-select,
.t1x2-theme .gv-bi-editor .gv-bi-row .form-control,
.t1x2-theme .gv-bi-editor .gv-bi-row .form-select,
.t1x2-theme .gv-bi-editor .gv-bl-ed-card > .form-control {
  min-height: 42px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13.5px;
}

.t1x2-theme .gv-bi-editor .gv-bl-panel .form-select {
  font-size: 13px;
}

.t1x2-theme .gv-bi-editor .gv-bi-ed-lead .form-control {
  font-size: 14.5px;
  line-height: 1.6;
}

.t1x2-theme .gv-bi-2col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.t1x2-theme .gv-bi-impact-pick {
  display: flex;
  gap: 6px;
}

.t1x2-theme .gv-bi-impact-pick label {
  flex: 1;
  margin: 0;
}

.t1x2-theme .gv-bi-impact-pick input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .gv-bi-impact-pick span {
  display: grid;
  place-items: center;
  height: 34px;
  border-radius: 10px;
  color: var(--gv-muted);
  background: var(--gv-input);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, color .15s;
}

.t1x2-theme .gv-bi-impact-pick input:checked + span {
  color: #fff;
  background: var(--gv-coral);
}

.t1x2-theme .gv-bi-impact-pick input:focus-visible + span {
  box-shadow: 0 0 0 3px var(--gv-coral-tint);
}

.t1x2-theme .gv-bi-imported {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 8px;
  padding: 9px 12px;
  border-radius: 12px;
  color: var(--gv-violet);
  background: var(--gv-violet-tint);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-bi-modlist {
  margin: 0;
  padding: 4px 0;
}

.t1x2-theme .gv-bi-mod {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 20px;
}

.t1x2-theme .gv-bi-mod + .gv-bi-mod {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-bi-mod .gv-bi-c-tools {
  flex: none;
  margin-top: 0;
}

.t1x2-theme .gv-bi-mod-news {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--gv-coral-dark);
  font-size: 12px;
  font-weight: 600;
}

.t1x2-theme .gv-bi-mod.is-done {
  opacity: .5;
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-bi-hero {
    padding: 20px 18px 18px;
    border-radius: 20px;
  }

  .t1x2-theme .gv-bi-more {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }

  .t1x2-theme .gv-bi-card {
    padding: 16px 16px 12px;
  }

  .t1x2-theme .gv-bi-card h2 {
    font-size: 16px;
  }

  .t1x2-theme .gv-bi-card-meta {
    margin-left: 0;
  }

  .t1x2-theme .gv-bi-mc {
    padding: 14px 14px 16px;
  }

  .t1x2-theme .gv-bi-mc-teams {
    gap: 10px;
  }

  .t1x2-theme .gv-bi-mc-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .gv-bi-lead {
    font-size: 15px;
  }

  .t1x2-theme .gv-bi-row,
  .t1x2-theme .gv-bi-rows.is-sources .gv-bi-row {
    grid-template-columns: minmax(0, 1fr) 36px;
  }

  .t1x2-theme .gv-bi-row > :not(:first-child):not(:last-child) {
    grid-column: 1;
  }

  .t1x2-theme .gv-bi-row > :last-child {
    grid-row: 1;
    grid-column: 2;
  }

  .t1x2-theme .gv-bi-mod {
    flex-wrap: wrap;
    padding: 14px 16px;
  }

  .t1x2-theme .gv-bi-mod .gv-bi-c-tools {
    width: 100%;
    padding-left: 50px;
  }
}

/* 11n. BET ARENA (t1x2_betarena.tpl: /betarena home, groups, pots, rounds, All Time, match,
   player, rules, administration; php/betarena/*, t1x2.js)
   Own identity: deep purple, neon green, pink and gold (league broadcast look), on the
   site's cards and type.
   ------------------------------------------------------------------------ */
.t1x2-theme .ba-page {
  --ba-purple: #37003c;
  --ba-purple-2: #5a0b66;
  --ba-deep: #1d0526;
  --ba-neon: #00ff85;
  --ba-neon-ink: #00995a;
  --ba-neon-tint: rgba(0, 220, 120, .12);
  --ba-pink: #e90052;
  --ba-pink-tint: rgba(233, 0, 82, .1);
  --ba-cyan: #04f5ff;
  --ba-gold: #f6c343;
  --ba-gold-ink: #a86d00;
  --ba-silver: #b9c2cf;
  --ba-bronze: #cd8a57;
  --ba-grad: linear-gradient(125deg, #2a0030 0%, #37003c 38%, #5a0b66 72%, #3a0a5e 100%);
  --ba-card-r: 20px;
}

.t1x2-theme .ba-main {
  gap: 18px;
}

/* menu */
.t1x2-theme .ba-menu-title .ba-logo {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
  background: var(--ba-grad);
  color: var(--ba-neon);
  font-size: 18px;
  box-shadow: 0 6px 16px rgba(55, 0, 60, .28);
}

.t1x2-theme .ba-menu a.is-active {
  background: linear-gradient(90deg, rgba(55, 0, 60, .1), rgba(55, 0, 60, .02));
  color: var(--ba-purple);
}

.t1x2-theme .ba-menu a.is-active i {
  color: var(--ba-pink);
}

/* heading */
.t1x2-theme .ba-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.t1x2-theme .ba-head h1 {
  margin: 4px 0 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--gv-ink);
}

.t1x2-theme .ba-head p {
  margin: 6px 0 0;
  max-width: 760px;
  color: var(--gv-muted);
  font-size: 14px;
}

.t1x2-theme .ba-head-tools {
  display: flex;
  gap: 8px;
  align-items: center;
}

.t1x2-theme .ba-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ba-pink);
}

/* cards */
.t1x2-theme .ba-card,
.t1x2-theme .ba-widget {
  position: relative;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  border-radius: var(--ba-card-r);
  box-shadow: var(--gv-shadow-sm);
  padding: 18px 20px;
  min-width: 0;
}

.t1x2-theme .ba-card-head,
.t1x2-theme .ba-widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.t1x2-theme .ba-card-head h2,
.t1x2-theme .ba-widget-head h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-widget-head h3 {
  font-size: 14.5px;
}

.t1x2-theme .ba-card-head h2 > i,
.t1x2-theme .ba-widget-head h3 > i {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--ba-purple);
  color: var(--ba-neon);
  font-size: 13px;
}

.t1x2-theme .ba-card-more,
.t1x2-theme .ba-widget-more,
.t1x2-theme .ba-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  color: var(--ba-purple);
  text-decoration: none;
}

.t1x2-theme .ba-widget-more {
  margin-top: 12px;
}

.t1x2-theme .ba-card-more:hover,
.t1x2-theme .ba-widget-more:hover,
.t1x2-theme .ba-link:hover {
  color: var(--ba-pink);
}

.t1x2-theme .ba-muted {
  color: var(--gv-muted);
  font-size: 13px;
  margin: 10px 0 0;
}

.t1x2-theme .ba-count {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--gv-sunken);
  color: var(--gv-muted);
  font-size: 12px;
}

/* alerts, empty states, chips */
.t1x2-theme .ba-alert {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 13px 16px;
  border-radius: 16px;
  background: var(--gv-violet-tint);
  color: var(--gv-body);
  font-size: 14px;
}

.t1x2-theme .ba-alert > i {
  margin-top: 2px;
  color: var(--ba-purple);
}

.t1x2-theme .ba-alert a {
  color: var(--ba-purple);
  font-weight: 700;
}

.t1x2-theme .ba-alert.is-warning { background: var(--gv-gold-tint); }
.t1x2-theme .ba-alert.is-warning > i { color: var(--gv-gold-ink); }
.t1x2-theme .ba-alert.is-danger { background: var(--gv-red-tint); }
.t1x2-theme .ba-alert.is-danger > i { color: var(--gv-red); }
.t1x2-theme .ba-alert.is-success { background: var(--gv-green-tint); }
.t1x2-theme .ba-alert.is-success > i { color: var(--gv-green); }

.t1x2-theme .ba-empty {
  padding: 34px 16px;
  text-align: center;
  color: var(--gv-muted);
}

.t1x2-theme .ba-empty > i {
  font-size: 30px;
  color: var(--ba-purple);
  opacity: .35;
}

.t1x2-theme .ba-empty p {
  margin: 10px 0 0;
}

.t1x2-theme .ba-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  background: var(--gv-sunken);
  color: var(--gv-muted);
  white-space: nowrap;
}

.t1x2-theme .ba-chip.is-neon { background: var(--ba-neon-tint); color: var(--ba-neon-ink); }
.t1x2-theme .ba-chip.is-pink { background: var(--ba-pink-tint); color: var(--ba-pink); }
.t1x2-theme .ba-chip.is-red { background: var(--gv-red-tint); color: var(--gv-red); }
.t1x2-theme .ba-chip.is-gold { background: var(--gv-gold-tint); color: var(--gv-gold-ink); }

.t1x2-theme .ba-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ba-neon);
  box-shadow: 0 0 0 0 rgba(0, 255, 133, .6);
  animation: ba-pulse 1.8s infinite;
}

@keyframes ba-pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 255, 133, .55); }
  70% { box-shadow: 0 0 0 9px rgba(0, 255, 133, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 255, 133, 0); }
}

/* buttons */
.t1x2-theme .ba-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--ba-purple);
  color: #fff;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space: nowrap;
}

.t1x2-theme .ba-btn:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(55, 0, 60, .25);
}

.t1x2-theme .ba-btn:disabled {
  opacity: .55;
  cursor: wait;
  transform: none;
}

.t1x2-theme .ba-btn.is-neon {
  background: var(--ba-neon);
  color: var(--ba-deep);
}

.t1x2-theme .ba-btn.is-neon:hover {
  color: var(--ba-deep);
  box-shadow: 0 10px 24px rgba(0, 200, 110, .35);
}

.t1x2-theme .ba-btn.is-pink { background: var(--ba-pink); }
.t1x2-theme .ba-btn.is-red { background: var(--gv-red); }

.t1x2-theme .ba-btn.is-ghost {
  background: transparent;
  color: var(--gv-ink);
  box-shadow: inset 0 0 0 1.5px var(--gv-line-strong);
}

.t1x2-theme .ba-btn.is-ghost:hover {
  color: var(--ba-pink);
  box-shadow: inset 0 0 0 1.5px var(--ba-pink);
}

.t1x2-theme .ba-btn.is-sm {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12.5px;
}

/* countdown */
.t1x2-theme .ba-cd {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  white-space: nowrap;
}

.t1x2-theme .ba-cd small {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--gv-muted);
}

.t1x2-theme .ba-cd b {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  font-size: 14px;
}

.t1x2-theme .ba-cd.is-soon b { color: var(--ba-pink); }
.t1x2-theme .ba-cd.is-over { opacity: .7; }

/* avatars, players, levels */
.t1x2-theme .ba-av {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  background: #6c5ce7;
}

.t1x2-theme .ba-av img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.t1x2-theme .ba-av-1 { background: linear-gradient(135deg, #5a0b66, #37003c); }
.t1x2-theme .ba-av-2 { background: linear-gradient(135deg, #e90052, #a3003a); }
.t1x2-theme .ba-av-3 { background: linear-gradient(135deg, #00b86b, #007a47); }
.t1x2-theme .ba-av-4 { background: linear-gradient(135deg, #0aa6c2, #066d80); }
.t1x2-theme .ba-av-5 { background: linear-gradient(135deg, #f5a524, #c26f00); }
.t1x2-theme .ba-av-6 { background: linear-gradient(135deg, #6c5ce7, #4433b8); }
.t1x2-theme span.ba-av > b {
  max-width: none;
  overflow: visible;
  font-size: inherit;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0;
}

.t1x2-theme .ba-av.is-sm { width: 28px; height: 28px; font-size: 10.5px; }
.t1x2-theme .ba-av.is-md { width: 42px; height: 42px; font-size: 14px; }
.t1x2-theme .ba-av.is-lg { width: 54px; height: 54px; font-size: 17px; }
.t1x2-theme .ba-av.is-xl { width: 76px; height: 76px; font-size: 24px; }
.t1x2-theme .ba-av.is-xxl { width: 108px; height: 108px; font-size: 34px; }

.t1x2-theme .ba-player {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  max-width: 100%;
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .ba-player-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.t1x2-theme .ba-player-name b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.t1x2-theme .ba-player:hover b {
  color: var(--ba-pink);
}

.t1x2-theme .ba-player.is-me b {
  color: var(--ba-purple);
}

.t1x2-theme .ba-rank {
  --ba-tier: #b87333;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
  height: 18px;
  padding: 0 6px;
  border-radius: 6px;
  background: var(--ba-tier);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
}

.t1x2-theme .ba-rank i {
  font-size: 8.5px;
}

.t1x2-theme .is-bronza { --ba-tier: linear-gradient(135deg, #c9844e, #94582c); }
.t1x2-theme .is-srebro { --ba-tier: linear-gradient(135deg, #b9c2cf, #7d8898); }
.t1x2-theme .is-zlato { --ba-tier: linear-gradient(135deg, #f6c343, #c98b00); }
.t1x2-theme .is-platina { --ba-tier: linear-gradient(135deg, #3fd0c9, #1c8a96); }
.t1x2-theme .is-dijamant { --ba-tier: linear-gradient(135deg, #6a8bff, #04b8e0); }
.t1x2-theme .is-legenda { --ba-tier: linear-gradient(135deg, #e90052, #5a0b66); }

.t1x2-theme .ba-rank.is-legenda {
  box-shadow: 0 0 10px rgba(233, 0, 82, .45);
}

.t1x2-theme .ba-badges {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}

.t1x2-theme .ba-cups {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--ba-gold);
  font-size: 11px;
  font-weight: 800;
  flex: 0 0 auto;
  filter: drop-shadow(0 1px 0 rgba(120, 80, 0, .25));
}

.t1x2-theme .ba-tier {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--gv-body);
  white-space: nowrap;
}

.t1x2-theme .ba-tier i {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--ba-tier);
}

.t1x2-theme .ba-tier em {
  font-style: normal;
}

.t1x2-theme .ba-tier b {
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-rankcard {
  display: grid;
  gap: 6px;
  min-width: 200px;
  padding: 12px 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
  border: 1px solid var(--gv-line);
}

.t1x2-theme .ba-rankcard-tier {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 800;
  font-size: 14px;
  color: var(--gv-ink);
}

.t1x2-theme .ba-rankcard-tier i {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: var(--ba-tier);
  color: #fff;
  font-size: 11px;
}

.t1x2-theme .ba-rankcard-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.t1x2-theme .ba-rankcard-level {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: 9px;
  background: var(--ba-tier);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.t1x2-theme .ba-rankcard-level i {
  font-size: 11px;
}

.t1x2-theme .ba-rankcard-bar {
  display: block;
  height: 6px;
  border-radius: 99px;
  background: var(--gv-line-strong);
  overflow: hidden;
}

.t1x2-theme .ba-rankcard-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--ba-tier);
}

.t1x2-theme .ba-rankcard small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

/* hero (home) and the match / player headers */
.t1x2-theme .ba-hero,
.t1x2-theme .ba-mh,
.t1x2-theme .ba-ph {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: var(--ba-grad);
  color: #fff;
  box-shadow: 0 22px 50px rgba(55, 0, 60, .28);
  isolation: isolate;
}

.t1x2-theme .ba-hero-glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(420px 220px at 92% 8%, rgba(0, 255, 133, .32), transparent 70%),
    radial-gradient(380px 260px at 6% 110%, rgba(233, 0, 82, .38), transparent 70%),
    radial-gradient(300px 180px at 60% 120%, rgba(4, 245, 255, .22), transparent 70%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 18px);
}

.t1x2-theme .ba-hero {
  padding: 30px 30px 22px;
}

.t1x2-theme .ba-hero-kicker,
.t1x2-theme .ba-hero .ba-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ba-neon);
}

.t1x2-theme .ba-hero-slogan {
  display: block;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ba-pink);
  text-shadow: 0 0 18px rgba(233, 0, 82, .55);
}

.t1x2-theme .ba-hero-title {
  margin: 2px 0 6px;
  font-size: 54px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.035em;
  color: #fff;
  text-transform: uppercase;
}

.t1x2-theme .ba-hero-title em {
  font-style: normal;
  background: linear-gradient(90deg, var(--ba-neon), var(--ba-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.t1x2-theme .ba-hero-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, .88);
}

.t1x2-theme .ba-hero-cd {
  margin-top: 14px;
}

.t1x2-theme .ba-hero .ba-cd,
.t1x2-theme .ba-mh .ba-cd {
  background: rgba(255, 255, 255, .1);
  color: #fff;
  backdrop-filter: blur(6px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}

.t1x2-theme .ba-hero .ba-cd small,
.t1x2-theme .ba-mh .ba-cd small {
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .ba-hero .ba-cd b,
.t1x2-theme .ba-mh .ba-cd b {
  color: var(--ba-neon);
  font-size: 16px;
}

.t1x2-theme .ba-hero-champ {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 8px 16px 8px 8px;
  border-radius: 999px;
  background: rgba(246, 195, 67, .14);
  box-shadow: inset 0 0 0 1px rgba(246, 195, 67, .4);
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .ba-hero-champ small {
  display: block;
  font-size: 11px;
  color: var(--ba-gold);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.t1x2-theme .ba-hero-champ b {
  font-size: 15px;
}

.t1x2-theme .ba-hero-champ > i {
  color: var(--ba-gold);
  font-size: 20px;
}

.t1x2-theme .ba-hero-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.t1x2-theme .ba-hero-chips span {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .ba-hero-chips b {
  display: block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #fff;
  text-transform: none;
}

/* notices */
.t1x2-theme .ba-notices {
  display: grid;
  gap: 10px;
}

.t1x2-theme .ba-notice {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  border-left: 4px solid var(--ba-purple);
}

.t1x2-theme .ba-notice > i {
  margin-top: 3px;
  color: var(--ba-purple);
}

.t1x2-theme .ba-notice b {
  display: block;
  color: var(--gv-ink);
}

.t1x2-theme .ba-notice p {
  margin: 3px 0 0;
  font-size: 14px;
  color: var(--gv-body);
}

.t1x2-theme .ba-notice small {
  display: inline-flex;
  gap: 6px;
  margin-top: 4px;
  font-size: 11.5px;
  color: var(--gv-faint);
}

.t1x2-theme .ba-notice.is-warning { border-left-color: var(--gv-gold); }
.t1x2-theme .ba-notice.is-warning > i { color: var(--gv-gold-ink); }
.t1x2-theme .ba-notice.is-success { border-left-color: var(--ba-neon-ink); }
.t1x2-theme .ba-notice.is-success > i { color: var(--ba-neon-ink); }
.t1x2-theme .ba-notice.is-sponsor { border-left-color: var(--ba-pink); background: linear-gradient(90deg, var(--ba-pink-tint), var(--gv-surface) 60%); }
.t1x2-theme .ba-notice.is-sponsor > i { color: var(--ba-pink); }

/* registration: a "ticket" (season | status | action), not a message */
.t1x2-theme .ba-reg {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 14px 18px 14px 14px;
  border-radius: var(--ba-card-r);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .ba-reg-season {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  border-radius: 18px;
  background: var(--ba-grad);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.t1x2-theme .ba-reg-season small {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .ba-reg-season b {
  font-size: 32px;
  line-height: 1.05;
  font-weight: 900;
  color: var(--ba-neon);
}

.t1x2-theme .ba-reg-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-reg.is-in .ba-reg-status i {
  color: var(--ba-neon-ink);
}

.t1x2-theme .ba-reg-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin: 6px 0 4px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-reg-meta i {
  margin-right: 6px;
  color: var(--gv-faint);
}

.t1x2-theme .ba-reg-meta b {
  color: var(--gv-ink);
}

.t1x2-theme .ba-reg-hint {
  margin: 0;
  font-size: 12.5px;
  color: var(--gv-faint);
}

.t1x2-theme .ba-reg-act {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/* cancelling is deliberately quiet (and asks for a confirmation) */
.t1x2-theme .ba-reg-cancel {
  align-self: end;
  padding: 4px 2px;
  border: 0;
  background: none;
  color: var(--gv-faint);
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.t1x2-theme .ba-reg-cancel:hover {
  color: var(--gv-red);
}

.t1x2-theme .ba-reg.is-in {
  background: linear-gradient(90deg, var(--ba-neon-tint), var(--gv-surface) 45%);
  border-color: rgba(0, 200, 110, .3);
}

/* intro (guests) */
.t1x2-theme .ba-intro {
  padding: 24px;
  border-radius: var(--ba-card-r);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
}

.t1x2-theme .ba-intro h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
}

.t1x2-theme .ba-intro > p {
  margin: 6px 0 0;
  color: var(--gv-muted);
}

.t1x2-theme .ba-intro ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-intro li {
  position: relative;
  padding: 16px;
  border-radius: 16px;
  background: var(--gv-sunken);
}

.t1x2-theme .ba-intro li > i {
  color: var(--ba-pink);
  font-size: 20px;
}

.t1x2-theme .ba-intro li b {
  display: block;
  margin-top: 8px;
}

.t1x2-theme .ba-intro li p {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-intro-n {
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 28px;
  font-weight: 900;
  color: var(--ba-purple);
  opacity: .12;
}

.t1x2-theme .ba-intro-act {
  display: flex;
  gap: 10px;
  margin-top: 18px;
  flex-wrap: wrap;
}

/* my matches */
.t1x2-theme .ba-mm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 12px;
}

.t1x2-theme .ba-mm {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
  border: 1px solid transparent;
  color: var(--gv-ink);
  text-decoration: none;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.t1x2-theme .ba-mm:hover {
  transform: translateY(-2px);
  border-color: var(--ba-purple);
  box-shadow: var(--gv-shadow-sm);
  color: var(--gv-ink);
}

.t1x2-theme .ba-mm-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 11.5px;
}

.t1x2-theme .ba-mm-top b {
  color: var(--ba-purple);
  font-weight: 800;
}

.t1x2-theme .ba-mm-top small {
  color: var(--gv-faint);
}

.t1x2-theme .ba-mm-opp {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.t1x2-theme .ba-mm-opp > span:not(.ba-av) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.t1x2-theme .ba-mm-opp small {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--gv-faint);
}

.t1x2-theme .ba-mm-opp b {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .ba-mm-opp .ba-badges {
  margin-top: 2px;
}

.t1x2-theme .ba-mm-time {
  font-size: 12px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-mm-time i {
  margin-right: 5px;
}

.t1x2-theme .ba-mm-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: auto;
  min-height: 38px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 800;
  background: var(--gv-surface);
  color: var(--gv-muted);
}

.t1x2-theme .ba-mm-cta small {
  font-weight: 700;
  opacity: .75;
}

.t1x2-theme .ba-mm-cta.is-go {
  background: var(--ba-neon);
  color: var(--ba-deep);
  box-shadow: 0 8px 18px rgba(0, 200, 110, .28);
}

.t1x2-theme .ba-mm-cta.is-done {
  background: var(--ba-neon-tint);
  color: var(--ba-neon-ink);
}

.t1x2-theme .ba-mm-cta.is-live {
  background: var(--ba-purple);
  color: #fff;
}

.t1x2-theme .ba-mm.is-win .ba-mm-cta { background: var(--gv-green-tint); color: var(--gv-green); }
.t1x2-theme .ba-mm.is-loss .ba-mm-cta { background: var(--gv-red-tint); color: var(--gv-red); }
.t1x2-theme .ba-mm.is-draw .ba-mm-cta { background: var(--gv-gold-tint); color: var(--gv-gold-ink); }
.t1x2-theme .ba-mm.is-open { border-color: rgba(0, 200, 110, .45); }

/* tables */
.t1x2-theme .ba-tablewrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.t1x2-theme .ba-tablewrap.ba-card {
  padding: 6px 8px;
}

.t1x2-theme .ba-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13.5px;
}

.t1x2-theme .ba-table th {
  padding: 8px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--gv-faint);
  text-align: center;
  border-bottom: 1px solid var(--gv-line);
  white-space: nowrap;
}

.t1x2-theme .ba-table td {
  padding: 7px 8px;
  text-align: center;
  border-bottom: 1px solid var(--gv-line);
  color: var(--gv-body);
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .ba-table tbody tr:last-child td {
  border-bottom: 0;
}

.t1x2-theme .ba-table .is-left {
  text-align: left;
}

/* the name gives way (ellipsis), the numbers stay visible */
.t1x2-theme .ba-table td.is-name {
  max-width: 0;
  width: 100%;
}

.t1x2-theme .ba-namecell {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.t1x2-theme .ba-namecell .ba-player {
  min-width: 0;
}

.t1x2-theme .ba-table tbody tr:hover td {
  background: var(--gv-hover-bg);
}

.t1x2-theme .ba-table tr.is-me td {
  background: var(--ba-neon-tint);
}

.t1x2-theme .ba-table tr.is-me td:first-child {
  box-shadow: inset 3px 0 0 var(--ba-neon-ink);
}

/* match page: the two players of the match in their group table, in the purple of Bet Arena
   (not pink / red: that is the color of DSK, disqualified) */
.t1x2-theme .ba-table tr.is-pair:not(.is-me) td {
  background: rgba(90, 11, 102, .07);
}

.t1x2-theme .ba-table tr.is-pair td:first-child {
  box-shadow: inset 3px 0 0 var(--ba-purple-2);
}

body.t1x2-theme.night-mode .ba-table tr.is-pair:not(.is-me) td {
  background: rgba(190, 120, 230, .1);
}

body.t1x2-theme.night-mode .ba-table tr.is-pair td:first-child {
  box-shadow: inset 3px 0 0 #b46ad0;
}

.t1x2-theme .ba-mgroup .ba-legend {
  margin-top: 10px;
}

.t1x2-theme .ba-pos span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  background: var(--gv-sunken);
  color: var(--gv-muted);
}

.t1x2-theme tr.is-q1 .ba-pos span { background: var(--ba-neon-ink); color: #fff; }
.t1x2-theme tr.is-q2 .ba-pos span { background: #f08a24; color: #fff; }
.t1x2-theme tr.is-dq td { opacity: .55; }
.t1x2-theme tr.is-dq .ba-pos span { background: var(--gv-red); color: #fff; }
.t1x2-theme tr.is-top1 .ba-pos span { background: linear-gradient(135deg, #f6c343, #c98b00); color: #fff; }
.t1x2-theme tr.is-top2 .ba-pos span { background: linear-gradient(135deg, #c8d0db, #8a95a5); color: #fff; }
.t1x2-theme tr.is-top3 .ba-pos span { background: linear-gradient(135deg, #d99a68, #9c5f31); color: #fff; }

.t1x2-theme .ba-pts {
  font-weight: 800;
  color: var(--gv-ink) !important;
}

.t1x2-theme .ba-goals {
  color: var(--gv-muted) !important;
}

.t1x2-theme .ba-sub {
  display: block;
  font-size: 11px;
  color: var(--gv-faint);
}

.t1x2-theme .ba-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-legend li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 3px;
  vertical-align: -1px;
}

.t1x2-theme .ba-legend .is-q1::before { background: var(--ba-neon-ink); }
.t1x2-theme .ba-legend .is-q2::before { background: #f08a24; }
.t1x2-theme .ba-legend .is-dq::before { background: var(--gv-red); }
.t1x2-theme .ba-legend .is-pair::before { background: var(--ba-purple-2); }
body.t1x2-theme.night-mode .ba-legend .is-pair::before { background: #b46ad0; }

/* toolbar, search, select */
.t1x2-theme .ba-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}

.t1x2-theme .ba-search,
.t1x2-theme .ba-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 220px;
}

.t1x2-theme .ba-search i,
.t1x2-theme .ba-select i {
  position: absolute;
  left: 13px;
  color: var(--gv-faint);
  font-size: 13px;
  pointer-events: none;
}

.t1x2-theme .ba-search input,
.t1x2-theme .ba-select select {
  width: 100%;
  height: 40px;
  padding: 0 14px 0 36px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 13.5px;
}

.t1x2-theme .ba-search input:focus,
.t1x2-theme .ba-select select:focus {
  outline: none;
  border-color: var(--ba-purple);
  box-shadow: 0 0 0 3px rgba(55, 0, 60, .12);
}

/* stats */
.t1x2-theme .ba-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}

.t1x2-theme .ba-stats > div {
  padding: 13px 14px;
  border-radius: 16px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
}

.t1x2-theme .ba-stats.is-6 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.t1x2-theme .ba-stats.is-sm > div {
  background: var(--gv-sunken);
  border: 0;
}

.t1x2-theme .ba-stats small {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--gv-faint);
}

.t1x2-theme .ba-stats b {
  display: block;
  margin-top: 3px;
  font-size: 21px;
  font-weight: 800;
  color: var(--gv-ink);
}

/* groups and pots */
.t1x2-theme .ba-groups,
.t1x2-theme .ba-pots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 14px;
}

.t1x2-theme .ba-pots {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.t1x2-theme .ba-group,
.t1x2-theme .ba-pot {
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  border-radius: 18px;
  overflow: hidden;
  scroll-margin-top: 90px;
}

.t1x2-theme .ba-group > header,
.t1x2-theme .ba-pot > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 11px 14px;
  background: var(--ba-grad);
  color: #fff;
}

.t1x2-theme .ba-group > header b,
.t1x2-theme .ba-pot > header b {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.t1x2-theme .ba-pot > header span {
  font-size: 12px;
  font-weight: 700;
  color: var(--ba-neon);
}

.t1x2-theme .ba-group.is-mine {
  border-color: var(--ba-neon-ink);
  box-shadow: 0 0 0 2px rgba(0, 200, 110, .25);
}

.t1x2-theme .ba-group .ba-tablewrap {
  padding: 4px 6px 6px;
}

.t1x2-theme .ba-group .ba-table td,
.t1x2-theme .ba-group .ba-table th {
  padding: 6px 5px;
}

.t1x2-theme .ba-pot ol {
  margin: 0;
  padding: 6px 8px 8px;
  list-style: none;
  max-height: 520px;
  overflow-y: auto;
}

.t1x2-theme .ba-pot li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px;
  border-radius: 10px;
  font-size: 12.5px;
}

.t1x2-theme .ba-pot li .ba-player-name b {
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .ba-pot li .ba-av.is-sm {
  width: 24px;
  height: 24px;
  font-size: 9.5px;
}

.t1x2-theme .ba-pot li:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .ba-pot li.is-me {
  background: var(--ba-neon-tint);
}

.t1x2-theme .ba-pot li .ba-player {
  flex: 1 1 auto;
}

.t1x2-theme .ba-pot-pts {
  margin-left: auto;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--gv-ink);
}

.t1x2-theme .ba-pot-free {
  justify-content: center;
  color: var(--gv-faint);
  font-size: 12.5px;
  font-style: italic;
  background: repeating-linear-gradient(135deg, var(--gv-sunken) 0 8px, transparent 8px 16px);
}

.t1x2-theme .ba-pot.is-qual > header {
  background: linear-gradient(125deg, #a3003a, #e90052);
}

.t1x2-theme .ba-pot.is-qual > header span {
  color: #fff;
}

/* rounds and matches */
.t1x2-theme .ba-rtabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

.t1x2-theme .ba-rtabs a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  color: var(--gv-body);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .ba-rtabs a i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gv-faint);
}

.t1x2-theme .ba-rtabs a.is-done i { background: var(--ba-neon-ink); }
.t1x2-theme .ba-rtabs a.is-open i { background: var(--gv-gold); }
.t1x2-theme .ba-rtabs a.is-live i { background: var(--ba-pink); }

.t1x2-theme .ba-rtabs a.is-active {
  background: var(--ba-purple);
  border-color: var(--ba-purple);
  color: #fff;
}

.t1x2-theme .ba-rnav {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.t1x2-theme .ba-rnav a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 48%;
  padding: 8px 14px;
  border-radius: 14px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  transition: border-color .15s ease, transform .15s ease;
}

.t1x2-theme .ba-rnav a:hover {
  border-color: var(--ba-purple);
  color: var(--ba-purple);
}

.t1x2-theme .ba-rnav a > i {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--ba-purple);
  color: var(--ba-neon);
  font-size: 11px;
}

.t1x2-theme .ba-rnav a span {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .ba-rnav-next {
  margin-left: auto;
  text-align: right;
}

.t1x2-theme .ba-rnav small {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gv-faint);
}

.t1x2-theme .ba-rhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.t1x2-theme .ba-rhead b {
  display: block;
  font-size: 19px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-rhead small {
  color: var(--gv-muted);
}

.t1x2-theme .ba-mrows {
  display: grid;
  gap: 6px;
}

.t1x2-theme .ba-mrows.is-mine {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--gv-line-strong);
}

.t1x2-theme .ba-mrows.is-mine.is-only {
  margin: 0;
  padding: 0;
  border: 0;
}

.t1x2-theme .ba-mrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 14px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  transition: background .15s ease;
}

.t1x2-theme .ba-mrow.has-g {
  grid-template-columns: 26px minmax(0, 1fr) auto minmax(0, 1fr) 14px;
}

.t1x2-theme .ba-mrow:hover {
  background: var(--gv-hover-bg);
  color: var(--gv-ink);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .ba-mrow.is-me {
  background: var(--ba-neon-tint);
  box-shadow: inset 0 0 0 1px rgba(0, 200, 110, .35);
}

.t1x2-theme .ba-mrow-g {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--ba-purple);
  color: var(--ba-neon);
  font-size: 11.5px;
  font-weight: 800;
}

.t1x2-theme .ba-mrow-p {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.t1x2-theme .ba-mrow-p.is-home {
  flex-direction: row-reverse;
  text-align: right;
}

.t1x2-theme .ba-mrow-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.t1x2-theme .ba-mrow-p.is-home .ba-mrow-name {
  align-items: flex-end;
}

.t1x2-theme .ba-mrow-name b {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 600;
}

.t1x2-theme .ba-mrow-name .ba-badges {
  margin-top: 2px;
}

.t1x2-theme .ba-mrow-p.is-win b {
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-mrow-go {
  color: var(--gv-faint);
  font-size: 11px;
}

.t1x2-theme .ba-score {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 10px;
  background: var(--ba-purple);
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .ba-score b {
  min-width: 12px;
  text-align: center;
  font-size: 15px;
  font-weight: 800;
}

.t1x2-theme .ba-score i {
  font-style: normal;
  color: var(--ba-neon);
  font-weight: 800;
}

.t1x2-theme .ba-score.has-bonus {
  box-shadow: inset 0 -3px 0 var(--ba-pink);
}

.t1x2-theme .ba-score.is-empty {
  background: var(--gv-surface);
  color: var(--gv-faint);
  box-shadow: inset 0 0 0 1px var(--gv-line-strong);
}

.t1x2-theme .ba-score.is-sm {
  padding: 2px 8px;
}

.t1x2-theme .ba-score.is-sm b {
  font-size: 13px;
}

/* match header */
.t1x2-theme .ba-mh {
  padding: 18px 22px 24px;
}

.t1x2-theme .ba-mh-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: rgba(255, 255, 255, .72);
}

.t1x2-theme .ba-mh-top b {
  color: var(--ba-neon);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}

.t1x2-theme .ba-mh-top i {
  margin-right: 6px;
}

.t1x2-theme .ba-mh-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}

.t1x2-theme .ba-mh-p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.t1x2-theme .ba-mh-p b {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 800;
}

.t1x2-theme .ba-mh-p:hover {
  color: var(--ba-neon);
}

.t1x2-theme .ba-mh-p .ba-av {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .18);
}

.t1x2-theme .ba-mh-p.is-win .ba-av {
  box-shadow: 0 0 0 3px var(--ba-neon), 0 0 24px rgba(0, 255, 133, .45);
}

.t1x2-theme .ba-mh-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .ba-mh-score {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .25);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.t1x2-theme .ba-mh-score b {
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .ba-mh-score i {
  font-style: normal;
  font-size: 30px;
  color: var(--ba-neon);
  font-weight: 900;
}

.t1x2-theme .ba-mh-score.is-vs span {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: .1em;
  background: linear-gradient(90deg, var(--ba-neon), var(--ba-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.t1x2-theme .ba-mh-score.has-bonus {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 -4px 0 var(--ba-pink);
}

.t1x2-theme .ba-mh-note {
  font-size: 12px;
  color: rgba(255, 255, 255, .72);
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

/* betting */
.t1x2-theme .ba-bet {
  border-color: rgba(0, 200, 110, .35);
  box-shadow: var(--gv-shadow-sm), 0 0 0 4px var(--ba-neon-tint);
}

.t1x2-theme .ba-bet-note {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--gv-gold-tint);
  font-size: 13.5px;
  color: var(--gv-body);
}

.t1x2-theme .ba-bet-note i {
  margin-top: 3px;
  color: var(--gv-gold-ink);
}

.t1x2-theme .ba-bet-note p {
  margin: 0;
}

.t1x2-theme .ba-bet-note b {
  color: var(--gv-ink);
}

.t1x2-theme .ba-bet-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 6px;
  font-size: 13px;
}

.t1x2-theme .ba-bet-bar {
  flex: 1 1 auto;
  height: 8px;
  border-radius: 99px;
  background: var(--gv-sunken);
  overflow: hidden;
}

.t1x2-theme .ba-bet-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ba-neon-ink), var(--ba-neon));
  transition: width .3s ease;
}

.t1x2-theme .ba-bet-bonus {
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--ba-pink-tint);
  color: var(--ba-pink);
  font-size: 12px;
}

.t1x2-theme .ba-bet-bonus.is-ok {
  background: var(--ba-neon-tint);
  color: var(--ba-neon-ink);
}

.t1x2-theme .ba-bet-bonus i {
  margin-right: 4px;
}

.t1x2-theme .ba-bet-list {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-bet-item {
  padding: 12px 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
  border: 1px solid transparent;
  transition: border-color .2s ease, background .2s ease;
}

.t1x2-theme .ba-bet-item.is-set {
  border-color: rgba(0, 200, 110, .35);
}

.t1x2-theme .ba-bet-item.is-saved {
  background: var(--ba-neon-tint);
}

.t1x2-theme .ba-bet-item.is-busy {
  opacity: .7;
}

.t1x2-theme .ba-bet-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.t1x2-theme .ba-bet-name span {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--ba-purple);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .ba-bet-name b {
  flex: 1 1 auto;
  font-size: 14.5px;
  color: var(--gv-ink);
}

.t1x2-theme .ba-bet-name > i {
  color: var(--ba-neon-ink);
  opacity: 0;
  transition: opacity .2s ease;
}

.t1x2-theme .ba-bet-item.is-set .ba-bet-name > i {
  opacity: 1;
}

.t1x2-theme .ba-bet-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.t1x2-theme .ba-opt {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  min-height: 48px;
  padding: 6px 12px;
  border: 1.5px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.t1x2-theme .ba-opt small {
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--gv-faint);
}

.t1x2-theme .ba-opt.is-two small {
  color: var(--ba-pink);
}

.t1x2-theme .ba-opt:hover {
  border-color: var(--ba-purple);
  transform: translateY(-1px);
}

.t1x2-theme .ba-opt.is-on {
  background: var(--ba-neon);
  border-color: var(--ba-neon);
  color: var(--ba-deep);
  box-shadow: 0 6px 16px rgba(0, 200, 110, .35);
}

.t1x2-theme .ba-opt.is-on small {
  color: var(--ba-deep);
  opacity: .7;
}

.t1x2-theme .ba-bonus {
  margin-top: 14px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--ba-pink-tint), transparent 70%), var(--gv-sunken);
  border: 1.5px solid rgba(233, 0, 82, .35);
}

.t1x2-theme .ba-bonus h3 {
  margin: 8px 0 4px;
  font-size: 17px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-bonus h3 b {
  color: var(--ba-pink);
}

.t1x2-theme .ba-bonus-head p {
  margin: 0;
  font-size: 13px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-bonus-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.t1x2-theme .ba-bonus-form select {
  height: 42px;
  min-width: 160px;
  padding: 0 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-weight: 700;
}

.t1x2-theme .ba-bonus-hint {
  margin: 10px 0 0;
  font-size: 12.5px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-bonus-hint i {
  margin-right: 6px;
  color: var(--ba-pink);
}

.t1x2-theme .ba-bonus-set {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
}

.t1x2-theme .ba-bonus-min {
  display: grid;
  place-items: center;
  min-width: 64px;
  height: 56px;
  padding: 0 10px;
  border-radius: 14px;
  background: var(--ba-pink);
  color: #fff;
  font-size: 26px;
  font-weight: 900;
}

.t1x2-theme .ba-bonus-set b {
  display: block;
  color: var(--gv-ink);
}

.t1x2-theme .ba-bonus-set small {
  color: var(--gv-muted);
}

.t1x2-theme .ba-bet-msg,
.t1x2-theme .ba-form-msg {
  min-height: 0;
  margin-top: 10px;
  font-size: 13.5px;
  font-weight: 600;
}

.t1x2-theme .ba-bet-msg:empty,
.t1x2-theme .ba-form-msg:empty {
  display: none;
}

.t1x2-theme .ba-bet-msg.is-ok,
.t1x2-theme .ba-form-msg.is-ok { color: var(--ba-neon-ink); }
.t1x2-theme .ba-bet-msg.is-err,
.t1x2-theme .ba-form-msg.is-err { color: var(--gv-red); }

/* offer preview */
.t1x2-theme .ba-offer {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme ol.ba-offer li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 2px 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--gv-sunken);
}

.t1x2-theme ol.ba-offer li span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  height: 26px;
  border-radius: 8px;
  background: var(--ba-purple);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme ol.ba-offer li small {
  color: var(--gv-muted);
}

/* tips side by side */
.t1x2-theme .ba-tips {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  font-size: 13.5px;
}

.t1x2-theme .ba-tips th {
  padding: 4px 6px;
  font-size: 12px;
  color: var(--gv-muted);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.t1x2-theme .ba-tips th .ba-av {
  margin-right: 6px;
  vertical-align: middle;
}

.t1x2-theme .ba-tips td {
  padding: 8px 8px;
  background: var(--gv-sunken);
  text-align: center;
}

.t1x2-theme .ba-tips td:first-child {
  border-radius: 12px 0 0 12px;
}

.t1x2-theme .ba-tips td:last-child {
  border-radius: 0 12px 12px 0;
}

.t1x2-theme .ba-tip-name {
  text-align: center;
}

.t1x2-theme .ba-tip-name b {
  display: block;
  font-weight: 700;
  color: var(--gv-ink);
}

.t1x2-theme .ba-tip-name small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .ba-tip {
  width: 22%;
  white-space: nowrap;
}

.t1x2-theme .ba-tip span {
  display: inline-block;
  min-width: 42px;
  padding: 4px 8px;
  border-radius: 9px;
  background: var(--gv-surface);
  font-weight: 800;
  color: var(--gv-ink);
}

/* a hit tip: green, one ball per goal */
.t1x2-theme .ba-balls {
  display: inline-flex;
  gap: 2px;
  margin-left: 5px;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: var(--gv-ink);
  vertical-align: middle;
}

.t1x2-theme .ba-tip.is-hit span { background: var(--ba-neon); color: var(--ba-deep); }
.t1x2-theme .ba-tip.is-none span { color: var(--gv-faint); background: transparent; }
.t1x2-theme .ba-tip.is-dq span { background: var(--gv-red-tint); color: var(--gv-red); font-size: 11px; }
.t1x2-theme .ba-tip-bonus td { background: var(--ba-pink-tint); }

/* H2H and stats */
.t1x2-theme .ba-h2h-sum {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 12px;
  text-align: center;
}

.t1x2-theme .ba-h2h-sum div {
  padding: 10px;
  border-radius: 14px;
  background: var(--gv-sunken);
  min-width: 0;
}

.t1x2-theme .ba-h2h-sum b {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: var(--ba-purple);
}

.t1x2-theme .ba-h2h-sum small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-h2h {
  display: grid;
  gap: 6px;
}

.t1x2-theme .ba-h2h-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 12px;
  background: var(--gv-sunken);
  color: var(--gv-body);
  font-size: 13px;
  text-decoration: none;
}

.t1x2-theme .ba-h2h-row:hover {
  background: var(--gv-hover-bg);
  color: var(--gv-ink);
}

.t1x2-theme .ba-h2h-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .ba-h2h-info b {
  color: var(--gv-ink);
  font-size: 13.5px;
}

.t1x2-theme .ba-h2h-info small {
  color: var(--gv-muted);
  font-size: 12px;
}

/* records (home page, right column) */
.t1x2-theme .ba-records ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-records a {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  transition: box-shadow .15s ease;
}

.t1x2-theme .ba-records a:hover {
  box-shadow: inset 0 0 0 1px var(--ba-purple);
  color: var(--gv-ink);
}

.t1x2-theme .ba-rec-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--ba-pink);
}

.t1x2-theme .ba-rec-label > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .ba-rec-match {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.t1x2-theme .ba-rec-match > b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}

.t1x2-theme .ba-rec-match > b:first-child {
  text-align: right;
}

.t1x2-theme .ba-rec-match > b.is-win {
  font-weight: 800;
}

.t1x2-theme .ba-records small {
  font-size: 11.5px;
  color: var(--gv-faint);
  text-align: center;
}

.t1x2-theme .ba-intro-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  font-size: 13.5px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-cmp {
  display: grid;
  gap: 10px;
}

.t1x2-theme .ba-cmp-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 70px;
  align-items: center;
  gap: 12px;
}

.t1x2-theme .ba-cmp-row > b {
  font-size: 15px;
  font-weight: 700;
  color: var(--gv-muted);
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .ba-cmp-row > b:first-child {
  text-align: right;
}

.t1x2-theme .ba-cmp-row > b.is-lead {
  color: var(--ba-purple);
  font-weight: 900;
}

.t1x2-theme .ba-cmp-row small {
  display: block;
  margin-bottom: 4px;
  font-size: 11.5px;
  text-align: center;
  color: var(--gv-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.t1x2-theme .ba-cmp-bar {
  display: block;
  height: 8px;
  border-radius: 99px;
  background: var(--ba-pink);
  overflow: hidden;
}

.t1x2-theme .ba-cmp-bar i {
  display: block;
  height: 100%;
  background: var(--ba-purple);
}

.t1x2-theme .ba-cmp-ranks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}

/* comments */
.t1x2-theme .ba-com-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 14px;
  background: var(--gv-input);
  color: var(--gv-ink);
  font-size: 14px;
  resize: vertical;
}

.t1x2-theme .ba-com-form textarea:focus {
  outline: none;
  border-color: var(--ba-purple);
}

.t1x2-theme .ba-com-form > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}

.t1x2-theme .ba-com-form small {
  color: var(--gv-faint);
}

.t1x2-theme .ba-com-list {
  display: grid;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-com {
  display: flex;
  gap: 10px;
}

.t1x2-theme .ba-com > div {
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 4px 16px 16px 16px;
  background: var(--gv-sunken);
}

.t1x2-theme .ba-com header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.t1x2-theme .ba-com header a {
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .ba-com time {
  font-size: 11.5px;
  color: var(--gv-faint);
}

.t1x2-theme .ba-com p {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--gv-body);
  overflow-wrap: anywhere;
}

.t1x2-theme .ba-com-del {
  margin-left: auto;
  border: 0;
  background: none;
  color: var(--gv-faint);
  cursor: pointer;
}

.t1x2-theme .ba-com-del:hover {
  color: var(--gv-red);
}

.t1x2-theme .ba-com-empty {
  color: var(--gv-muted);
  font-size: 13.5px;
}

/* prizes */
.t1x2-theme .ba-prizes {
  padding: 20px;
  border-radius: var(--ba-card-r);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
}

.t1x2-theme .ba-prizes h2 {
  margin: 4px 0 14px;
  font-size: 20px;
  font-weight: 800;
}

.t1x2-theme .ba-prize-row {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 12px;
}

.t1x2-theme .ba-prize {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 18px;
  border-radius: 18px;
  overflow: hidden;
  color: #fff;
}

.t1x2-theme .ba-prize > i {
  position: absolute;
  right: 12px;
  bottom: -6px;
  font-size: 54px;
  opacity: .22;
}

.t1x2-theme .ba-prize small {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  opacity: .9;
}

.t1x2-theme .ba-prize b {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.t1x2-theme .ba-prize em {
  font-style: normal;
  font-size: 12px;
  opacity: .85;
}

.t1x2-theme .ba-prize.is-gold { background: linear-gradient(135deg, #f6c343, #d08e00 60%, #a86d00); box-shadow: 0 12px 28px rgba(200, 140, 0, .3); }
.t1x2-theme .ba-prize.is-silver { background: linear-gradient(135deg, #a9b3c1, #6f7a8b); }
.t1x2-theme .ba-prize.is-bronze { background: linear-gradient(135deg, #d99a68, #9c5f31); }

/* Hall of Fame */
.t1x2-theme .ba-hall {
  position: relative;
  padding: 24px;
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(500px 240px at 100% 0, rgba(246, 195, 67, .22), transparent 70%),
    linear-gradient(160deg, #1d0526, #37003c 60%, #2a0030);
  color: #fff;
  box-shadow: 0 22px 50px rgba(29, 5, 38, .35);
}

.t1x2-theme .ba-hall-head .ba-kicker {
  color: var(--ba-gold);
}

.t1x2-theme .ba-hall-head h2 {
  margin: 4px 0 0;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: #fff;
}

.t1x2-theme .ba-hall-head p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}

.t1x2-theme .ba-hall-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-hall-item {
  grid-column: span 3;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
  min-width: 0;
}

.t1x2-theme .ba-hall-item a {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .ba-hall-item a:hover b {
  color: var(--ba-gold);
}

.t1x2-theme .ba-hall-pos {
  flex: 0 0 22px;
  font-size: 13px;
  font-weight: 900;
  color: rgba(255, 255, 255, .45);
  text-align: center;
}

.t1x2-theme .ba-hall-name {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .ba-hall-name b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .ba-hall-name small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: rgba(255, 255, 255, .55);
}

.t1x2-theme .ba-hall-cups {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(246, 195, 67, .16);
  color: var(--ba-gold);
  font-size: 13px;
}

.t1x2-theme .ba-hall-item.is-1,
.t1x2-theme .ba-hall-item.is-2,
.t1x2-theme .ba-hall-item.is-3 {
  grid-column: span 2;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 18px 12px 14px;
}

.t1x2-theme .ba-hall-item.is-1 a,
.t1x2-theme .ba-hall-item.is-2 a,
.t1x2-theme .ba-hall-item.is-3 a {
  flex-direction: column;
}

.t1x2-theme .ba-hall-item.is-1 .ba-hall-name,
.t1x2-theme .ba-hall-item.is-2 .ba-hall-name,
.t1x2-theme .ba-hall-item.is-3 .ba-hall-name {
  align-items: center;
  max-width: 100%;
}

.t1x2-theme .ba-hall-item.is-1 .ba-hall-pos,
.t1x2-theme .ba-hall-item.is-2 .ba-hall-pos,
.t1x2-theme .ba-hall-item.is-3 .ba-hall-pos {
  position: absolute;
  top: 10px;
  left: 12px;
}

.t1x2-theme .ba-hall-item.is-1 { background: linear-gradient(180deg, rgba(246, 195, 67, .26), rgba(246, 195, 67, .06)); box-shadow: inset 0 0 0 1px rgba(246, 195, 67, .5); }
.t1x2-theme .ba-hall-item.is-1 .ba-av { box-shadow: 0 0 0 3px var(--ba-gold), 0 0 26px rgba(246, 195, 67, .55); }
.t1x2-theme .ba-hall-item.is-2 .ba-av { box-shadow: 0 0 0 3px var(--ba-silver); }
.t1x2-theme .ba-hall-item.is-3 .ba-av { box-shadow: 0 0 0 3px var(--ba-bronze); }

.t1x2-theme .ba-hall-more {
  margin-top: 14px;
}

.t1x2-theme .ba-hall-more summary {
  cursor: pointer;
  color: var(--ba-gold);
  font-weight: 700;
  font-size: 13.5px;
}

.t1x2-theme .ba-hall-more ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 6px 14px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-hall-more li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 13px;
}

.t1x2-theme .ba-hall-more a {
  color: #fff;
}

/* right column */
.t1x2-theme .ba-rail .ba-widget {
  padding: 16px;
}

.t1x2-theme .ba-champ {
  background: var(--ba-grad) !important;
  border: 0 !important;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.t1x2-theme .ba-champ-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ba-gold);
}

.t1x2-theme .ba-champ-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .ba-champ-body .ba-av {
  margin-bottom: 6px;
  box-shadow: 0 0 0 3px var(--ba-gold), 0 0 28px rgba(246, 195, 67, .5);
}

.t1x2-theme .ba-champ-body b {
  font-size: 18px;
  font-weight: 900;
}

.t1x2-theme .ba-champ-body small {
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .ba-champ-meta {
  display: inline-flex;
  gap: 6px;
  margin-top: 6px;
}

.t1x2-theme .ba-mini {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-mini li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px;
  border-radius: 10px;
}

.t1x2-theme .ba-mini li.is-me {
  background: var(--ba-neon-tint);
}

.t1x2-theme .ba-mini .ba-player {
  flex: 1 1 auto;
  font-size: 13px;
}

.t1x2-theme .ba-mini-pos {
  flex: 0 0 18px;
  font-size: 12px;
  font-weight: 800;
  color: var(--gv-faint);
  text-align: center;
}

.t1x2-theme .ba-mini li:nth-child(1) .ba-mini-pos { color: #c98b00; }
.t1x2-theme .ba-mini li:nth-child(2) .ba-mini-pos { color: #7d8898; }
.t1x2-theme .ba-mini li:nth-child(3) .ba-mini-pos { color: #9c5f31; }

.t1x2-theme .ba-mini-pts {
  font-size: 13px;
  color: var(--ba-purple);
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .ba-coms {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-coms li {
  display: flex;
  gap: 9px;
}

.t1x2-theme .ba-coms li > div {
  min-width: 0;
}

.t1x2-theme .ba-coms a {
  display: block;
  font-size: 13px;
  color: var(--gv-body);
  text-decoration: none;
  line-height: 1.4;
}

.t1x2-theme .ba-coms a b {
  color: var(--gv-ink);
}

.t1x2-theme .ba-coms a:hover span {
  color: var(--ba-pink);
}

.t1x2-theme .ba-coms small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--gv-faint);
}

/* All Time: my position, levels, pager */
.t1x2-theme .ba-mypos {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-radius: var(--ba-card-r);
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .ba-mypos > span:not(.ba-av) small {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--gv-faint);
}

.t1x2-theme .ba-mypos > span:not(.ba-av) b {
  font-size: 20px;
  font-weight: 900;
}

.t1x2-theme .ba-mypos .ba-rankcard {
  margin-left: auto;
}

.t1x2-theme .ba-levels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.t1x2-theme .ba-level {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 14px;
  background: var(--gv-sunken);
  border-top: 3px solid transparent;
  border-image: var(--ba-tier) 1;
}

.t1x2-theme .ba-level b {
  font-size: 15px;
}

.t1x2-theme .ba-level small {
  font-size: 11.5px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-pager {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.t1x2-theme .ba-pager a,
.t1x2-theme .ba-pager b,
.t1x2-theme .ba-pager span {
  display: inline-grid;
  place-items: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 700;
}

.t1x2-theme .ba-pager a {
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .ba-pager a:hover {
  border-color: var(--ba-purple);
}

.t1x2-theme .ba-pager b {
  background: var(--ba-purple);
  color: #fff;
}

/* player page */
.t1x2-theme .ba-ph {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  padding: 24px;
}

.t1x2-theme .ba-ph > .ba-av {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .2);
}

.t1x2-theme .ba-ph-main {
  flex: 1 1 260px;
  min-width: 0;
}

.t1x2-theme .ba-ph .ba-kicker {
  color: var(--ba-neon);
}

.t1x2-theme .ba-ph h1 {
  margin: 4px 0;
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  overflow-wrap: anywhere;
}

.t1x2-theme .ba-ph p {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, .78);
}

.t1x2-theme .ba-ph .ba-link {
  color: var(--ba-neon);
}

.t1x2-theme .ba-ph .ba-rankcard {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
}

.t1x2-theme .ba-ph .ba-rankcard-tier,
.t1x2-theme .ba-ph .ba-rankcard small {
  color: #fff;
}

.t1x2-theme .ba-ph .ba-rankcard small {
  opacity: .75;
}

.t1x2-theme .ba-cups-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.t1x2-theme .ba-cup {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--gv-gold-tint);
  color: var(--gv-gold-ink);
  font-weight: 800;
  font-size: 13px;
}

.t1x2-theme .ba-seasons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-seasons-note {
  margin: -6px 0 12px;
}

.t1x2-theme .ba-seasons li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.t1x2-theme .ba-seasons li a:hover {
  transform: translateY(-1px);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .ba-seasons li a > i {
  font-size: 11px;
  opacity: .55;
}

.t1x2-theme .ba-seasons-txt {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .ba-seasons li span {
  display: block;
  font-size: 11px;
  color: var(--gv-faint);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.t1x2-theme .ba-seasons li b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
}

.t1x2-theme .ba-seasons li.is-champ a {
  background: linear-gradient(135deg, #f6c343, #c98b00);
  color: #fff;
}

.t1x2-theme .ba-seasons li.is-final a {
  background: linear-gradient(135deg, #c8d0db, #8a95a5);
  color: #fff;
}

.t1x2-theme .ba-seasons li.is-semi a {
  background: linear-gradient(135deg, #d99a68, #9c5f31);
  color: #fff;
}

.t1x2-theme .ba-seasons li.is-champ span,
.t1x2-theme .ba-seasons li.is-final span,
.t1x2-theme .ba-seasons li.is-semi span {
  color: rgba(255, 255, 255, .85);
}

.t1x2-theme .ba-pms {
  display: grid;
  gap: 6px;
}

.t1x2-theme .ba-pm {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 12px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .ba-pm:hover {
  background: var(--gv-hover-bg);
  color: var(--gv-ink);
}

.t1x2-theme .ba-pm-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.t1x2-theme .ba-pm-main small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .ba-res {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 900;
  background: var(--gv-line-strong);
  color: var(--gv-muted);
}

.t1x2-theme .ba-res.is-win { background: var(--gv-green); color: #fff; }
.t1x2-theme .ba-res.is-draw { background: var(--gv-gold); color: #fff; }
.t1x2-theme .ba-res.is-loss { background: var(--gv-red); color: #fff; }

/* rules */
.t1x2-theme .ba-rules {
  padding: 24px 28px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--gv-body);
}

.t1x2-theme .ba-rules h2 {
  margin: 22px 0 6px;
  font-size: 18px;
  font-weight: 800;
  color: var(--ba-purple);
}

.t1x2-theme .ba-rules h3 {
  margin: 14px 0 4px;
  font-size: 15.5px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .ba-rules ul {
  margin: 0 0 10px;
  padding-left: 20px;
}

.t1x2-theme .ba-rules li {
  margin: 4px 0;
}

.t1x2-theme .ba-rules a {
  color: var(--ba-purple);
  font-weight: 700;
}

.t1x2-theme .ba-rules h2:first-child {
  margin-top: 0;
}

/* administration */
.t1x2-theme .ba-crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
}

.t1x2-theme .ba-crumbs i {
  font-size: 9px;
  color: var(--gv-faint);
}

.t1x2-theme .ba-crumbs a {
  color: var(--ba-purple);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .ba-fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px 14px;
  align-items: end;
}

.t1x2-theme .ba-fields label,
.t1x2-theme .ba-offer-row label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  min-width: 0;
}

.t1x2-theme .ba-fields label.is-wide {
  grid-column: 1 / -1;
}

/* Sredi kolo: the bonus minute in one row, the hint next to a short field */
.t1x2-theme .ba-fields label.ba-settle-bonus {
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

.t1x2-theme .ba-fields label.ba-settle-bonus > span {
  flex: 1;
  font-weight: 600;
  line-height: 1.45;
}

.t1x2-theme .ba-fields label.ba-settle-bonus input {
  flex: 0 0 120px;
  width: 120px;
}

@media (max-width: 575.98px) {
  .t1x2-theme .ba-fields label.ba-settle-bonus {
    flex-direction: column;
    align-items: stretch;
  }

  .t1x2-theme .ba-fields label.ba-settle-bonus input {
    flex: none;
    width: 100%;
  }
}

.t1x2-theme .ba-fields label > span,
.t1x2-theme .ba-offer-row label > span {
  font-size: 12px;
  font-weight: 700;
  color: var(--gv-muted);
}

.t1x2-theme .ba-fields input:not([type=checkbox]),
.t1x2-theme .ba-fields select,
.t1x2-theme .ba-fields textarea,
.t1x2-theme .ba-offer-row input[type=text],
.t1x2-theme .ba-offer-row select,
.t1x2-theme .ba-settle select {
  width: 100%;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-input);
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .ba-fields textarea.is-code,
.t1x2-theme textarea.is-code {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
}

.t1x2-theme .ba-fields input:focus,
.t1x2-theme .ba-fields select:focus,
.t1x2-theme .ba-fields textarea:focus,
.t1x2-theme .ba-offer-row input:focus,
.t1x2-theme .ba-settle select:focus {
  outline: none;
  border-color: var(--ba-purple);
  box-shadow: 0 0 0 3px rgba(55, 0, 60, .12);
}

.t1x2-theme .ba-form-act {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.t1x2-theme .ba-fields .ba-form-act {
  margin-top: 0;
}

.t1x2-theme .ba-form-act.is-wrap {
  flex-wrap: wrap;
}

.t1x2-theme .ba-form-act.is-sticky {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  padding: 10px;
  border-radius: 16px;
  background: var(--gv-surface);
  box-shadow: var(--gv-popup);
}

.t1x2-theme .ba-form.is-inline {
  display: inline-flex;
  margin: 0;
}

.t1x2-theme .ba-form.is-inline .ba-form-msg {
  display: none;
}

.t1x2-theme .ba-check {
  position: relative;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13.5px;
  color: var(--gv-body);
}

.t1x2-theme .ba-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .ba-check > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.5px solid var(--gv-line-strong);
  background: var(--gv-surface);
}

.t1x2-theme .ba-check input:checked + span {
  background: var(--ba-purple);
  border-color: var(--ba-purple);
}

.t1x2-theme .ba-check input:checked + span::after {
  content: "\f00c";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: var(--ba-neon);
}

.t1x2-theme .ba-check input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(55, 0, 60, .2);
}

.t1x2-theme .ba-check small {
  color: var(--gv-faint);
}

.t1x2-theme .ba-state {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  white-space: nowrap;
  background: var(--gv-sunken);
  color: var(--gv-muted);
}

.t1x2-theme .ba-state.is-open { background: var(--gv-gold-tint); color: var(--gv-gold-ink); }
.t1x2-theme .ba-state.is-live { background: var(--ba-pink-tint); color: var(--ba-pink); }
.t1x2-theme .ba-state.is-done { background: var(--ba-neon-tint); color: var(--ba-neon-ink); }

.t1x2-theme .ba-acts {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.t1x2-theme .ba-plist {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .ba-plist li {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--gv-sunken);
}

.t1x2-theme .ba-plist li small {
  flex: 1 1 200px;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .ba-plist.is-repl li > i {
  color: var(--ba-pink);
}

.t1x2-theme .ba-details {
  padding: 0;
}

.t1x2-theme .ba-details > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  cursor: pointer;
  font-weight: 800;
  color: var(--gv-ink);
  list-style: none;
}

.t1x2-theme .ba-details > summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme .ba-details > summary small {
  margin-left: auto;
  color: var(--gv-faint);
  font-weight: 600;
}

.t1x2-theme .ba-details[open] > summary {
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .ba-details > :not(summary) {
  margin: 14px 20px 18px;
}

.t1x2-theme .ba-code {
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--ba-deep);
  color: var(--ba-neon);
  font-size: 12.5px;
  white-space: pre-wrap;
  word-break: break-all;
}

.t1x2-theme .ba-plain {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
}

/* offer form */
.t1x2-theme .ba-offer-form > .ba-fields {
  max-width: 340px;
  margin-bottom: 14px;
}

.t1x2-theme .ba-offer .ba-offer-row {
  display: grid;
  grid-template-columns: 34px minmax(200px, 1.5fr) minmax(150px, 1fr) minmax(150px, 1fr) 150px 36px;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border-radius: 16px;
  background: var(--gv-sunken);
  transition: box-shadow .3s ease;
}

.t1x2-theme .ba-offer .ba-offer-row.is-flash {
  box-shadow: 0 0 0 3px var(--ba-neon);
}

.t1x2-theme .ba-offer-n {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: center;
  font-size: 18px;
  font-weight: 900;
  color: var(--ba-purple);
}

.t1x2-theme .ba-offer-n .ba-chip {
  font-size: 9px;
  padding: 1px 5px;
}

.t1x2-theme .ba-offer-clear {
  height: 42px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--gv-faint);
  cursor: pointer;
}

.t1x2-theme .ba-offer-clear:hover {
  color: var(--gv-red);
}

.t1x2-theme .ba-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-height: 42px;
  padding: 5px 8px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-input);
  cursor: text;
}

.t1x2-theme .ba-tags:focus-within {
  border-color: var(--ba-purple);
  box-shadow: 0 0 0 3px rgba(55, 0, 60, .12);
}

.t1x2-theme .ba-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 4px 3px 9px;
  border-radius: 8px;
  background: var(--ba-purple);
  color: #fff;
  font-size: 12.5px;
  font-weight: 800;
}

.t1x2-theme .ba-tag button {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 5px;
  background: rgba(255, 255, 255, .15);
  color: #fff;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.t1x2-theme .ba-tag button:hover {
  background: var(--ba-pink);
}

.t1x2-theme .ba-tags-in {
  flex: 1 1 50px;
  min-width: 50px;
  height: 28px;
  border: 0 !important;
  background: transparent !important;
  color: var(--gv-ink);
  font-size: 13.5px;
  outline: none;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.t1x2-theme .ba-days {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 14px 0;
  padding-bottom: 4px;
}

.t1x2-theme .ba-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  min-width: 84px;
  padding: 8px 12px;
  border: 1px solid var(--gv-line);
  border-radius: 14px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  cursor: pointer;
}

.t1x2-theme .ba-day small {
  color: var(--gv-muted);
}

.t1x2-theme .ba-day.is-active {
  background: var(--ba-purple);
  border-color: var(--ba-purple);
  color: #fff;
}

.t1x2-theme .ba-day.is-active small {
  color: var(--ba-neon);
}

.t1x2-theme .ba-fx-table tr.is-used td {
  background: var(--ba-neon-tint);
}

.t1x2-theme .ba-fx-table .ba-btn.is-added {
  background: var(--ba-neon);
  color: var(--ba-deep);
}

.t1x2-theme .ba-fields input.is-flash {
  box-shadow: 0 0 0 3px var(--ba-neon);
}

.t1x2-theme .ba-fx-table td,
.t1x2-theme .ba-fx-table th {
  padding: 6px 6px;
  font-size: 12.5px;
}

.t1x2-theme .ba-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  color: var(--gv-muted);
}

.t1x2-theme .ba-spin {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2.5px solid var(--gv-line-strong);
  border-top-color: var(--ba-purple);
  animation: ba-spin .8s linear infinite;
}

@keyframes ba-spin {
  to { transform: rotate(360deg); }
}

/* message after "Prijavi se" from the site's home page */
.t1x2-theme .ba-flash {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: grid;
  place-items: center;
  padding: 16px;
}

.t1x2-theme .ba-flash-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 5, 28, .55);
  backdrop-filter: blur(3px);
}

.t1x2-theme .ba-flash-box {
  position: relative;
  width: min(440px, 100%);
  padding: 28px 26px 22px;
  border-radius: 24px;
  background: var(--gv-surface);
  box-shadow: var(--gv-popup);
  text-align: center;
  animation: ba-flash-in .25s ease;
}

@keyframes ba-flash-in {
  from { transform: translateY(12px) scale(.97); opacity: 0; }
  to { transform: none; opacity: 1; }
}

.t1x2-theme .ba-flash-icon {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--ba-grad);
  color: var(--ba-neon);
  font-size: 28px;
  box-shadow: 0 0 0 6px var(--ba-neon-tint);
}

.t1x2-theme .ba-flash.is-info .ba-flash-icon,
.t1x2-theme .ba-flash.is-guest .ba-flash-icon {
  color: #fff;
}

.t1x2-theme .ba-flash-box h2 {
  margin: 14px 0 6px;
  font-size: 21px;
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .ba-flash-box p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--gv-body);
}

.t1x2-theme .ba-flash-act {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

body.ba-flash-open {
  overflow: hidden;
}

/* night mode */
body.t1x2-theme.night-mode .ba-page {
  --ba-neon-ink: #3ddc8a;
  --ba-neon-tint: rgba(0, 255, 133, .12);
  --ba-pink-tint: rgba(233, 0, 82, .18);
}

body.t1x2-theme.night-mode .ba-card-head h2 > i,
body.t1x2-theme.night-mode .ba-widget-head h3 > i,
body.t1x2-theme.night-mode .ba-bet-name span,
body.t1x2-theme.night-mode ol.ba-offer li span,
body.t1x2-theme.night-mode .ba-mrow-g,
body.t1x2-theme.night-mode .ba-score:not(.is-empty),
body.t1x2-theme.night-mode .ba-btn:not(.is-neon):not(.is-ghost):not(.is-pink):not(.is-red),
body.t1x2-theme.night-mode .ba-rtabs a.is-active,
body.t1x2-theme.night-mode .ba-day.is-active,
body.t1x2-theme.night-mode .ba-pager b,
body.t1x2-theme.night-mode .ba-tag,
body.t1x2-theme.night-mode .ba-rnav a > i,
body.t1x2-theme.night-mode .ba-check input:checked + span {
  background: #6d1a7c;
  border-color: #6d1a7c;
}

body.t1x2-theme.night-mode .ba-menu a.is-active,
body.t1x2-theme.night-mode .ba-mm-top b,
body.t1x2-theme.night-mode .ba-link,
body.t1x2-theme.night-mode .ba-card-more,
body.t1x2-theme.night-mode .ba-widget-more,
body.t1x2-theme.night-mode .ba-player.is-me b,
body.t1x2-theme.night-mode .ba-mini-pts,
body.t1x2-theme.night-mode .ba-h2h-sum b,
body.t1x2-theme.night-mode .ba-cmp-row > b.is-lead,
body.t1x2-theme.night-mode .ba-rules h2,
body.t1x2-theme.night-mode .ba-crumbs a,
body.t1x2-theme.night-mode .ba-rec-label,
body.t1x2-theme.night-mode .ba-rnav a:hover,
body.t1x2-theme.night-mode .ba-rules a,
body.t1x2-theme.night-mode .ba-offer-n,
body.t1x2-theme.night-mode .ba-alert > i,
body.t1x2-theme.night-mode .ba-alert a,
body.t1x2-theme.night-mode .ba-notice.is-info > i,
body.t1x2-theme.night-mode .ba-empty > i {
  color: #e6a6f0;
}

body.t1x2-theme.night-mode .ba-notice.is-info {
  border-left-color: #b25ac4;
}

body.t1x2-theme.night-mode .ba-cmp-bar i {
  background: #b25ac4;
}

body.t1x2-theme.night-mode .ba-alert {
  background: rgba(108, 92, 231, .16);
}

/* responsive */
@media (max-width: 1399.98px) {
  .t1x2-theme .ba-offer .ba-offer-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(0, 1fr) 36px;
  }

  .t1x2-theme .ba-offer .ba-offer-name {
    grid-column: 2 / 4;
  }

  .t1x2-theme .ba-offer .ba-offer-n {
    grid-row: span 3;
  }

  .t1x2-theme .ba-offer .ba-offer-preset {
    grid-column: 2 / 4;
  }
}

@media (max-width: 991.98px) {
  /* Bet Arena: the right column stays on phones, under the content */
  .t1x2-theme .ba-grid > .ba-rail {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .ba-hero {
    padding: 22px 18px 16px;
    border-radius: 22px;
  }

  .t1x2-theme .ba-hero-title {
    font-size: 40px;
  }

  .t1x2-theme .ba-hero-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .ba-head h1 {
    font-size: 23px;
  }

  .t1x2-theme .ba-card,
  .t1x2-theme .ba-widget {
    padding: 14px;
  }

  .t1x2-theme .ba-hall-item,
  .t1x2-theme .ba-hall-item.is-1,
  .t1x2-theme .ba-hall-item.is-2,
  .t1x2-theme .ba-hall-item.is-3 {
    grid-column: span 6;
  }

  .t1x2-theme .ba-hall-item.is-1,
  .t1x2-theme .ba-hall-item.is-2,
  .t1x2-theme .ba-hall-item.is-3 {
    flex-direction: row;
    text-align: left;
    padding: 10px 12px;
  }

  .t1x2-theme .ba-hall-item.is-1 a,
  .t1x2-theme .ba-hall-item.is-2 a,
  .t1x2-theme .ba-hall-item.is-3 a {
    flex-direction: row;
  }

  .t1x2-theme .ba-hall-item.is-1 .ba-hall-name,
  .t1x2-theme .ba-hall-item.is-2 .ba-hall-name,
  .t1x2-theme .ba-hall-item.is-3 .ba-hall-name {
    align-items: flex-start;
  }

  .t1x2-theme .ba-hall-item.is-1 .ba-hall-pos,
  .t1x2-theme .ba-hall-item.is-2 .ba-hall-pos,
  .t1x2-theme .ba-hall-item.is-3 .ba-hall-pos {
    position: static;
  }

  .t1x2-theme .ba-intro ol,
  .t1x2-theme .ba-prize-row,
  .t1x2-theme .ba-cmp-ranks {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .ba-groups,
  .t1x2-theme .ba-pots {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .ba-stats.is-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .ba-stats b {
    font-size: 18px;
  }

  .t1x2-theme .ba-mh {
    padding: 14px 12px 18px;
  }

  .t1x2-theme .ba-mh-body {
    gap: 8px;
  }

  .t1x2-theme .ba-mh-p b {
    font-size: 14px;
  }

  .t1x2-theme .ba-mh-p .ba-av.is-xl {
    width: 54px;
    height: 54px;
    font-size: 18px;
  }

  .t1x2-theme .ba-mh-score {
    padding: 8px 10px;
  }

  .t1x2-theme .ba-mh-score b {
    font-size: 30px;
  }

  .t1x2-theme .ba-mh-center .ba-cd {
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 6px 10px;
    border-radius: 12px;
  }

  .t1x2-theme .ba-mrow {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 6px;
    padding: 8px;
  }

  .t1x2-theme .ba-mrow.has-g {
    grid-template-columns: 22px minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .t1x2-theme .ba-mrow-go,
  .t1x2-theme .ba-mrow .ba-av {
    display: none;
  }

  .t1x2-theme .ba-mrow-g {
    width: 22px;
    height: 22px;
  }

  .t1x2-theme .ba-opt {
    min-width: 56px;
    flex: 1 1 56px;
  }

  .t1x2-theme .ba-hide-sm {
    display: none;
  }

  .t1x2-theme .ba-table td,
  .t1x2-theme .ba-table th {
    padding-left: 4px;
    padding-right: 4px;
  }

  .t1x2-theme .ba-gtable .ba-badges,
  .t1x2-theme .ba-atable .ba-badges {
    display: none;
  }

  .t1x2-theme .ba-search,
  .t1x2-theme .ba-select {
    min-width: 0;
    width: 100%;
  }

  .t1x2-theme .ba-reg {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px 14px;
    padding: 12px;
  }

  .t1x2-theme .ba-reg-season {
    width: 70px;
    height: 70px;
    border-radius: 14px;
  }

  .t1x2-theme .ba-reg-season b {
    font-size: 25px;
  }

  .t1x2-theme .ba-reg-act {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .t1x2-theme .ba-reg-cancel {
    grid-column: 1 / -1;
    justify-self: end;
  }

  .t1x2-theme .ba-rnav small {
    display: none;
  }

  .t1x2-theme .ba-rnav a {
    padding: 6px 10px;
    font-size: 12.5px;
  }

  .t1x2-theme .ba-atable .ba-tier em {
    display: none;
  }

  .t1x2-theme .ba-cmp-row {
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    gap: 8px;
  }

  .t1x2-theme .ba-tips {
    table-layout: fixed;
  }

  .t1x2-theme .ba-tips th {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
  }

  .t1x2-theme .ba-tips th .ba-av {
    display: none;
  }

  .t1x2-theme .ba-tips th:nth-child(2) {
    width: 46%;
  }

  .t1x2-theme .ba-tip {
    width: 27%;
    padding: 6px 4px !important;
  }

  .t1x2-theme .ba-tip span {
    min-width: 0;
    padding: 4px 6px;
  }

  .t1x2-theme .ba-tip .ba-balls {
    display: flex;
    justify-content: center;
    margin: 3px 0 0;
    font-size: 12px;
  }

  .t1x2-theme .ba-tip-name b {
    font-size: 12.5px;
  }

  .t1x2-theme .ba-mypos .ba-rankcard {
    margin-left: 0;
    width: 100%;
  }

  .t1x2-theme .ba-offer .ba-offer-row {
    grid-template-columns: 28px minmax(0, 1fr) 30px;
  }

  .t1x2-theme .ba-offer .ba-offer-name,
  .t1x2-theme .ba-offer .ba-offer-tags,
  .t1x2-theme .ba-offer .ba-offer-preset {
    grid-column: 2 / 3;
  }

  .t1x2-theme .ba-offer .ba-offer-n {
    grid-row: span 4;
  }

  .t1x2-theme .ba-ph {
    padding: 18px;
  }

  .t1x2-theme .ba-ph .ba-av.is-xxl {
    width: 76px;
    height: 76px;
    font-size: 24px;
  }

  .t1x2-theme .ba-ph h1 {
    font-size: 25px;
  }
}

/* 11o. BET ARENA WIDGET ON THE HOME PAGE (php/cron/betarena_widget.html, while registrations are open)
   ------------------------------------------------------------------------ */
.t1x2-theme .gv-ba-promo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 18px;
  border: 0;
  border-radius: var(--gv-radius-sm);
  background: linear-gradient(125deg, #2a0030 0%, #37003c 40%, #5a0b66 100%);
  color: #fff;
  box-shadow: 0 16px 36px rgba(55, 0, 60, .28);
}

.t1x2-theme .gv-ba-promo-glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(240px 140px at 100% 0, rgba(0, 255, 133, .3), transparent 70%),
    radial-gradient(220px 160px at 0 100%, rgba(233, 0, 82, .35), transparent 70%);
}

.t1x2-theme .gv-ba-promo-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.t1x2-theme .gv-ba-promo-logo {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .1);
  color: #00ff85;
  font-size: 20px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}

.t1x2-theme .gv-ba-promo-top small {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #00ff85;
}

.t1x2-theme .gv-ba-promo-top b {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}

.t1x2-theme .gv-ba-promo-text {
  margin: 12px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .85);
}

.t1x2-theme .gv-ba-promo-text b {
  color: #fff;
}

.t1x2-theme .gv-ba-promo-fund {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}

.t1x2-theme .gv-ba-promo-fund span {
  padding: 7px 8px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  text-align: center;
}

.t1x2-theme .gv-ba-promo-fund small {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(255, 255, 255, .65);
}

.t1x2-theme .gv-ba-promo-fund b {
  font-size: 15px;
  font-weight: 900;
}

.t1x2-theme .gv-ba-promo-fund .is-gold b { color: #f6c343; }
.t1x2-theme .gv-ba-promo-fund .is-silver b { color: #d6dde6; }
.t1x2-theme .gv-ba-promo-fund .is-bronze b { color: #e2a173; }

.t1x2-theme .gv-ba-promo-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
  color: rgba(255, 255, 255, .75);
}

.t1x2-theme .gv-ba-promo-foot i {
  margin-right: 6px;
}

.t1x2-theme .gv-ba-promo-more {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.t1x2-theme .gv-ba-promo-more:hover {
  color: #00ff85;
}

.t1x2-theme .gv-ba-promo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  min-height: 44px;
  border-radius: 13px;
  background: #00ff85;
  color: #1d0526;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.t1x2-theme .gv-ba-promo-btn:hover {
  color: #1d0526;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 200, 110, .4);
}


/* 11p. BALKAN LIGA (t1x2_balkanliga.tpl: /balkanliga home, competitions, match, club, player,
   Free Agents, Hall of Fame, news, rules, administration; php/balkanliga/*, t1x2.js)
   Own identity: night stadium green, gold for trophies and the CTA, Premier League style
   tables with coloured zones; every competition has its own accent (--blk-accent).
   ------------------------------------------------------------------------ */
.t1x2-theme .blk-page {
  --blk-deep: #03211a;
  --blk-green: #0b6b47;
  --blk-green-2: #11865a;
  --blk-mint: #27c983;
  --blk-mint-ink: #0a8a55;
  --blk-mint-tint: rgba(39, 201, 131, .13);
  --blk-gold: #f2b631;
  --blk-gold-ink: #9a6400;
  --blk-gold-tint: rgba(242, 182, 49, .16);
  --blk-red: #e5484d;
  --blk-red-tint: rgba(229, 72, 77, .12);
  --blk-amber: #f59e0b;
  --blk-amber-tint: rgba(245, 158, 11, .14);
  --blk-grad: linear-gradient(135deg, #021b14 0%, #05402c 45%, #0a6446 78%, #0d7651 100%);
  --blk-accent: #0f7a52;
  --blk-r: 20px;
  --z-gore: #16a34a;
  --z-plejof: #eab308;
  --z-baraz: #7c3aed;
  --z-dole: #e5484d;
  --z-info: #3b82f6;
}

.t1x2-theme .blk-main {
  gap: 18px;
}

.t1x2-theme .blk-grid > .blk-rail {
  gap: 16px;
}

/* menu */
.t1x2-theme .blk-menu-title .blk-logo {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
  background: var(--blk-grad);
  color: var(--blk-gold);
  font-size: 18px;
  box-shadow: 0 6px 16px rgba(5, 64, 44, .3);
}

.t1x2-theme .blk-menu a.is-active {
  background: linear-gradient(90deg, rgba(11, 107, 71, .12), rgba(11, 107, 71, .02));
  color: var(--blk-green);
}

.t1x2-theme .blk-menu a.is-active i {
  color: var(--blk-gold-ink);
}

.t1x2-theme .blk-menu .gv-tp-menu-group:not(:first-child) {
  margin-top: 6px;
}

/* heading */
.t1x2-theme .blk-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.t1x2-theme .blk-head h1 {
  margin: 4px 0 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--gv-ink);
}

.t1x2-theme .blk-head p {
  margin: 6px 0 0;
  max-width: 780px;
  color: var(--gv-muted);
  font-size: 14px;
}

.t1x2-theme .blk-head-tools {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.t1x2-theme .blk-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--blk-green-2);
}

.t1x2-theme .blk-crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--gv-muted);
}

.t1x2-theme .blk-crumbs a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--blk-green);
  text-decoration: none;
}

.t1x2-theme .blk-crumbs > i {
  font-size: 9px;
  color: var(--gv-faint);
}

/* cards */
.t1x2-theme .blk-card,
.t1x2-theme .blk-widget {
  position: relative;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  border-radius: var(--blk-r);
  box-shadow: var(--gv-shadow-sm);
  padding: 18px 20px;
  min-width: 0;
}

.t1x2-theme .blk-card.is-hot {
  border-color: rgba(242, 182, 49, .55);
  box-shadow: 0 0 0 3px var(--blk-gold-tint), var(--gv-shadow-sm);
}

.t1x2-theme .blk-card-head,
.t1x2-theme .blk-widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.t1x2-theme .blk-card-head h2,
.t1x2-theme .blk-widget-head h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--gv-ink);
  min-width: 0;
}

.t1x2-theme .blk-widget-head h3 {
  font-size: 14.5px;
}

.t1x2-theme .blk-card-head h2 > i,
.t1x2-theme .blk-widget-head h3 > i {
  display: inline-grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--blk-grad);
  color: var(--blk-gold);
  font-size: 13px;
}

.t1x2-theme .blk-widget.is-yellow .blk-widget-head h3 > i {
  background: #f5c400;
  color: #3d3200;
}

.t1x2-theme .blk-widget.is-red .blk-widget-head h3 > i {
  background: var(--blk-red);
  color: #fff;
}

.t1x2-theme .blk-count {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--gv-sunken);
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 800;
}

.t1x2-theme .blk-card-more,
.t1x2-theme .blk-widget-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  color: var(--blk-green);
  text-decoration: none;
}

.t1x2-theme .blk-card-more:hover,
.t1x2-theme .blk-widget-btn:hover {
  color: var(--blk-green-2);
}

.t1x2-theme .blk-widget-btn {
  margin-top: 12px;
}

.t1x2-theme .blk-subhead {
  margin: 18px 0 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gv-muted);
}

.t1x2-theme .blk-card > .blk-subhead:first-child {
  margin-top: 0;
}

.t1x2-theme .blk-muted {
  margin: 10px 0 0;
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

.t1x2-theme .blk-faint {
  color: var(--gv-faint);
}

.t1x2-theme .blk-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--gv-line);
  background: var(--gv-surface);
  font-size: 14px;
  color: var(--gv-ink);
}

.t1x2-theme .blk-alert > i {
  margin-top: 2px;
  font-size: 17px;
  color: var(--blk-green);
}

.t1x2-theme .blk-alert.is-success {
  background: var(--blk-mint-tint);
  border-color: rgba(39, 201, 131, .3);
}

.t1x2-theme .blk-alert.is-warning {
  background: var(--blk-amber-tint);
  border-color: rgba(245, 158, 11, .35);
}

.t1x2-theme .blk-alert.is-warning > i {
  color: var(--blk-amber);
}

.t1x2-theme .blk-alert.is-danger {
  background: var(--blk-red-tint);
  border-color: rgba(229, 72, 77, .3);
}

.t1x2-theme .blk-alert.is-danger > i {
  color: var(--blk-red);
}

.t1x2-theme .blk-alert a {
  font-weight: 700;
  color: var(--blk-green);
}

.t1x2-theme .blk-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 26px 16px;
  text-align: center;
  color: var(--gv-muted);
}

.t1x2-theme .blk-empty > i {
  font-size: 26px;
  color: var(--gv-faint);
}

.t1x2-theme .blk-empty p {
  margin: 0;
  font-size: 14px;
}

.t1x2-theme .blk-empty a {
  color: var(--blk-green);
  font-weight: 700;
}

/* buttons, chips */
.t1x2-theme .blk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--blk-green);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.t1x2-theme .blk-btn:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(11, 107, 71, .25);
}

.t1x2-theme .blk-btn:disabled {
  opacity: .5;
  cursor: default;
  transform: none;
  box-shadow: none;
}

.t1x2-theme .blk-btn.is-green {
  background: var(--blk-green-2);
}

.t1x2-theme .blk-btn.is-gold {
  background: linear-gradient(180deg, #ffd25e, var(--blk-gold));
  color: #2f2000;
}

.t1x2-theme .blk-btn.is-gold:hover {
  color: #2f2000;
  box-shadow: 0 10px 22px rgba(242, 182, 49, .35);
}

.t1x2-theme .blk-btn.is-ghost {
  background: var(--gv-sunken);
  color: var(--gv-ink);
}

.t1x2-theme .blk-btn.is-ghost:hover {
  color: var(--gv-ink);
  box-shadow: none;
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-btn.is-danger {
  background: var(--blk-red-tint);
  color: var(--blk-red);
}

.t1x2-theme .blk-btn.is-danger:hover {
  color: #fff;
  background: var(--blk-red);
  box-shadow: none;
}

.t1x2-theme .blk-btn.is-sm {
  min-height: 34px;
  padding: 0 12px;
  font-size: 13px;
  border-radius: 10px;
}

.t1x2-theme .blk-btn.is-xs {
  min-height: 28px;
  padding: 0 9px;
  font-size: 12px;
  border-radius: 9px;
  gap: 5px;
}

.t1x2-theme .blk-btn.is-lg {
  min-height: 48px;
  padding: 0 24px;
  font-size: 15px;
}

.t1x2-theme .blk-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--gv-sunken);
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
}

.t1x2-theme .blk-chip.is-green {
  background: var(--blk-mint-tint);
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-chip.is-amber {
  background: var(--blk-amber-tint);
  color: #a15c00;
}

.t1x2-theme .blk-chip.is-red {
  background: var(--blk-red-tint);
  color: var(--blk-red);
}

.t1x2-theme .blk-chip.is-gold {
  background: var(--blk-gold);
  color: #2f2000;
}

.t1x2-theme .blk-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  animation: blk-pulse 1.4s ease-in-out infinite;
}

@keyframes blk-pulse {
  50% {
    opacity: .3;
  }
}

.t1x2-theme .blk-comp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 3px 9px 3px 7px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--c, var(--blk-green)) 13%, transparent);
  color: var(--c, var(--blk-green));
  font-size: 11.5px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t1x2-theme .blk-comp i {
  font-size: 10.5px;
}

.t1x2-theme .blk-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

/* selects, search */
.t1x2-theme .blk-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.t1x2-theme .blk-select > i {
  position: absolute;
  left: 12px;
  font-size: 12px;
  color: var(--blk-green);
  pointer-events: none;
}

.t1x2-theme .blk-select select {
  height: 40px;
  padding: 0 34px 0 34px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23889' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
  appearance: none;
  cursor: pointer;
}

.t1x2-theme .blk-select.is-sm select {
  height: 36px;
  padding-left: 14px;
}

.t1x2-theme .blk-search {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 12px;
}

.t1x2-theme .blk-search > i {
  position: absolute;
  left: 13px;
  font-size: 13px;
  color: var(--gv-faint);
}

.t1x2-theme .blk-search input {
  width: 100%;
  height: 40px;
  padding: 0 14px 0 36px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-input, var(--gv-sunken));
  color: var(--gv-ink);
  font-size: 14px;
}

/* avatars, crests, links */
.t1x2-theme .blk-av {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, #0d7651, #05402c);
  color: #fff;
}

.t1x2-theme .blk-av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t1x2-theme .blk-av > b {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}

.t1x2-theme .blk-av.is-xs {
  width: 22px;
  height: 22px;
}

.t1x2-theme .blk-av.is-xs > b {
  font-size: 8.5px;
}

.t1x2-theme .blk-av.is-md {
  width: 38px;
  height: 38px;
}

.t1x2-theme .blk-av.is-md > b {
  font-size: 13px;
}

.t1x2-theme .blk-av.is-xl {
  width: 96px;
  height: 96px;
  border: 3px solid var(--blk-gold);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}

.t1x2-theme .blk-av.is-xl > b {
  font-size: 32px;
}

.t1x2-theme .blk-crest {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
}

.t1x2-theme .blk-crest img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.t1x2-theme .blk-crest.is-txt,
.t1x2-theme .blk-crest.is-fallback {
  border-radius: 8px;
  background: linear-gradient(135deg, #e8eef0, #cfd9dd);
  color: #1d3a30;
}

.t1x2-theme .blk-crest.is-txt b,
.t1x2-theme .blk-crest.is-fallback b {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .02em;
}

.t1x2-theme .blk-crest.is-xxs {
  width: 14px;
  height: 14px;
}

.t1x2-theme .blk-crest.is-xxs b {
  display: none;
}

.t1x2-theme .blk-crest.is-xs {
  width: 20px;
  height: 20px;
}

.t1x2-theme .blk-crest.is-xs b {
  font-size: 7px;
}

.t1x2-theme .blk-crest.is-md {
  width: 40px;
  height: 40px;
}

.t1x2-theme .blk-crest.is-md b {
  font-size: 12px;
}

.t1x2-theme .blk-crest.is-lg {
  width: 64px;
  height: 64px;
}

.t1x2-theme .blk-crest.is-lg b {
  font-size: 18px;
}

.t1x2-theme .blk-crest.is-xl {
  width: 84px;
  height: 84px;
}

.t1x2-theme .blk-crest.is-xl b {
  font-size: 22px;
}

.t1x2-theme .blk-crest.is-xxl {
  width: 110px;
  height: 110px;
}

.t1x2-theme .blk-crest.is-xxl b {
  font-size: 28px;
}

.t1x2-theme .blk-crest.is-lg.is-txt,
.t1x2-theme .blk-crest.is-xl.is-txt,
.t1x2-theme .blk-crest.is-xxl.is-txt,
.t1x2-theme .blk-crest.is-lg.is-fallback,
.t1x2-theme .blk-crest.is-xl.is-fallback,
.t1x2-theme .blk-crest.is-xxl.is-fallback {
  border-radius: 24px 24px 50% 50%;
}

.t1x2-theme .blk-team {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme a.blk-team:hover .blk-team-name {
  color: var(--blk-green);
}

.t1x2-theme .blk-team-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .blk-player {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .blk-player > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .blk-player:hover > span {
  color: var(--blk-green);
}

.t1x2-theme .blk-cap {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: var(--blk-gold);
  color: #2f2000;
  font-size: 10.5px;
  font-weight: 900;
  font-style: normal;
}

.t1x2-theme .blk-cap.is-lg {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 16px;
  vertical-align: middle;
}

.t1x2-theme .blk-card-ic {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 13px;
  height: 17px;
  padding: 0 3px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 900;
  font-style: normal;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
}

.t1x2-theme .blk-card-ic.is-y {
  background: #ffd400;
  color: #3d3200;
}

.t1x2-theme .blk-card-ic.is-r {
  background: #e5262d;
  color: #fff;
}

/* countdown */
.t1x2-theme .blk-cd {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, .06);
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .blk-cd small {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gv-muted);
}

.t1x2-theme .blk-cd b {
  font-size: 15px;
  font-weight: 900;
  color: var(--blk-green);
}

/* hero */
.t1x2-theme .blk-hero,
.t1x2-theme .blk-mh,
.t1x2-theme .blk-club-hero,
.t1x2-theme .blk-player-hero {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: var(--blk-grad);
  color: #fff;
  box-shadow: 0 18px 40px rgba(3, 33, 26, .28);
}

.t1x2-theme .blk-hero-pitch {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 50%, transparent 0 74px, rgba(255, 255, 255, .09) 75px 77px, transparent 78px),
    linear-gradient(90deg, transparent calc(82% - 1px), rgba(255, 255, 255, .09) calc(82% - 1px) calc(82% + 1px), transparent calc(82% + 1px)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 56px, transparent 56px 112px),
    radial-gradient(ellipse at 15% -20%, rgba(255, 214, 102, .22), transparent 55%);
}

.t1x2-theme .blk-hero-inner {
  position: relative;
  padding: 30px 30px 24px;
}

.t1x2-theme .blk-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blk-gold);
}

.t1x2-theme .blk-hero h1 {
  margin: 8px 0 6px;
  font-size: 52px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  color: #fff;
  text-transform: uppercase;
}

.t1x2-theme .blk-hero h1 span {
  color: var(--blk-gold);
}

.t1x2-theme .blk-hero p {
  max-width: 560px;
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 14.5px;
}

.t1x2-theme .blk-hero-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.t1x2-theme .blk-hero-chip {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(4px);
}

.t1x2-theme .blk-hero-chip b {
  display: block;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
}

.t1x2-theme .blk-hero-chip small {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .62);
}

/* intro (guests, members without a club) */
.t1x2-theme .blk-intro {
  padding: 22px 22px 20px;
  border-radius: var(--blk-r);
  border: 1px solid rgba(242, 182, 49, .35);
  background: linear-gradient(180deg, var(--blk-gold-tint), transparent 60%), var(--gv-surface);
}

.t1x2-theme .blk-intro-head h2 {
  margin: 6px 0 4px;
  font-size: 22px;
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .blk-intro-head p {
  margin: 0;
  max-width: 760px;
  color: var(--gv-muted);
  font-size: 14px;
}

.t1x2-theme .blk-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 16px;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-steps li {
  display: flex;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
}

.t1x2-theme .blk-steps li > i {
  display: inline-grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--blk-grad);
  color: var(--blk-gold);
}

.t1x2-theme .blk-steps b {
  font-size: 14px;
  color: var(--gv-ink);
}

.t1x2-theme .blk-steps p {
  margin: 3px 0 0;
  color: var(--gv-muted);
  font-size: 13px;
  line-height: 1.5;
}

.t1x2-theme .blk-intro-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* my next matches */
.t1x2-theme .blk-next-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 14px;
}

.t1x2-theme .blk-next {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--gv-line);
  border-top: 4px solid var(--c, var(--blk-green));
  background: linear-gradient(180deg, color-mix(in srgb, var(--c, var(--blk-green)) 7%, transparent), transparent 40%), var(--gv-surface);
}

.t1x2-theme .blk-next header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.t1x2-theme .blk-next header small {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--gv-muted);
}

.t1x2-theme .blk-next-body {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .blk-next-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  text-align: center;
  text-decoration: none;
  color: var(--gv-ink);
}

.t1x2-theme .blk-next-team b {
  max-width: 100%;
  font-size: 13.5px;
  line-height: 1.25;
}

.t1x2-theme .blk-next-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .blk-vs {
  font-size: 18px;
  font-weight: 900;
  color: var(--gv-faint);
}

.t1x2-theme .blk-next-mid .blk-cd {
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 5px 9px;
}

.t1x2-theme .blk-next-mid .blk-cd b {
  font-size: 13px;
}

.t1x2-theme .blk-next-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 10px 0 0;
  border-top: 1px dashed var(--gv-line-strong);
  list-style: none;
  font-size: 12.5px;
  color: var(--gv-muted);
}

.t1x2-theme .blk-next-info i {
  width: 16px;
  margin-right: 6px;
  color: var(--blk-green-2);
}

.t1x2-theme .blk-next footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
}

/* ---- standings (Premier League look) ---- */
.t1x2-theme .blk-tablewrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.t1x2-theme .blk-standings {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13.5px;
}

.t1x2-theme .blk-standings thead th {
  padding: 8px 8px;
  border-bottom: 2px solid var(--blk-accent);
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

.t1x2-theme .blk-standings th.is-club {
  text-align: left;
}

.t1x2-theme .blk-standings td {
  padding: 7px 8px;
  border-bottom: 1px solid var(--gv-line);
  text-align: center;
  color: var(--gv-ink);
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .blk-standings td.is-club {
  max-width: 0;
  width: 100%;
  text-align: left;
}

.t1x2-theme .blk-standings td.is-pos {
  position: relative;
  width: 40px;
  padding-left: 12px;
}

.t1x2-theme .blk-standings td.is-pos span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .blk-standings td.is-pos::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: transparent;
}

.t1x2-theme .blk-standings td.is-pts {
  font-size: 14.5px;
}

.t1x2-theme .blk-standings td.is-pts b {
  font-weight: 900;
}

.t1x2-theme .blk-standings td.is-gd,
.t1x2-theme .blk-standings td.is-goals {
  color: var(--gv-muted);
  font-weight: 600;
}

/* GR column: goal difference; on phones the goals scored:conceded instead (blk_table_html) */
.t1x2-theme .blk-standings .blk-gd-narrow {
  display: none;
}

.t1x2-theme .blk-standings td.is-gd {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .t1x2-theme .blk-standings .blk-gd-wide {
    display: none;
  }

  .t1x2-theme .blk-standings .blk-gd-narrow {
    display: inline;
  }
}

.t1x2-theme .blk-standings tbody tr {
  transition: background .12s ease;
}

.t1x2-theme .blk-standings tbody tr:hover td {
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-standings tr.is-first td {
  background: color-mix(in srgb, var(--blk-gold) 11%, transparent);
}

.t1x2-theme .blk-standings tr.is-first td.is-pos span {
  background: var(--blk-gold);
  color: #2f2000;
}

.t1x2-theme .blk-standings tr.z-gore td.is-pos::before {
  background: var(--z-gore);
}

.t1x2-theme .blk-standings tr.z-gore td.is-pos span {
  background: color-mix(in srgb, var(--z-gore) 16%, transparent);
  color: var(--z-gore);
}

.t1x2-theme .blk-standings tr.z-plejof td.is-pos::before {
  background: var(--z-plejof);
}

.t1x2-theme .blk-standings tr.z-plejof td.is-pos span {
  background: color-mix(in srgb, var(--z-plejof) 22%, transparent);
  color: #8a6500;
}

.t1x2-theme .blk-standings tr.z-baraz td.is-pos::before {
  background: var(--z-baraz);
}

.t1x2-theme .blk-standings tr.z-baraz td.is-pos span {
  background: color-mix(in srgb, var(--z-baraz) 14%, transparent);
  color: #6d28d9;
}

.t1x2-theme .blk-standings tr.z-dole td.is-pos::before {
  background: var(--z-dole);
}

.t1x2-theme .blk-standings tr.z-dole td {
  background: color-mix(in srgb, var(--z-dole) 5%, transparent);
}

.t1x2-theme .blk-standings tr.z-dole td.is-pos span {
  background: color-mix(in srgb, var(--z-dole) 16%, transparent);
  color: var(--z-dole);
}

.t1x2-theme .blk-standings tr.z-info td.is-pos::before {
  background: var(--z-info);
}

.t1x2-theme .blk-standings tr.is-mine td {
  background: var(--blk-gold-tint) !important;
}

.t1x2-theme .blk-standings tr.is-mine td.is-club .blk-team-name::after {
  content: "TVOJ KLUB";
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 5px;
  background: var(--blk-gold);
  color: #2f2000;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  vertical-align: 2px;
}

.t1x2-theme .blk-standings.is-compact tr.is-mine td.is-club .blk-team-name::after {
  content: none;
}

.t1x2-theme .blk-standings .is-form span {
  display: inline-flex;
  gap: 3px;
}

.t1x2-theme .blk-fm {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 9.5px;
  font-weight: 900;
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .blk-fm.is-w {
  background: #16a34a;
}

.t1x2-theme .blk-fm.is-d {
  background: #8b95a1;
}

.t1x2-theme .blk-fm.is-l {
  background: var(--blk-red);
}

.t1x2-theme .blk-fm:hover {
  color: #fff;
  transform: scale(1.12);
}

.t1x2-theme .blk-standings.is-compact {
  font-size: 12.5px;
}

.t1x2-theme .blk-standings.is-compact thead th {
  padding: 6px 4px;
  font-size: 10px;
}

.t1x2-theme .blk-standings.is-compact td {
  padding: 4px 4px;
}

.t1x2-theme .blk-standings.is-compact td.is-pos {
  width: 30px;
  padding-left: 8px;
}

.t1x2-theme .blk-standings.is-compact td.is-pos span {
  width: 20px;
  height: 20px;
  font-size: 11px;
}

.t1x2-theme .blk-standings.is-compact .blk-team {
  gap: 7px;
  font-size: 12.5px;
}

.t1x2-theme .blk-standings.is-compact td.is-pts {
  font-size: 13px;
}

.t1x2-theme .blk-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: var(--gv-muted);
}

.t1x2-theme .blk-legend li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 3px;
  vertical-align: -1px;
  background: var(--gv-faint);
}

.t1x2-theme .blk-legend .z-gore::before {
  background: var(--z-gore);
}

.t1x2-theme .blk-legend .z-plejof::before {
  background: var(--z-plejof);
}

.t1x2-theme .blk-legend .z-baraz::before {
  background: var(--z-baraz);
}

.t1x2-theme .blk-legend .z-dole::before {
  background: var(--z-dole);
}

.t1x2-theme .blk-legend .z-info::before {
  background: var(--z-info);
}

/* generic tables */
.t1x2-theme .blk-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.t1x2-theme .blk-table th {
  padding: 8px 8px;
  border-bottom: 1px solid var(--gv-line-strong);
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

.t1x2-theme .blk-table td {
  padding: 8px 8px;
  border-bottom: 1px solid var(--gv-line);
  text-align: center;
  color: var(--gv-ink);
  vertical-align: middle;
}

.t1x2-theme .blk-table .is-left {
  text-align: left;
}

.t1x2-theme .blk-table td.is-value {
  font-weight: 800;
  color: var(--blk-green);
  white-space: nowrap;
}

.t1x2-theme .blk-table td.is-act {
  white-space: nowrap;
  text-align: right;
}

.t1x2-theme .blk-table td.is-act > * {
  vertical-align: middle;
}

.t1x2-theme .blk-table tr.is-mine td {
  background: var(--blk-gold-tint);
}

.t1x2-theme .blk-table tbody tr:hover td {
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-table td.is-pos span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: var(--gv-sunken);
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .blk-myteam .blk-th-group {
  border-bottom: 2px solid var(--c, var(--blk-green));
  color: var(--c, var(--blk-green));
}

.t1x2-theme .blk-myteam tr.is-sub th {
  padding-top: 4px;
  font-size: 11px;
}

/* news cards */
.t1x2-theme .blk-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.t1x2-theme .blk-news-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.t1x2-theme .blk-news {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--gv-line);
  background: var(--gv-surface);
}

.t1x2-theme .blk-news-list .blk-news.is-big {
  grid-column: 1 / -1;
  flex-direction: row;
}

.t1x2-theme .blk-news-img {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  background: var(--blk-grad);
  color: rgba(255, 255, 255, .5);
  font-size: 26px;
  overflow: hidden;
}

.t1x2-theme .blk-news.is-big .blk-news-img {
  flex: 0 0 52%;
  aspect-ratio: auto;
  min-height: 240px;
}

.t1x2-theme .blk-news-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.t1x2-theme .blk-news:hover .blk-news-img img {
  transform: scale(1.04);
}

.t1x2-theme .blk-news-cat {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 3px 9px;
  border-radius: 7px;
  background: var(--blk-gold);
  color: #2f2000;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.t1x2-theme .blk-news-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px 14px;
}

.t1x2-theme .blk-news.is-big .blk-news-body {
  padding: 22px;
  justify-content: center;
}

.t1x2-theme .blk-news-body h3 {
  margin: 0;
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1.35;
}

.t1x2-theme .blk-news.is-big .blk-news-body h3 {
  font-size: 21px;
}

.t1x2-theme .blk-news-body h3 a {
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .blk-news-body h3 a:hover {
  color: var(--blk-green);
}

.t1x2-theme .blk-news-body p {
  margin: 0;
  color: var(--gv-muted);
  font-size: 13.5px;
  line-height: 1.6;
}

.t1x2-theme .blk-news-body small {
  margin-top: auto;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .blk-news-body small i {
  margin-right: 4px;
}

/* comments in the right column and lists */
.t1x2-theme .blk-coms {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-coms a {
  display: flex;
  gap: 10px;
  padding: 7px 6px;
  border-radius: 12px;
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13px;
  line-height: 1.4;
}

.t1x2-theme .blk-coms a:hover {
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-coms span {
  min-width: 0;
}

.t1x2-theme .blk-coms small {
  display: block;
  margin-top: 2px;
  color: var(--gv-muted);
  font-size: 11.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t1x2-theme .blk-coms.is-news {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* transfers */
.t1x2-theme .blk-transfers {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-transfers li {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr) auto;
  align-items: center;
  gap: 12px;
  padding: 9px 4px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .blk-transfers li:last-child {
  border-bottom: 0;
}

.t1x2-theme .blk-tr-move {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 13px;
}

.t1x2-theme .blk-tr-move > i {
  color: var(--blk-gold);
  font-size: 12px;
}

.t1x2-theme .blk-tr-club {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .blk-tr-club.is-fa {
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-tr-club.is-none {
  color: var(--gv-muted);
  font-weight: 600;
}

.t1x2-theme .blk-transfers small,
.t1x2-theme .blk-trmini small {
  color: var(--gv-muted);
  font-size: 11.5px;
  white-space: nowrap;
}

.t1x2-theme .blk-trmini {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-trmini li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
}

.t1x2-theme .blk-trmini li > :nth-child(2) {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-trdir {
  display: inline-grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  font-size: 11px;
}

.t1x2-theme .blk-trdir.is-in {
  background: var(--blk-mint-tint);
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-trdir.is-out {
  background: var(--blk-red-tint);
  color: var(--blk-red);
}

/* overview of all competitions */
.t1x2-theme .blk-ov-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.t1x2-theme .blk-ov h3 {
  margin: 0 0 8px;
  padding-left: 10px;
  border-left: 4px solid var(--c, var(--blk-green));
  font-size: 14px;
  font-weight: 800;
}

.t1x2-theme .blk-ov h3 a {
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .blk-ov h3 a:hover {
  color: var(--c, var(--blk-green));
}

.t1x2-theme .blk-ov .blk-standings thead th {
  border-bottom-color: var(--c, var(--blk-green));
}

.t1x2-theme .blk-ov.is-cup {
  margin-top: 18px;
}

.t1x2-theme .blk-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.t1x2-theme .blk-groups.is-mini {
  gap: 12px;
}

.t1x2-theme .blk-group h3,
.t1x2-theme .blk-groups h4 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--blk-accent);
}

/* competition page */
.t1x2-theme .blk-comp-head {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding: 22px 24px;
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--c) 92%, #000) 0%, color-mix(in srgb, var(--c) 70%, #021b14) 60%, #021b14 100%);
  color: #fff;
  box-shadow: 0 14px 34px rgba(3, 33, 26, .22);
}

.t1x2-theme .blk-comp-head::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 46px, transparent 46px 92px);
}

.t1x2-theme .blk-comp-head > * {
  position: relative;
  z-index: 1;
}

.t1x2-theme .blk-comp-head .blk-kicker {
  color: var(--blk-gold);
}

.t1x2-theme .blk-comp-head h1 {
  margin: 6px 0 0;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: #fff;
}

.t1x2-theme .blk-comp-head .blk-chip {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.t1x2-theme .blk-comp-head .blk-chip.is-green {
  background: rgba(39, 201, 131, .25);
}

.t1x2-theme .blk-comp-head .blk-select select {
  border-color: rgba(255, 255, 255, .25);
  background-color: rgba(255, 255, 255, .12);
  color: #fff;
}

.t1x2-theme .blk-comp-head .blk-select select option {
  color: #14161a;
}

.t1x2-theme .blk-comp-head .blk-select > i {
  color: var(--blk-gold);
}

.t1x2-theme .blk-page[style*="--blk-accent"] .blk-standings thead th {
  border-bottom-color: var(--blk-accent);
}

/* rounds: navigation and match rows */
.t1x2-theme .blk-rnav {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.t1x2-theme .blk-rnav > a {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 11px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .blk-rnav > a:hover {
  background: var(--blk-green);
  color: #fff;
}

.t1x2-theme .blk-rnav .blk-select {
  justify-self: center;
}

.t1x2-theme .blk-mlist {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.t1x2-theme .blk-mlist-group {
  margin: 10px 0 2px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--blk-accent);
}

.t1x2-theme .blk-mrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 13px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: background .12s ease, transform .12s ease;
}

.t1x2-theme .blk-mrow:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-mrow.is-mine {
  background: var(--blk-gold-tint);
  box-shadow: inset 3px 0 0 var(--blk-gold);
}

.t1x2-theme .blk-mrow-team {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.t1x2-theme .blk-mrow-name {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .blk-mrow-team.is-home {
  justify-content: flex-end;
  text-align: right;
}

.t1x2-theme .blk-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 62px;
  padding: 4px 10px;
  border-radius: 9px;
  background: var(--blk-deep);
  color: #fff;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .blk-score i {
  font-style: normal;
  opacity: .6;
}

.t1x2-theme .blk-score b.is-win {
  color: var(--blk-gold);
}

.t1x2-theme .blk-score.is-time {
  background: var(--gv-surface);
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 800;
  border: 1px solid var(--gv-line-strong);
}

.t1x2-theme .blk-mrow.is-live .blk-score.is-time {
  border-color: var(--blk-red);
  color: var(--blk-red);
}

.t1x2-theme .blk-mlist.is-rail .blk-mrow {
  gap: 6px;
  padding: 6px 8px;
  font-size: 12px;
}

.t1x2-theme .blk-mlist.is-rail .blk-score {
  min-width: 46px;
  padding: 3px 6px;
  font-size: 12px;
}

/* knockout bracket */
.t1x2-theme .blk-bracket {
  display: grid;
  grid-template-columns: repeat(var(--cols, 3), minmax(190px, 1fr));
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 6px;
}

.t1x2-theme .blk-bracket-col {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 10px;
  min-width: 0;
}

.t1x2-theme .blk-bracket-col h3 {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--blk-accent);
  text-align: center;
}

.t1x2-theme .blk-tie {
  border: 1px solid var(--gv-line-strong);
  border-radius: 14px;
  background: var(--gv-surface);
  overflow: hidden;
}

.t1x2-theme .blk-tie-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  font-size: 13px;
}

.t1x2-theme .blk-tie-team + .blk-tie-team {
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .blk-tie-team.is-win {
  background: var(--blk-mint-tint);
}

.t1x2-theme .blk-tie-team.is-win .blk-team {
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-tie-team.is-out .blk-team {
  color: var(--gv-muted);
  font-weight: 600;
}

.t1x2-theme .blk-tie-team.is-mine {
  box-shadow: inset 3px 0 0 var(--blk-gold);
}

.t1x2-theme .blk-tie-agg {
  min-width: 22px;
  font-weight: 900;
  text-align: right;
}

.t1x2-theme .blk-tie-legs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-tie-legs a {
  padding: 1px 7px;
  border-radius: 6px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 11.5px;
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .blk-tie-legs a:hover {
  background: var(--blk-green);
  color: #fff;
}

.t1x2-theme .blk-tie-how {
  margin-left: auto;
  color: var(--blk-gold-ink);
  font-size: 11px;
  font-weight: 800;
}

/* the final */
.t1x2-theme .blk-final {
  position: relative;
  padding: 20px 22px;
  border-radius: 24px;
  text-align: center;
  background:
    radial-gradient(ellipse at 50% -30%, rgba(255, 214, 102, .35), transparent 60%),
    linear-gradient(140deg, color-mix(in srgb, var(--blk-accent) 85%, #000), #021b14);
  color: #fff;
  box-shadow: 0 16px 36px rgba(3, 33, 26, .25);
}

.t1x2-theme .blk-final .blk-kicker {
  color: var(--blk-gold);
}

.t1x2-theme .blk-final-body {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.t1x2-theme .blk-final-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .blk-final-team b {
  font-size: 16px;
  font-weight: 900;
}

.t1x2-theme .blk-final-team.is-win .blk-crest {
  filter: drop-shadow(0 0 16px rgba(255, 214, 102, .65));
}

.t1x2-theme .blk-final-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 34px;
  font-weight: 900;
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .blk-final-score small {
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .blk-final .blk-muted {
  color: rgba(255, 255, 255, .7);
}

/* right column */
.t1x2-theme .blk-winners {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background:
    radial-gradient(ellipse at 100% 0, rgba(255, 214, 102, .22), transparent 55%),
    var(--blk-grad);
  border: 0;
  color: #fff;
}

.t1x2-theme .blk-winners .blk-widget-head h3 {
  color: #fff;
}

.t1x2-theme .blk-winners .blk-widget-head h3 > i {
  background: var(--blk-gold);
  color: #2f2000;
}

.t1x2-theme .blk-winner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .blk-winner:hover {
  color: #fff;
  background: rgba(255, 255, 255, .13);
}

.t1x2-theme .blk-winner > img {
  flex: 0 0 34px;
  width: 34px;
  height: 46px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  padding: 2px;
}

.t1x2-theme .blk-winner > span:not(.blk-crest) {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-winner small {
  display: block;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--blk-gold);
}

.t1x2-theme .blk-winner b {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
}

.t1x2-theme .blk-champs,
.t1x2-theme .blk-leaders,
.t1x2-theme .blk-newsmini {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-champs li,
.t1x2-theme .blk-leaders li {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 4px;
  border-bottom: 1px solid var(--gv-line);
  font-size: 13px;
}

.t1x2-theme .blk-champs li:last-child,
.t1x2-theme .blk-leaders li:last-child {
  border-bottom: 0;
}

.t1x2-theme .blk-rank {
  display: inline-grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: var(--gv-sunken);
  font-size: 11px;
  font-weight: 900;
  color: var(--gv-muted);
}

.t1x2-theme .blk-champs li:first-child .blk-rank,
.t1x2-theme .blk-leaders li:first-child .blk-rank {
  background: var(--blk-gold);
  color: #2f2000;
}

.t1x2-theme .blk-champs .blk-team {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-champs-n {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 900;
  color: var(--blk-gold-ink);
}

.t1x2-theme .blk-champs small {
  color: var(--gv-muted);
  font-size: 11px;
  white-space: nowrap;
}

.t1x2-theme .blk-leaders-who {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-leaders-who a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .blk-leaders-who a:hover {
  color: var(--blk-green);
}

.t1x2-theme .blk-leaders-who small {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-leaders-v {
  font-weight: 900;
  white-space: nowrap;
}

.t1x2-theme .blk-leaders.is-value .blk-leaders-v {
  color: var(--blk-green);
  font-size: 12.5px;
}

.t1x2-theme .blk-leaders.is-goals .blk-leaders-v {
  font-size: 16px;
}

.t1x2-theme .blk-newsmini a {
  display: flex;
  flex-direction: column;
  padding: 8px 4px;
  border-bottom: 1px solid var(--gv-line);
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13px;
}

.t1x2-theme .blk-newsmini a:hover b {
  color: var(--blk-green);
}

.t1x2-theme .blk-newsmini small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-railtable .blk-standings.is-compact td {
  padding: 3px 3px;
}

/* ---- match page ---- */
.t1x2-theme .blk-mh {
  padding: 18px 22px 18px;
}

.t1x2-theme .blk-mh-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12.5px;
}

.t1x2-theme .blk-mh-top .blk-comp {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.t1x2-theme .blk-mh-top b {
  color: var(--blk-gold);
  font-weight: 800;
  letter-spacing: .03em;
}

.t1x2-theme .blk-mh-body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  margin: 18px 0 12px;
}

.t1x2-theme .blk-mh-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.t1x2-theme .blk-mh-team:hover {
  color: #fff;
}

.t1x2-theme .blk-mh-team b {
  font-size: 19px;
  font-weight: 900;
  line-height: 1.2;
}

.t1x2-theme .blk-mh-team small {
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
}

.t1x2-theme .blk-mh-team.is-win .blk-crest {
  filter: drop-shadow(0 0 18px rgba(255, 214, 102, .55));
}

.t1x2-theme .blk-mh-team .blk-crest.is-txt,
.t1x2-theme .blk-mh-team .blk-crest.is-fallback,
.t1x2-theme .blk-club-hero .blk-crest.is-txt,
.t1x2-theme .blk-club-hero .blk-crest.is-fallback {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.t1x2-theme .blk-mh-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .blk-mh-score {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .3);
  font-size: 46px;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .blk-mh-score i {
  font-style: normal;
  color: var(--blk-gold);
}

.t1x2-theme .blk-mh-score.is-vs {
  font-size: 26px;
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .blk-mh-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .7);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .blk-mh-note.is-live {
  color: #ff8d90;
}

.t1x2-theme .blk-mh .blk-cd,
.t1x2-theme .blk-hero .blk-cd {
  background: rgba(255, 255, 255, .12);
}

.t1x2-theme .blk-mh .blk-cd small {
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .blk-mh .blk-cd b {
  color: var(--blk-gold);
}

.t1x2-theme .blk-mh-info {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12.5px;
  color: rgba(255, 255, 255, .78);
}

.t1x2-theme .blk-mh-info i {
  margin-right: 6px;
  color: var(--blk-gold);
}

/* tips side by side */
.t1x2-theme .blk-tips {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  font-size: 13.5px;
}

.t1x2-theme .blk-tips th {
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 800;
  color: var(--gv-muted);
  text-align: center;
  white-space: nowrap;
}

.t1x2-theme .blk-tips th .blk-crest {
  margin-right: 6px;
  vertical-align: middle;
}

.t1x2-theme .blk-tips td {
  padding: 8px 10px;
  background: var(--gv-sunken);
  text-align: center;
  vertical-align: middle;
}

.t1x2-theme .blk-tips td:first-child {
  border-radius: 14px 0 0 14px;
}

.t1x2-theme .blk-tips td:last-child {
  border-radius: 0 14px 14px 0;
}

.t1x2-theme .blk-tip {
  width: 30%;
}

.t1x2-theme .blk-tip-who {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  margin-bottom: 5px;
  font-size: 12px;
}

.t1x2-theme .blk-tip-who a {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gv-ink);
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .blk-tip-bet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .blk-tip-bet > span {
  display: inline-block;
  min-width: 44px;
  padding: 4px 9px;
  border-radius: 9px;
  background: var(--gv-surface);
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .blk-tip.is-hit .blk-tip-bet > span {
  background: var(--blk-mint);
  color: #03211a;
}

.t1x2-theme .blk-tip.is-miss .blk-tip-bet > span {
  color: var(--gv-muted);
}

.t1x2-theme .blk-tip.is-red .blk-tip-bet > span {
  background: var(--blk-red-tint);
  color: var(--blk-red);
}

.t1x2-theme .blk-tip.is-void .blk-tip-bet > span {
  color: var(--gv-faint);
}

.t1x2-theme .blk-tip.is-struck .blk-tip-bet > span {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  opacity: .8;
}

.t1x2-theme .blk-tip.is-struck .blk-tip-who a {
  text-decoration: line-through;
  color: var(--gv-muted);
}

.t1x2-theme .blk-tip.is-none span {
  color: var(--gv-faint);
}

.t1x2-theme .blk-balls {
  display: inline-flex;
  gap: 2px;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: var(--gv-ink);
}

.t1x2-theme .blk-tip-why {
  display: block;
  margin-top: 4px;
  color: var(--blk-red);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.t1x2-theme .blk-tip-match b {
  display: block;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .blk-tip-match small {
  color: var(--blk-mint-ink);
  font-size: 11.5px;
  font-weight: 800;
}

/* tip form (my club, before the start) */
.t1x2-theme .blk-bet-note {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--blk-mint-tint);
  font-size: 13px;
  line-height: 1.55;
  color: var(--gv-ink);
}

.t1x2-theme .blk-bet-note > i {
  margin-top: 2px;
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-bet-note p {
  margin: 0;
}

.t1x2-theme .blk-bet-progress {
  margin: 12px 0 6px;
  font-size: 13px;
  color: var(--gv-muted);
}

.t1x2-theme .blk-bet-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-bet-item {
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--gv-line-strong);
  background: var(--gv-surface);
}

.t1x2-theme .blk-bet-item.is-own {
  border-color: rgba(242, 182, 49, .6);
  box-shadow: 0 0 0 3px var(--blk-gold-tint);
}

.t1x2-theme .blk-bet-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.t1x2-theme .blk-bet-head > b {
  flex: 1 1 220px;
  font-size: 15px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .blk-bet-who {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--gv-muted);
}

.t1x2-theme .blk-bet-who em {
  font-style: normal;
  color: var(--blk-gold-ink);
}

.t1x2-theme .blk-bet-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.t1x2-theme .blk-opt {
  min-width: 46px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 11px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: background .12s ease, transform .12s ease;
}

.t1x2-theme .blk-opt:hover {
  border-color: var(--blk-green);
  transform: translateY(-1px);
}

.t1x2-theme .blk-opt.is-two {
  background: var(--gv-sunken);
}

.t1x2-theme .blk-opt.is-on {
  background: var(--blk-green);
  border-color: var(--blk-green);
  color: #fff;
}

.t1x2-theme .blk-opt.is-two.is-on {
  background: linear-gradient(180deg, #ffd25e, var(--blk-gold));
  border-color: var(--blk-gold);
  color: #2f2000;
}

.t1x2-theme .blk-opt:disabled {
  opacity: .5;
}

.t1x2-theme .blk-bet-warn {
  display: flex;
  gap: 8px;
  margin: 10px 0 0;
  color: #a15c00;
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .blk-msg:empty {
  display: none;
}

.t1x2-theme .blk-msg {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--blk-mint-tint);
  color: var(--blk-mint-ink);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .blk-msg.is-error {
  background: var(--blk-red-tint);
  color: var(--blk-red);
}

.t1x2-theme .blk-msg ul {
  margin: 6px 0 0;
  padding-left: 18px;
  font-weight: 600;
}

/* line-ups */
.t1x2-theme .blk-lineups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.t1x2-theme .blk-lineup h3 {
  margin: 0 0 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--blk-accent);
  font-size: 15px;
}

.t1x2-theme .blk-lineup ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-lineup li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 4px;
  border-bottom: 1px solid var(--gv-line);
  font-size: 13px;
}

.t1x2-theme .blk-lineup-stats {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .blk-lineup-stats i {
  margin-right: 3px;
  color: var(--gv-muted);
}

.t1x2-theme .blk-lineup-stats small {
  color: var(--blk-green);
  font-weight: 800;
}

/* duels */
.t1x2-theme .blk-h2h-sum {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-h2h-side,
.t1x2-theme .blk-h2h-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.t1x2-theme .blk-h2h-side b,
.t1x2-theme .blk-h2h-mid > b {
  font-size: 24px;
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .blk-h2h-side small,
.t1x2-theme .blk-h2h-mid small {
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.t1x2-theme .blk-h2h-bar {
  display: flex;
  width: 100%;
  height: 8px;
  margin: 6px 0;
  border-radius: 999px;
  overflow: hidden;
  background: var(--gv-surface);
}

.t1x2-theme .blk-h2h-bar i:nth-child(1) {
  background: var(--blk-green-2);
}

.t1x2-theme .blk-h2h-bar i:nth-child(2) {
  background: #9aa3ad;
}

.t1x2-theme .blk-h2h-bar i:nth-child(3) {
  background: var(--blk-gold);
}

.t1x2-theme .blk-h2h {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.t1x2-theme .blk-h2h-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 7px 10px;
  border-radius: 12px;
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13px;
}

.t1x2-theme .blk-h2h-row:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-h2h-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .blk-h2h-info b,
.t1x2-theme .blk-h2h-info small {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t1x2-theme .blk-h2h-info small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-h2h-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  color: var(--gv-muted);
}

.t1x2-theme .blk-h2h-score b {
  padding: 3px 9px;
  border-radius: 8px;
  background: var(--blk-deep);
  color: #fff;
  font-size: 13px;
}

.t1x2-theme .blk-h2h-score .is-win {
  color: var(--gv-ink);
}

.t1x2-theme .blk-res {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.t1x2-theme .blk-res.is-w {
  background: #16a34a;
}

.t1x2-theme .blk-res.is-d {
  background: #8b95a1;
}

.t1x2-theme .blk-res.is-l {
  background: var(--blk-red);
}

.t1x2-theme details.blk-more {
  margin-top: 10px;
}

.t1x2-theme details.blk-more > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 10px;
  background: var(--gv-sunken);
  color: var(--blk-green);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.t1x2-theme details.blk-more > summary::-webkit-details-marker {
  display: none;
}

.t1x2-theme details.blk-more > summary::before {
  content: "\f078";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
}

.t1x2-theme details.blk-more[open] > summary::before {
  content: "\f077";
}

.t1x2-theme details.blk-more[open] > summary {
  margin-bottom: 8px;
}

/* comments */
.t1x2-theme .blk-com-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 14px;
  background: var(--gv-input, var(--gv-sunken));
  color: var(--gv-ink);
  font-size: 14px;
  resize: vertical;
}

.t1x2-theme .blk-com-form > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}

.t1x2-theme .blk-com-form small {
  color: var(--gv-muted);
}

.t1x2-theme .blk-com-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-com {
  display: flex;
  gap: 12px;
}

.t1x2-theme .blk-com > div {
  flex: 1;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 4px 16px 16px 16px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-com-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.t1x2-theme .blk-com-head a,
.t1x2-theme .blk-com-head b {
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13.5px;
}

.t1x2-theme .blk-com-head small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .blk-com-head small a {
  font-size: 12px;
  color: var(--blk-green);
}

.t1x2-theme .blk-com-head small i {
  margin-right: 4px;
}

.t1x2-theme .blk-com-del {
  margin-left: auto;
  border: 0;
  background: none;
  color: var(--gv-faint);
  cursor: pointer;
}

.t1x2-theme .blk-com-del:hover {
  color: var(--blk-red);
}

.t1x2-theme .blk-com p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--gv-ink);
  overflow-wrap: anywhere;
}

/* ---- club ---- */
.t1x2-theme .blk-club-hero {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 24px 26px;
}

.t1x2-theme .blk-club-hero > *:not(.blk-hero-pitch) {
  position: relative;
}

.t1x2-theme .blk-club-hero .blk-kicker {
  color: var(--blk-gold);
}

.t1x2-theme .blk-club-hero h1 {
  margin: 6px 0 8px;
  font-size: 34px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -.02em;
}

.t1x2-theme .blk-club-info {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: rgba(255, 255, 255, .8);
  font-size: 13.5px;
}

.t1x2-theme .blk-club-info i {
  margin-right: 6px;
  color: var(--blk-gold);
}

.t1x2-theme .blk-trophyroom {
  background:
    linear-gradient(180deg, rgba(242, 182, 49, .1), transparent 50%),
    var(--gv-surface);
}

.t1x2-theme .blk-trophies {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
}

.t1x2-theme .blk-trophy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 10px 12px;
  border-radius: 18px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  text-align: center;
}

.t1x2-theme .blk-trophy-img {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 140px;
  border-radius: 14px;
  background: radial-gradient(ellipse at 50% 85%, rgba(242, 182, 49, .3), transparent 65%), #fff;
}

.t1x2-theme .blk-trophy-img img {
  max-width: 82%;
  max-height: 128px;
  object-fit: contain;
}

.t1x2-theme .blk-trophy.is-medal .blk-trophy-img img {
  max-height: 104px;
}

.t1x2-theme .blk-trophy-n {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--blk-deep);
  color: var(--blk-gold);
  font-size: 15px;
  font-weight: 900;
}

.t1x2-theme .blk-trophy > b {
  font-size: 13px;
  color: var(--gv-ink);
}

.t1x2-theme .blk-trophy > small {
  color: var(--gv-muted);
  font-size: 11.5px;
  line-height: 1.4;
}

.t1x2-theme .blk-trophy.is-sm .blk-trophy-img {
  height: 104px;
}

.t1x2-theme .blk-trophy.is-sm .blk-trophy-img img {
  max-height: 92px;
}


.t1x2-theme .blk-inline-form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--gv-line-strong);
}

.t1x2-theme .blk-inline-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  font-size: 12px;
  font-weight: 800;
  color: var(--gv-muted);
}

.t1x2-theme .blk-inline-form select {
  height: 34px;
  padding: 0 10px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 10px;
  background: var(--gv-surface);
  color: var(--gv-ink);
}

.t1x2-theme .blk-cs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .blk-cs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 10px 14px;
  border-radius: 14px;
  border-left: 4px solid var(--c, var(--blk-green));
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13px;
}

.t1x2-theme .blk-cs:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-cs-comp {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 180px;
}

.t1x2-theme .blk-cs-comp small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-cs-pos {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.t1x2-theme .blk-cs-pos b {
  font-size: 22px;
  font-weight: 900;
  color: var(--c, var(--blk-green));
}

.t1x2-theme .blk-cs-pos small {
  color: var(--gv-muted);
}

.t1x2-theme .blk-cs-rec {
  color: var(--gv-muted);
}

.t1x2-theme .blk-lasts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .blk-last small {
  display: block;
  margin: 0 0 3px 4px;
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-last > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .blk-last .blk-mrow {
  flex: 1;
  min-width: 0;
}

/* ---- player ---- */
.t1x2-theme .blk-player-hero {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 24px 26px;
}

.t1x2-theme .blk-player-hero > *:not(.blk-hero-pitch) {
  position: relative;
}

.t1x2-theme .blk-player-hero .blk-kicker {
  color: var(--blk-gold);
}

.t1x2-theme .blk-player-hero h1 {
  margin: 6px 0 10px;
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -.02em;
}

.t1x2-theme .blk-player-club {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.t1x2-theme .blk-player-club .blk-team {
  padding: 5px 10px 5px 6px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .12);
  color: #fff;
}

.t1x2-theme .blk-player-club .blk-chip {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.t1x2-theme .blk-ptiles {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.t1x2-theme .blk-ptile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid var(--gv-line);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .blk-ptile > i {
  color: var(--blk-green-2);
}

.t1x2-theme .blk-ptile > i.is-y {
  color: #e8b800;
}

.t1x2-theme .blk-ptile > i.is-r {
  color: var(--blk-red);
}

.t1x2-theme .blk-ptile b {
  font-size: 20px;
  font-weight: 900;
  color: var(--gv-ink);
  white-space: nowrap;
}

.t1x2-theme .blk-ptile:first-child b {
  font-size: 17px;
  color: var(--blk-green);
}

.t1x2-theme .blk-ptile small {
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.t1x2-theme .blk-form-sum {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 14px;
}

.t1x2-theme .blk-form-sum > div:not(.blk-fstrip) {
  display: flex;
  flex-direction: column;
}

.t1x2-theme .blk-form-sum b {
  font-size: 24px;
  font-weight: 900;
  color: var(--blk-green);
}

.t1x2-theme .blk-form-sum small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .blk-fstrip {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-left: auto;
}

.t1x2-theme .blk-fdot {
  width: 14px;
  height: 22px;
  border-radius: 5px;
  background: var(--gv-line-strong);
}

.t1x2-theme .blk-fdot.is-hit {
  background: var(--blk-mint);
}

.t1x2-theme .blk-fdot.is-miss {
  background: #b5bcc4;
}

.t1x2-theme .blk-fdot.is-red {
  background: var(--blk-red);
}

.t1x2-theme .blk-ftips {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.t1x2-theme .blk-ftip {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 7px 10px;
  border-radius: 12px;
  border-left: 4px solid var(--gv-line-strong);
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13px;
}

.t1x2-theme .blk-ftip:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-ftip.is-hit {
  border-left-color: var(--blk-mint);
}

.t1x2-theme .blk-ftip.is-red {
  border-left-color: var(--blk-red);
}

.t1x2-theme .blk-ftip-when {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .blk-ftip-when small {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .blk-ftip-match {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
}

.t1x2-theme .blk-ftip-bet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .blk-ftip-bet b {
  min-width: 40px;
  padding: 3px 8px;
  border-radius: 8px;
  background: var(--gv-surface);
  text-align: center;
  font-weight: 900;
}

.t1x2-theme .blk-ftip.is-hit .blk-ftip-bet b {
  background: var(--blk-mint);
  color: #03211a;
}

/* ---- Free Agents, modal ---- */
.t1x2-theme .blk-fa-cta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 16px 18px;
  border-radius: var(--blk-r);
  border: 1px solid rgba(242, 182, 49, .4);
  background: linear-gradient(90deg, var(--blk-gold-tint), transparent), var(--gv-surface);
}

.t1x2-theme .blk-fa-cta.is-on {
  border-color: rgba(39, 201, 131, .35);
  background: linear-gradient(90deg, var(--blk-mint-tint), transparent), var(--gv-surface);
}

.t1x2-theme .blk-fa-cta > i {
  font-size: 26px;
  color: var(--blk-gold-ink);
}

.t1x2-theme .blk-fa-cta.is-on > i {
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-fa-cta > div {
  flex: 1 1 260px;
}

.t1x2-theme .blk-fa-cta b {
  font-size: 15px;
  color: var(--gv-ink);
}

.t1x2-theme .blk-fa-cta p {
  margin: 2px 0 0;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .blk-modal {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: grid;
  place-items: center;
  padding: 16px;
}

.t1x2-theme .blk-modal[hidden] {
  display: none;
}

.t1x2-theme .blk-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 20, 15, .6);
  backdrop-filter: blur(3px);
}

.t1x2-theme .blk-modal-box {
  position: relative;
  width: min(460px, 100%);
  padding: 22px;
  border-radius: 22px;
  background: var(--gv-surface);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
}

.t1x2-theme .blk-modal-box h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .blk-modal-box h2 i {
  color: var(--blk-green);
}

.t1x2-theme .blk-modal-box p {
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .blk-modal-act {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

body.blk-modal-open {
  overflow: hidden;
}

/* ---- Hall of Fame ---- */
.t1x2-theme .blk-th-trophy {
  display: block;
  width: 30px;
  height: 38px;
  margin: 0 auto 2px;
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
}

.t1x2-theme .blk-hof th small {
  font-size: 9.5px;
}

.t1x2-theme .blk-hof td.is-main b {
  display: inline-grid;
  place-items: center;
  min-width: 28px;
  height: 26px;
  border-radius: 8px;
  background: var(--blk-gold);
  color: #2f2000;
}

.t1x2-theme .blk-hof tbody tr:nth-child(-n+3) td.is-pos span {
  background: var(--blk-gold-tint);
  color: var(--blk-gold-ink);
}

/* ---- news ---- */
.t1x2-theme .blk-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .blk-tabs a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 12px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .blk-tabs a.is-active {
  background: var(--blk-green);
  border-color: var(--blk-green);
  color: #fff;
}

.t1x2-theme .blk-pager {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

.t1x2-theme .blk-pager a {
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 38px;
  border-radius: 11px;
  background: var(--gv-surface);
  border: 1px solid var(--gv-line);
  color: var(--gv-ink);
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .blk-pager a.is-active {
  background: var(--blk-green);
  color: #fff;
}

.t1x2-theme .blk-article {
  overflow: hidden;
  border-radius: var(--blk-r);
  border: 1px solid var(--gv-line);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
}

.t1x2-theme .blk-article-cover {
  margin: 0;
  max-height: 440px;
  overflow: hidden;
}

.t1x2-theme .blk-article-cover img {
  width: 100%;
  height: 100%;
  max-height: 440px;
  object-fit: cover;
}

.t1x2-theme .blk-article > header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 22px 28px 0;
}

.t1x2-theme .blk-article > header h1 {
  flex: 1 1 100%;
  margin: 4px 0;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--gv-ink);
}

.t1x2-theme .blk-article > header small {
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .blk-article > header small i {
  margin-right: 5px;
}

.t1x2-theme .blk-article-body,
.t1x2-theme .blk-rules {
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--gv-ink);
}

.t1x2-theme .blk-article-body {
  padding: 16px 28px 28px;
  overflow-wrap: anywhere;
}

.t1x2-theme .blk-article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.t1x2-theme .blk-article-body a,
.t1x2-theme .blk-rules a {
  color: var(--blk-green);
  font-weight: 700;
}

.t1x2-theme .blk-article-body span,
.t1x2-theme .blk-article-body p {
  font-size: inherit !important;
  line-height: inherit !important;
}

.t1x2-theme .blk-rules h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 10px;
  font-size: 18px;
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .blk-rules h2::before {
  content: "";
  width: 6px;
  height: 20px;
  border-radius: 3px;
  background: var(--blk-gold);
}

.t1x2-theme .blk-rules ul {
  padding-left: 20px;
}

.t1x2-theme .blk-rules li {
  margin-bottom: 6px;
}

.t1x2-theme .blk-lead {
  font-size: 17px;
  font-weight: 600;
}

.t1x2-theme .blk-values td {
  font-weight: 700;
  white-space: nowrap;
}

/* ---- administration ---- */
.t1x2-theme .blk-admin-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.t1x2-theme .blk-atile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--gv-line);
  background: var(--gv-surface);
  box-shadow: var(--gv-shadow-sm);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .blk-atile:hover {
  color: var(--gv-ink);
  border-color: var(--blk-green-2);
}

.t1x2-theme .blk-atile > i {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
  border-radius: 11px;
  background: var(--blk-grad);
  color: var(--blk-gold);
}

.t1x2-theme .blk-atile b {
  font-size: 15px;
}

.t1x2-theme .blk-atile small {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .blk-atile.is-hot {
  border-color: rgba(242, 182, 49, .7);
  box-shadow: 0 0 0 3px var(--blk-gold-tint);
}

.t1x2-theme .blk-alist {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-alist:not(.is-plain) > li > a,
.t1x2-theme .blk-alist.is-plain li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 10px 12px;
  border-radius: 13px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13.5px;
}

.t1x2-theme .blk-alist:not(.is-plain) > li > a:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-alist small {
  color: var(--gv-muted);
}

.t1x2-theme .blk-alist:not(.is-plain) > li > a > i:last-child {
  margin-left: auto;
  color: var(--gv-faint);
}

.t1x2-theme .blk-alist.is-plain li > :first-child {
  flex: 1;
}

.t1x2-theme .blk-tcards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.t1x2-theme .blk-tcard {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 15px;
  border-left: 5px solid var(--c);
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .blk-tcard:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-tcard.is-off {
  opacity: .6;
}

.t1x2-theme .blk-tcard > i {
  color: var(--c);
  font-size: 18px;
}

.t1x2-theme .blk-tcard > span {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-tcard small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .blk-tcard em {
  color: var(--gv-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.t1x2-theme .blk-slist,
.t1x2-theme .blk-mdlist {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.t1x2-theme .blk-srow,
.t1x2-theme .blk-mdrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 10px 14px;
  border-radius: 13px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
  font-size: 13.5px;
}

.t1x2-theme .blk-srow:hover,
.t1x2-theme .blk-mdrow:hover {
  color: var(--gv-ink);
  background: var(--gv-hover-bg);
}

.t1x2-theme .blk-srow > span:not(.blk-chip),
.t1x2-theme .blk-mdrow > small {
  color: var(--gv-muted);
}

.t1x2-theme .blk-srow > i,
.t1x2-theme .blk-mdrow > i {
  margin-left: auto;
  color: var(--gv-faint);
}

.t1x2-theme .blk-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .blk-switch span {
  position: relative;
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: var(--gv-line-strong);
  transition: background .15s ease;
}

.t1x2-theme .blk-switch span::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform .15s ease;
}

.t1x2-theme .blk-switch.is-on span {
  background: var(--blk-green-2);
}

.t1x2-theme .blk-switch.is-on span::after {
  transform: translateX(16px);
}

.t1x2-theme .blk-form.is-inline {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
}

.t1x2-theme .blk-form.is-inline .blk-msg {
  max-width: 320px;
}

.t1x2-theme .blk-fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}

.t1x2-theme .blk-fields label,
.t1x2-theme .blk-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  min-width: 0;
}

.t1x2-theme .blk-fields label.is-wide {
  grid-column: 1 / -1;
}

.t1x2-theme .blk-fields label > span,
.t1x2-theme .blk-field > span {
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .blk-field {
  margin-top: 12px;
}

.t1x2-theme .blk-fields input[type="text"],
.t1x2-theme .blk-fields input[type="number"],
.t1x2-theme .blk-fields input[type="datetime-local"],
.t1x2-theme .blk-fields input[type="file"],
.t1x2-theme .blk-fields select,
.t1x2-theme .blk-fields textarea,
.t1x2-theme .blk-field select,
.t1x2-theme .blk-field textarea,
.t1x2-theme .blk-result select {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 11px;
  background: var(--gv-input, var(--gv-surface));
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .blk-fields input[type="color"] {
  width: 64px;
  height: 40px;
  padding: 2px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 10px;
  background: var(--gv-surface);
}

.t1x2-theme .blk-field select[multiple] {
  padding: 4px;
}

.t1x2-theme .blk-field select[multiple] option {
  padding: 5px 8px;
  border-radius: 7px;
}

.t1x2-theme .blk-field select[multiple] option:checked {
  background: var(--blk-green) linear-gradient(0deg, var(--blk-green), var(--blk-green));
  color: #fff;
}

.t1x2-theme textarea.is-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px;
}

.t1x2-theme .blk-check {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--gv-ink);
  cursor: pointer;
}

.t1x2-theme .blk-check input {
  width: 18px;
  height: 18px;
  accent-color: var(--blk-green);
}

.t1x2-theme .blk-check span {
  color: var(--gv-ink) !important;
  font-size: 13.5px !important;
}

.t1x2-theme .blk-form-act {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.t1x2-theme .blk-form-act.is-sticky {
  position: sticky;
  bottom: 10px;
  z-index: 5;
  padding: 10px 12px;
  border-radius: 16px;
  background: var(--gv-surface);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}

.t1x2-theme .blk-round-act {
  padding: 4px 2px;
}

.t1x2-theme .blk-groups-pick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

.t1x2-theme .blk-code {
  padding: 10px 12px;
  border-radius: 11px;
  background: #0b1612;
  color: #b7f5d6;
  font-size: 12.5px;
  white-space: pre-wrap;
  word-break: break-all;
}

.t1x2-theme .blk-searchform {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.t1x2-theme .blk-searchform .blk-search {
  flex: 1 1 260px;
  margin: 0;
}

/* round picker (send, settle) */
.t1x2-theme .blk-picker-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.t1x2-theme .blk-picker-tools .blk-search {
  flex: 1 1 220px;
  margin: 0;
}

.t1x2-theme .blk-picker-n {
  margin-left: auto;
  color: var(--blk-green);
  font-size: 13px;
}

.t1x2-theme .blk-picker-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 6px;
  max-height: 340px;
  overflow: auto;
  padding: 2px;
}

.t1x2-theme .blk-pick {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid var(--gv-line);
  border-left: 4px solid var(--c, var(--blk-green));
  background: var(--gv-surface);
  cursor: pointer;
}

.t1x2-theme .blk-pick.is-on {
  background: var(--blk-mint-tint);
  border-color: rgba(39, 201, 131, .4);
  border-left-color: var(--c, var(--blk-green));
}

.t1x2-theme .blk-pick input {
  width: 18px;
  height: 18px;
  accent-color: var(--blk-green);
}

.t1x2-theme .blk-pick span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .blk-pick b {
  font-size: 14px;
  color: var(--gv-ink);
}

.t1x2-theme .blk-pick small {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-pick[hidden] {
  display: none;
}

/* offer inputs and API matches */
.t1x2-theme .blk-offer-ins {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .blk-offer-in {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .blk-offer-in > span {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--blk-grad);
  color: var(--blk-gold);
  font-weight: 900;
  font-size: 13px;
}

.t1x2-theme .blk-offer-in input[type="text"] {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 11px;
  background: var(--gv-input, var(--gv-surface));
  color: var(--gv-ink);
  font-size: 14.5px;
  font-weight: 700;
}

.t1x2-theme .blk-offer-in.is-filled input[type="text"] {
  border-color: rgba(39, 201, 131, .6);
  background: var(--blk-mint-tint);
}

.t1x2-theme .blk-offer {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.t1x2-theme .blk-offer li {
  padding: 6px 0;
  border-bottom: 1px solid var(--gv-line);
  font-size: 14px;
}

.t1x2-theme .blk-days {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  margin-bottom: 10px;
  padding-bottom: 4px;
}

.t1x2-theme .blk-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  min-width: 64px;
  padding: 7px 10px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 12px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  cursor: pointer;
}

.t1x2-theme .blk-day b {
  font-size: 13px;
  text-transform: capitalize;
}

.t1x2-theme .blk-day small {
  color: var(--gv-muted);
  font-size: 11px;
}

.t1x2-theme .blk-day.is-on {
  background: var(--blk-green);
  border-color: var(--blk-green);
  color: #fff;
}

.t1x2-theme .blk-day.is-on small {
  color: rgba(255, 255, 255, .8);
}

.t1x2-theme .blk-fx-tools {
  display: flex;
  gap: 8px;
  align-items: center;
}

.t1x2-theme .blk-fx-tools .blk-search {
  flex: 1;
  margin: 0;
}

.t1x2-theme .blk-fx-table td b {
  margin-right: 6px;
}

.t1x2-theme .blk-fx-table [data-blk-fx-add].is-added {
  background: var(--blk-mint-tint);
  color: var(--blk-mint-ink);
}

.t1x2-theme .blk-fx [data-blk-fx-list] {
  max-height: 520px;
  overflow: auto;
  margin-top: 10px;
}

/* results */
.t1x2-theme .blk-results {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .blk-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 13px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-result > span {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--gv-ink);
}

.t1x2-theme .blk-rules-mini {
  margin: 0;
  padding-left: 18px;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--gv-ink);
}

.t1x2-theme .blk-team-edit {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.t1x2-theme .blk-team-edit .blk-fields {
  flex: 1;
}

.t1x2-theme .blk-team-emblem {
  padding: 12px;
  border-radius: 18px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-cover-prev {
  max-width: 220px;
  border-radius: 12px;
}

/* ---- home page widget of the site (php/cron/balkanliga_widget.html) ---- */
.t1x2-theme .gv-blk-widget {
  --blk-accent: #0f7a52;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  background: linear-gradient(180deg, #03211a 0, #063f2c 92px, var(--gv-surface) 92px) !important;
}

.t1x2-theme .gv-blk-head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 12px;
  color: #fff;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 34px, transparent 34px 68px);
}

.t1x2-theme .gv-blk-logo {
  display: inline-grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .1);
  color: #f2b631;
  font-size: 16px;
}

.t1x2-theme .gv-blk-head > div {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .gv-blk-head small {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f2b631;
}

.t1x2-theme .gv-blk-head b {
  font-size: 16px;
  font-weight: 900;
}

.t1x2-theme .gv-blk-round {
  padding: 3px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .12);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.t1x2-theme .gv-blk-cols,
.t1x2-theme .gv-blk-table li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 34px 30px;
  align-items: center;
  gap: 6px;
}

.t1x2-theme .gv-blk-cols {
  padding: 8px 14px 6px;
  color: rgba(255, 255, 255, .7);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.t1x2-theme .gv-blk-cols span:nth-child(n+3) {
  text-align: center;
}

.t1x2-theme .gv-blk-table {
  margin: 0;
  padding: 4px 8px 0;
  list-style: none;
}

.t1x2-theme .gv-blk-table li {
  position: relative;
  padding: 4px 6px;
  border-bottom: 1px solid var(--gv-line);
  font-size: 12.5px;
}

.t1x2-theme .gv-blk-table li::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 4px;
  bottom: 4px;
  width: 3px;
  border-radius: 3px;
}

.t1x2-theme .gv-blk-table li.is-gore::before {
  background: #16a34a;
}

.t1x2-theme .gv-blk-table li.is-plejof::before {
  background: #eab308;
}

.t1x2-theme .gv-blk-table li.is-baraz::before {
  background: #7c3aed;
}

.t1x2-theme .gv-blk-table li.is-dole::before {
  background: #e5484d;
}

.t1x2-theme .gv-blk-table li.is-dole {
  background: rgba(229, 72, 77, .05);
}

.t1x2-theme .gv-blk-table li:first-child .gv-blk-pos {
  background: #f2b631;
  color: #2f2000;
}

.t1x2-theme .gv-blk-pos {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .gv-blk-table a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .gv-blk-table a b {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
}

.t1x2-theme .gv-blk-table a:hover b {
  color: #0b6b47;
}

.t1x2-theme .gv-blk-crest {
  display: inline-grid;
  place-items: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.t1x2-theme .gv-blk-crest img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.t1x2-theme .gv-blk-crest-txt {
  font-size: 7px;
  font-weight: 900;
  color: #0b6b47;
}

.t1x2-theme .gv-blk-n {
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: var(--gv-muted);
}

.t1x2-theme .gv-blk-n.is-pts {
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .gv-blk-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  padding: 8px 14px 0;
  font-size: 10.5px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-blk-legend i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 2px;
}

.t1x2-theme .gv-blk-legend .is-gore i {
  background: #16a34a;
}

.t1x2-theme .gv-blk-legend .is-plejof i {
  background: #eab308;
}

.t1x2-theme .gv-blk-legend .is-baraz i {
  background: #7c3aed;
}

.t1x2-theme .gv-blk-legend .is-dole i {
  background: #e5484d;
}

.t1x2-theme .gv-blk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 12px 14px 14px;
  min-height: 42px;
  border-radius: 13px;
  background: linear-gradient(180deg, #ffd25e, #f2b631);
  color: #2f2000;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.t1x2-theme .gv-blk-btn:hover {
  color: #2f2000;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(242, 182, 49, .35);
}

/* ---- night mode ---- */
body.t1x2-theme.night-mode .blk-page {
  --blk-mint-ink: #4fe0a0;
  --blk-mint-tint: rgba(39, 201, 131, .16);
  --blk-gold-ink: #f2c24a;
  --blk-gold-tint: rgba(242, 182, 49, .14);
  --blk-red-tint: rgba(229, 72, 77, .2);
  --blk-green: #1aa56f;
}

body.t1x2-theme.night-mode .blk-menu a.is-active {
  color: #4fe0a0;
}

body.t1x2-theme.night-mode .blk-crest.is-txt,
body.t1x2-theme.night-mode .blk-crest.is-fallback {
  background: linear-gradient(135deg, #2a3a34, #1d2925);
  color: #cfe9de;
}

body.t1x2-theme.night-mode .blk-standings tr.z-plejof td.is-pos span {
  color: #eab308;
}

body.t1x2-theme.night-mode .blk-standings tr.z-baraz td.is-pos span {
  color: #a78bfa;
}

body.t1x2-theme.night-mode .blk-cd {
  background: rgba(255, 255, 255, .06);
}

body.t1x2-theme.night-mode .blk-chip.is-amber {
  color: #f7b955;
}

body.t1x2-theme.night-mode .blk-bet-warn {
  color: #f7b955;
}

body.t1x2-theme.night-mode .blk-trophy-img {
  background: radial-gradient(ellipse at 50% 85%, rgba(242, 182, 49, .3), transparent 65%), #f4f1e8;
}

body.t1x2-theme.night-mode .gv-blk-table a:hover b {
  color: #4fe0a0;
}

/* ---- tablets and phones ---- */
@media (max-width: 991.98px) {
  /* Balkan liga: the right column stays on phones, under the content */
  .t1x2-theme .blk-grid > .blk-rail {
    display: flex;
    position: static;
  }

  .t1x2-theme .blk-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .blk-ptiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .t1x2-theme .blk-admin-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1199.98px) {
  .t1x2-theme .blk-hide-md {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .blk-hide-sm {
    display: none;
  }

  .t1x2-theme .blk-card,
  .t1x2-theme .blk-widget {
    padding: 14px 14px;
    border-radius: 18px;
  }

  .t1x2-theme .blk-hero-inner {
    padding: 22px 18px 18px;
  }

  .t1x2-theme .blk-hero h1 {
    font-size: 38px;
  }

  .t1x2-theme .blk-hero-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .blk-head h1 {
    font-size: 23px;
  }

  .t1x2-theme .blk-steps,
  .t1x2-theme .blk-ov-grid,
  .t1x2-theme .blk-groups,
  .t1x2-theme .blk-lineups,
  .t1x2-theme .blk-news-list,
  .t1x2-theme .blk-tcards,
  .t1x2-theme .blk-groups-pick,
  .t1x2-theme .blk-coms.is-news {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .blk-news-list .blk-news.is-big {
    flex-direction: column;
  }

  .t1x2-theme .blk-news.is-big .blk-news-img {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .t1x2-theme .blk-news-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .blk-comp-head {
    padding: 18px 16px;
  }

  .t1x2-theme .blk-comp-head h1 {
    font-size: 25px;
  }

  .t1x2-theme .blk-standings td.is-pos {
    width: 34px;
    padding-left: 9px;
  }

  .t1x2-theme .blk-standings td,
  .t1x2-theme .blk-standings thead th {
    padding-left: 5px;
    padding-right: 5px;
  }

  .t1x2-theme .blk-standings tr.is-mine td.is-club .blk-team-name::after {
    content: none;
  }

  .t1x2-theme .blk-mrow {
    gap: 6px;
    padding: 8px 8px;
    font-size: 12.5px;
  }

  .t1x2-theme .blk-mrow .blk-crest {
    display: none;
  }

  .t1x2-theme .blk-score {
    min-width: 50px;
    padding: 4px 6px;
  }

  .t1x2-theme .blk-mh {
    padding: 16px 12px;
  }

  .t1x2-theme .blk-mh-team b {
    font-size: 14px;
  }

  .t1x2-theme .blk-mh-team .blk-crest.is-xl {
    width: 58px;
    height: 58px;
  }

  .t1x2-theme .blk-mh-score {
    font-size: 32px;
    padding: 6px 12px;
  }

  .t1x2-theme .blk-tips {
    table-layout: fixed;
  }

  .t1x2-theme .blk-tips td {
    padding: 7px 4px;
  }

  .t1x2-theme .blk-tip {
    width: 30%;
  }

  .t1x2-theme .blk-tip-who {
    flex-direction: column;
    gap: 2px;
  }

  .t1x2-theme .blk-tip-who .blk-av {
    display: none;
  }

  .t1x2-theme .blk-tip-bet {
    flex-direction: column;
    gap: 3px;
  }

  .t1x2-theme .blk-tip-bet > span {
    min-width: 0;
  }

  .t1x2-theme .blk-tip-match b {
    font-size: 12px;
  }

  .t1x2-theme .blk-tips th {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
  }

  .t1x2-theme .blk-tips th .blk-crest {
    display: none;
  }

  .t1x2-theme .blk-opt {
    min-width: 0;
    flex: 1 0 calc(20% - 6px);
    padding: 0 6px;
  }

  .t1x2-theme .blk-h2h-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .t1x2-theme .blk-h2h-row .blk-res {
    display: none;
  }

  .t1x2-theme .blk-club-hero,
  .t1x2-theme .blk-player-hero {
    flex-direction: column;
    text-align: center;
    padding: 20px 16px;
  }

  .t1x2-theme .blk-club-hero h1,
  .t1x2-theme .blk-player-hero h1 {
    font-size: 25px;
  }

  .t1x2-theme .blk-club-info,
  .t1x2-theme .blk-player-club {
    justify-content: center;
  }

  .t1x2-theme .blk-ptiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .blk-ftip {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .t1x2-theme .blk-ftip-when {
    grid-column: 1 / -1;
  }

  .t1x2-theme .blk-transfers li {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .t1x2-theme .blk-tr-move {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .t1x2-theme .blk-result {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .blk-admin-tiles {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .blk-article > header,
  .t1x2-theme .blk-article-body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .t1x2-theme .blk-article > header h1 {
    font-size: 23px;
  }

  .t1x2-theme .blk-team-edit {
    flex-direction: column;
  }

  .t1x2-theme .blk-final-team b {
    font-size: 13px;
  }

  .t1x2-theme .blk-final-team .blk-crest.is-lg {
    width: 46px;
    height: 46px;
  }

  .t1x2-theme .blk-final-score {
    font-size: 26px;
  }
}

/* Balkan liga: the club name shortens instead of running over the numbers; cup groups side by
   side show only played, goal difference and points */
.t1x2-theme .blk-standings td.is-club .blk-team {
  display: flex;
  max-width: 100%;
}

.t1x2-theme .blk-groups .blk-standings .blk-hide-sm {
  display: none;
}

/* one stage only (baraž): the ties side by side */
.t1x2-theme .blk-bracket.is-flat .blk-bracket-col {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px;
}

.t1x2-theme .blk-bracket.is-flat .blk-bracket-col h3 {
  grid-column: 1 / -1;
}

.t1x2-theme .blk-table td.is-value.is-neg,
.t1x2-theme .blk-leaders-v.is-neg {
  color: var(--blk-red);
}

.t1x2-theme .blk-cs-comp {
  align-items: flex-start;
}

/* news without a picture: emblem placeholder under the image */
.t1x2-theme .blk-news-ph {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .28);
}

.t1x2-theme .blk-news-ph i {
  font-size: 38px;
}

.t1x2-theme .blk-news.is-big .blk-news-ph i {
  font-size: 56px;
}

.t1x2-theme .blk-news-ph b {
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

/* sending pairs: the form and the API-Football list side by side */
.t1x2-theme .blk-send-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.t1x2-theme .blk-send-grid .blk-fxcard {
  position: sticky;
  top: 86px;
}

.t1x2-theme .blk-send-grid .blk-fx [data-blk-fx-list] {
  max-height: calc(100vh - 340px);
  min-height: 260px;
}

.t1x2-theme .blk-send-grid .blk-picker-list {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 1199.98px) {
  .t1x2-theme .blk-send-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .blk-send-grid .blk-fxcard {
    position: static;
  }

  .t1x2-theme .blk-send-grid .blk-fx [data-blk-fx-list] {
    max-height: 520px;
  }
}

.t1x2-theme .blk-fx-table td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.t1x2-theme .blk-fx-table td.is-time {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .blk-fx-table td b {
  display: block;
  line-height: 1.3;
}

.t1x2-theme .blk-fx-table .blk-fx-league {
  display: block;
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .blk-fx-table .blk-chip {
  margin-top: 3px;
}

.t1x2-theme .blk-fx-table td.is-odds {
  white-space: nowrap;
  color: var(--gv-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* season clubs: picker chips + search, read-only overview */
.t1x2-theme .blk-mchips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 4px;
}

.t1x2-theme .blk-mchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border: 0;
  border-radius: 999px;
  background: var(--blk-mint-tint);
  color: var(--blk-mint-ink);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .blk-mchip i {
  font-size: 10px;
  opacity: .7;
}

.t1x2-theme .blk-mchip:hover {
  background: #fde2e2;
  color: #b42318;
}

.t1x2-theme .blk-msearch {
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--gv-line-strong);
  border-radius: 10px;
  background: var(--gv-sunken);
  color: inherit;
  font-size: 13px;
}

.t1x2-theme .blk-field small.is-full {
  color: var(--blk-green);
  font-weight: 800;
}

.t1x2-theme select[data-blk-multi] option:disabled {
  color: #b8bfc8;
}

.t1x2-theme .blk-steams-grid.is-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 22px;
}

.t1x2-theme .blk-steams {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-steams-grid.is-groups .blk-steams {
  grid-template-columns: minmax(0, 1fr);
}

.t1x2-theme .blk-steams li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 10px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-steams .blk-team {
  min-width: 0;
}

@media (max-width: 767.98px) {
  .t1x2-theme .blk-steams-grid.is-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.t1x2-theme .blk-alist.is-plain li {
  padding: 7px 10px;
}

/* settings: one form, several cards */
.t1x2-theme .blk-form.blk-settings {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.t1x2-theme .blk-fields label > small.blk-muted {
  font-size: 11.5px;
  font-weight: 500;
  word-break: break-all;
}

/* home widget: emblem missing -> short name */
.t1x2-theme .gv-blk-crest.is-fallback b {
  font-size: 7px;
  font-weight: 900;
  color: #0b6b47;
}

/* home widget: the dark band follows the real height of the header and the column row */
.t1x2-theme .gv-blk-widget {
  background: var(--gv-surface) !important;
}

.t1x2-theme .gv-blk-head {
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 34px, transparent 34px 68px), linear-gradient(180deg, #03211a 0%, #05372a 100%);
}

.t1x2-theme .gv-blk-cols {
  background: #063f2c;
}

.t1x2-theme .gv-blk-head small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* all-time champions: only the league titles, aligned on the right */
.t1x2-theme .blk-champs-n {
  justify-content: flex-end;
  min-width: 38px;
  margin-left: auto;
}

/* Rekordi Balkan lige (right column): one box per record, every holder in it */
.t1x2-theme .blk-records {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-rec {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 11px;
  border-radius: 14px;
  background: var(--gv-sunken);
}

.t1x2-theme .blk-rec-label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--blk-gold-ink);
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.t1x2-theme .blk-rec-label > span {
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-rec-label em {
  color: var(--gv-muted);
  font-style: normal;
  font-weight: 800;
}

.t1x2-theme .blk-rec-label > b {
  flex-shrink: 0;
  padding: 2px 7px;
  border-radius: 7px;
  background: var(--blk-grad);
  color: #fff;
  font-size: 10.5px;
  letter-spacing: .02em;
  white-space: nowrap;
}

.t1x2-theme .blk-rec-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 10px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 12.5px;
  text-decoration: none;
}

.t1x2-theme a.blk-rec-item:hover {
  background: var(--gv-hover-bg);
  color: var(--gv-ink);
}

.t1x2-theme .blk-rec-item.is-match {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}

.t1x2-theme .blk-rec-item > .blk-team,
.t1x2-theme .blk-rec-item > .blk-player {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
}

.t1x2-theme .blk-rec-club {
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .blk-rec-season {
  flex-shrink: 0;
  padding: 2px 7px;
  border-radius: 7px;
  background: var(--blk-mint-tint);
  color: var(--blk-mint-ink);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.t1x2-theme .blk-rec-season:hover {
  background: var(--blk-mint);
  color: #03211a;
}

.t1x2-theme .blk-rec-match {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.t1x2-theme .blk-rec-match b {
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--gv-muted);
}

.t1x2-theme .blk-rec-match b:first-child {
  text-align: right;
}

.t1x2-theme .blk-rec-match b.is-win {
  font-weight: 900;
  color: var(--gv-ink);
}

.t1x2-theme .blk-rec-score {
  padding: 3px 8px;
  border-radius: 8px;
  background: var(--blk-grad);
  color: #fff;
  font-size: 13.5px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t1x2-theme .blk-rec-item.is-match small {
  color: var(--gv-muted);
  font-size: 10.5px;
  line-height: 1.35;
  text-align: center;
}

.t1x2-theme .blk-rec-more summary {
  padding: 2px 4px;
  color: var(--blk-mint-ink);
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
}

.t1x2-theme .blk-rec-more[open] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* ---- tables never scroll: the name of a club or a player gets shorter (…) instead ----
   (overflow-y hidden: on Windows a pixel of extra height gave a vertical scrollbar, and its
   17px then a horizontal one too) */
.t1x2-theme .blk-tablewrap {
  overflow-y: hidden;
}

.t1x2-theme .blk-table td.is-left:has(> .blk-team, > .blk-player) {
  width: 100%;
  max-width: 0;
}

.t1x2-theme .blk-table td.is-left > .blk-team,
.t1x2-theme .blk-table td.is-left > .blk-player,
.t1x2-theme .blk-standings td.is-club > .blk-team {
  display: flex;
  max-width: 100%;
}

.t1x2-theme .blk-table td.is-left > .blk-player > span {
  flex: 0 1 auto;
}

.t1x2-theme .blk-v-short {
  display: none;
}

/* player: the competition under the season */
.t1x2-theme .blk-pseasons td.is-season {
  white-space: nowrap;
}

.t1x2-theme .blk-pseasons td.is-season a {
  display: block;
  font-weight: 800;
}

.t1x2-theme .blk-pseasons td.is-season .blk-comp {
  margin-top: 3px;
}

/* Hall of Fame by seasons (like the old site): equal columns, the crest above the name;
   champion green, 2nd / 3rd grey, the cups in their own colour */
.t1x2-theme .blk-hof-seasons {
  table-layout: fixed;
  width: 100%;
}

.t1x2-theme .blk-hof-seasons th {
  text-align: center;
}

.t1x2-theme .blk-hof-seasons th .blk-th-trophy {
  display: block;
  width: 22px;
  height: 26px;
  margin: 0 auto 4px;
  object-fit: contain;
}

.t1x2-theme .blk-hof-seasons th.is-no,
.t1x2-theme .blk-hof-seasons td.is-no {
  width: 70px;
  text-align: center;
}

.t1x2-theme .blk-hof-seasons td.is-hc {
  padding: 10px 4px;
  text-align: center;
  vertical-align: middle;
}

.t1x2-theme .blk-hc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

.t1x2-theme .blk-hc > span {
  max-width: 100%;
  overflow-wrap: break-word;
}

.t1x2-theme .blk-hc .blk-crest {
  width: 20px;
  height: 20px;
}

.t1x2-theme a.blk-hc:hover > span {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.t1x2-theme .blk-hof-seasons .is-p1 .blk-hc {
  color: var(--blk-green);
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .blk-hof-seasons .is-p4 .blk-hc,
.t1x2-theme .blk-hof-seasons .is-p5 .blk-hc,
.t1x2-theme .blk-hof-seasons .is-p6 .blk-hc {
  color: var(--c, var(--gv-ink));
}

@media (max-width: 1199.98px) {
  .t1x2-theme .blk-hof th small {
    display: none;
  }

  .t1x2-theme .blk-hof th,
  .t1x2-theme .blk-hof td {
    padding-left: 4px;
    padding-right: 4px;
  }

  .t1x2-theme .blk-th-trophy {
    width: 24px;
    height: 30px;
  }

  .t1x2-theme .blk-fa td.is-value .blk-v-long,
  .t1x2-theme .blk-roster td.is-value .blk-v-long {
    display: none;
  }

  .t1x2-theme .blk-fa td.is-value .blk-v-short,
  .t1x2-theme .blk-roster td.is-value .blk-v-short {
    display: inline;
  }

  .t1x2-theme .blk-fa .blk-btn-txt {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .blk-table th,
  .t1x2-theme .blk-table td {
    padding-left: 5px;
    padding-right: 5px;
  }

  /* Balkan Kup (hidden competition): out of the phone table */
  .t1x2-theme .blk-hof th:nth-child(6),
  .t1x2-theme .blk-hof td:nth-child(6) {
    display: none;
  }

  .t1x2-theme .blk-pseasons td.is-season .blk-comp {
    font-size: 10px;
  }

  /* Hall of Fame by seasons: one card per season */
  .t1x2-theme .blk-hof-seasons thead {
    display: none;
  }

  .t1x2-theme .blk-hof-seasons tr:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px 12px;
    padding: 10px 2px;
    border-bottom: 1px solid var(--gv-line);
  }

  .t1x2-theme .blk-hof-seasons td {
    display: block;
    padding: 0;
    border: 0;
    text-align: left;
  }

  .t1x2-theme .blk-hof-seasons td.is-no {
    grid-column: 1 / -1;
    font-size: 13px;
  }

  .t1x2-theme .blk-hof-seasons td.is-no b::before {
    content: "Sezona ";
  }

  .t1x2-theme .blk-hof-seasons td.is-no {
    width: auto;
    text-align: left;
  }

  .t1x2-theme .blk-hof-seasons td.is-empty {
    display: none;
  }

  .t1x2-theme .blk-hof-seasons td.is-hc {
    padding: 0;
    text-align: left;
  }

  .t1x2-theme .blk-hc {
    flex-direction: row;
    gap: 8px;
    text-align: left;
  }


  .t1x2-theme .blk-hof-seasons td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    color: var(--gv-muted);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
}

.t1x2-theme .blk-hof-seasons th {
  white-space: normal;
  vertical-align: bottom;
}

@media (max-width: 575.98px) {
  .t1x2-theme .blk-cs-comp {
    min-width: 0;
  }
}

.t1x2-theme .blk-player > .blk-av,
.t1x2-theme .blk-team > .blk-crest,
.t1x2-theme .blk-player > .blk-cap {
  flex-shrink: 0;
}

@media (max-width: 575.98px) {
  .t1x2-theme .blk-fa .blk-av,
  .t1x2-theme .blk-roster .blk-av {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    font-size: 10px;
  }

  .t1x2-theme .blk-fa .blk-player,
  .t1x2-theme .blk-roster .blk-player {
    gap: 6px;
  }

  .t1x2-theme .blk-fa td.is-act .blk-btn {
    padding: 6px 9px;
  }
}

/* home: my last match in every active competition (badge; under it season · round · date
   and the result on the right; the match row opens the match) */
.t1x2-theme .blk-lastm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}

.t1x2-theme .blk-lastm {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 13px 14px;
  border-radius: 18px;
  border: 1px solid var(--gv-line);
  border-left: 4px solid var(--c, var(--blk-green));
  background: var(--gv-surface);
}

.t1x2-theme .blk-lastm header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.t1x2-theme .blk-lastm-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  align-self: stretch;
}

.t1x2-theme .blk-lastm-meta small {
  min-width: 0;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.t1x2-theme .blk-lastm-state {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
}

.t1x2-theme .blk-lastm .blk-mrow {
  padding: 8px 6px;
  border-radius: 12px;
  background: var(--gv-sunken);
}

/* player form: a miss is red (also no tip), grey only for a postponed match */
.t1x2-theme .blk-fdot.is-miss {
  background: var(--blk-red);
}

.t1x2-theme .blk-fdot.is-void {
  background: #b5bcc4;
}

.t1x2-theme .blk-ftip.is-miss {
  border-left-color: var(--blk-red);
}

.t1x2-theme .blk-ftip.is-miss .blk-ftip-bet b {
  background: var(--blk-red);
  color: #fff;
}

.t1x2-theme .blk-ftip.is-void {
  border-left-color: #b5bcc4;
}

.t1x2-theme .blk-ftip.is-void .blk-ftip-bet b {
  background: #8b95a1;
  color: #fff;
}

.t1x2-theme .blk-ftip-void {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
}

/* match: the result under the name of a football match */
.t1x2-theme .blk-tip-match small.blk-tip-res {
  font-weight: 800;
  color: var(--gv-ink);
}

.t1x2-theme .blk-tip-match small.blk-tip-res.is-void {
  color: var(--gv-muted);
}

/* match: the last 5 matches of both clubs */
.t1x2-theme .blk-l5-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.t1x2-theme .blk-l5-col {
  min-width: 0;
}

.t1x2-theme .blk-l5-col > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--blk-accent);
}

.t1x2-theme .blk-l5-col > header .blk-team {
  min-width: 0;
}

.t1x2-theme .blk-l5-strip {
  display: inline-flex;
  flex-shrink: 0;
  gap: 3px;
}

.t1x2-theme .blk-l5 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .blk-l5 a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border-radius: 12px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  text-decoration: none;
}

.t1x2-theme .blk-l5 a:hover {
  background: var(--gv-hover-bg);
  color: var(--gv-ink);
}

.t1x2-theme .blk-l5 .blk-res {
  flex-shrink: 0;
}

.t1x2-theme .blk-l5-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-l5-opp {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
}

.t1x2-theme .blk-l5-opp .blk-crest {
  flex-shrink: 0;
}

.t1x2-theme .blk-l5-opp b {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .blk-l5-main small {
  overflow: hidden;
  color: var(--gv-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .blk-l5-score {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .blk-l5-note {
  margin: 10px 0 0;
  font-size: 11.5px;
}

@media (max-width: 767.98px) {
  .t1x2-theme .blk-l5-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* results: cancel the round (two or more postponed matches) */
.t1x2-theme .blk-cancel-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed color-mix(in srgb, var(--blk-red) 45%, transparent);
  background: var(--blk-red-tint);
}

.t1x2-theme .blk-cancel-box > div {
  flex: 1 1 320px;
  min-width: 0;
}

.t1x2-theme .blk-cancel-box b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blk-red);
}

.t1x2-theme .blk-cancel-box p {
  margin: 3px 0 0;
  font-size: 12.5px;
}

.t1x2-theme .blk-rec-who {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.t1x2-theme .blk-rec-who > .blk-player {
  max-width: 100%;
  font-size: 12.5px;
}

.t1x2-theme .blk-rec-who > .blk-rec-club {
  padding-left: 30px;
}

/* module menus (Balkan liga, Bet Arena, Tipovi, Administracija): the way back to the site is a
   separate, quiet link on top; the title of the module opens the home of the module */
.t1x2-theme .gv-tp-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 4px 10px;
  padding: 4px 10px 4px 8px;
  border-radius: 999px;
  color: var(--gv-muted);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}

.t1x2-theme .gv-tp-back i {
  font-size: 11px;
}

.t1x2-theme .gv-tp-back:hover {
  background: var(--gv-sunken);
  color: var(--gv-ink);
}

.t1x2-theme a.gv-tp-menu-title {
  color: inherit;
  text-decoration: none;
}

.t1x2-theme a.gv-tp-menu-title:hover b {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* MAIN MENU (_t1x2_menu_novi.tpl):
   the look of the module menus (Bet Arena, Balkan liga), a flat list with section labels.
   Desktop: sticky and as tall as the window, so the left column is never empty while the page
   scrolls; the list scrolls inside, Create Post and the social networks stay at the bottom.
   Phones: inside Sngine's offcanvas (hamburger), the whole menu one under the other */
.t1x2-theme .gv-nav2 {
  position: sticky;
  top: 86px;
  height: calc(100vh - 102px);
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 14px 10px 12px;
  z-index: 20;
}

.t1x2-theme .gv-nav2-me {
  flex: none;
  padding: 0 6px 12px;
}

.t1x2-theme .gv-nav2-me img {
  width: 36px;
  height: 36px;
  flex: none;
  object-fit: cover;
  border: 2px solid var(--gv-surface);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--gv-coral);
}

.t1x2-theme .gv-nav2-me > div {
  min-width: 0;
}

.t1x2-theme .gv-nav2-me b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-nav2-list {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0 -6px 0 0;
  padding: 0 4px 2px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@supports not selector(::-webkit-scrollbar) {
  .t1x2-theme .gv-nav2-list {
    scrollbar-width: thin;
  }
}

.t1x2-theme .gv-nav2-list::-webkit-scrollbar {
  width: 5px;
}

.t1x2-theme .gv-nav2-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--gv-line-strong);
}

.t1x2-theme .gv-nav2-list::-webkit-scrollbar-track {
  background: transparent;
}

.t1x2-theme .gv-nav2 li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-nav2 .gv-menu-img {
  width: 18px;
  height: 18px;
}

/* Home: the only item that opens (Recent Updates, Popular, Discover, Saved) */
.t1x2-theme .gv-nav2-row {
  display: flex;
  align-items: center;
  gap: 2px;
}

.t1x2-theme .gv-nav2-row > a {
  flex: 1;
  min-width: 0;
}

/* the open Home row is tinted as a whole (link and arrow) */
.t1x2-theme .gv-nav2-row.is-active {
  border-radius: 12px;
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-nav2-row.is-active > a {
  background: transparent;
}

.t1x2-theme .gv-nav2-row.is-active .gv-menu-toggle {
  color: var(--gv-coral);
}

.t1x2-theme .gv-nav2 .gv-menu-toggle {
  width: 30px;
  height: 30px;
  border-radius: 10px;
}

.t1x2-theme .gv-nav2-sub[hidden] {
  display: none;
}

.t1x2-theme .gv-nav2-sub > ul {
  gap: 1px;
  margin: 0 0 4px 19px;
  padding-left: 6px;
  border-left: 1px solid var(--gv-line-strong);
}

.t1x2-theme .gv-nav2-sub li > a {
  gap: 10px;
  padding: 7px 10px;
  font-size: 13px;
}

.t1x2-theme .gv-nav2-sub li > a i {
  font-size: 12.5px;
}

.t1x2-theme .gv-nav2-sub a.is-active {
  background: transparent;
}

.t1x2-theme .gv-nav2 .gv-tp-menu-group {
  margin-top: 6px;
}

.t1x2-theme .gv-nav2-sep {
  height: 1px;
  margin: 6px 8px;
  background: var(--gv-line);
}

.t1x2-theme .gv-nav2 li > a.gv-nav2-pro i {
  color: var(--gv-gold);
}

/* bottom: Create Post + social networks */
.t1x2-theme .gv-nav2-foot {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  padding: 12px 2px 0;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .gv-nav2-create {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: var(--gv-grad);
  box-shadow: 0 6px 16px rgba(var(--gv-coral-rgb), .22);
  font-size: 13.5px;
  font-weight: 700;
  transition: box-shadow .15s, transform .15s;
}

.t1x2-theme .gv-nav2-create:hover {
  box-shadow: 0 10px 22px rgba(var(--gv-coral-rgb), .32);
  transform: translateY(-1px);
}

.t1x2-theme .gv-nav2-create i {
  font-size: 13px;
}

.t1x2-theme .gv-nav2-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.t1x2-theme .gv-nav2-social > span {
  color: var(--gv-faint);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  white-space: nowrap;
}

.t1x2-theme .gv-nav2-social .gv-social-links {
  display: flex;
  gap: 3px;
}

.t1x2-theme .gv-nav2-social .gv-social-links a {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  font-size: 12.5px;
}

/* narrow left column (212px): the label goes above the icons */
@media (min-width: 768px) and (max-width: 1279.98px) {
  .t1x2-theme .gv-nav2-social {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .t1x2-theme .gv-nav2-social .gv-social-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .t1x2-theme .gv-nav2-social .gv-social-links a {
    width: auto;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .gv-nav2 {
    position: static;
    height: auto;
    padding: 12px 10px;
  }

  .t1x2-theme .gv-nav2-list {
    overflow: visible;
  }
}

/* conversation lists (Messages page, header dropdown, live updates): the last message on at
   most 2 lines, broken between words (Sngine's style.css breaks it between any two letters);
   long links may still break anywhere */
.t1x2-theme .feeds-item[data-last-message] .data-content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Merits in the theme colour (the chosen palette css/boje/<color>.css) instead of Sngine's orange:
   balance widget (__merits_balance.tpl), "Merits Top Users" (index.newsfeed.tpl), the /merits
   page (merits.tpl) and the "Send Merit" window. The medal and trophy are inline SVG
   (theme_module_icon), so their orange / red gradient stops are recoloured here. */
.t1x2-theme .gv-merits {
  border-color: rgba(var(--gv-coral-rgb), .2);
  background: linear-gradient(135deg, rgba(var(--gv-coral-rgb), .15), var(--gv-surface) 55%, rgba(var(--gv-coral-rgb), .08));
}

.t1x2-theme .gv-merits-glow {
  background: rgba(var(--gv-coral-rgb), .26);
}

.t1x2-theme .gv-merits-glow.is-soft {
  background: rgba(var(--gv-coral-rgb), .14);
}

.t1x2-theme .gv-merits-icon {
  background: rgba(var(--gv-coral-rgb), .12);
  color: var(--gv-coral);
}

.t1x2-theme .gv-merits-accent,
.t1x2-theme .gv-merits-page .text-primary,
.t1x2-theme .gv-merits-top .text-primary {
  color: var(--gv-coral);
}

.t1x2-theme .gv-merits-track {
  background: rgba(var(--gv-coral-rgb), .12);
}

.t1x2-theme .gv-merits-bar {
  background: linear-gradient(90deg, var(--gv-coral), var(--gv-coral-soft));
}

.t1x2-theme .gv-merits-btn {
  color: #fff;
  background: linear-gradient(90deg, var(--gv-coral), var(--gv-coral-dark));
  box-shadow: 0 6px 16px rgba(var(--gv-coral-rgb), .28);
}

.t1x2-theme .gv-merits-btn:hover:not(:disabled) {
  color: #fff;
  background: linear-gradient(90deg, var(--gv-coral-dark), var(--gv-coral-darker));
}

.t1x2-theme .gv-merits-note {
  border-color: rgba(var(--gv-coral-rgb), .18);
  background: rgba(var(--gv-coral-rgb), .05);
}

.t1x2-theme .gv-merits-top {
  background: linear-gradient(135deg, rgba(var(--gv-coral-rgb), .2), rgba(var(--gv-coral-rgb), .08) 55%, rgba(var(--gv-coral-rgb), .03));
}

.t1x2-theme .gv-merits-page .bg-primary\/10,
.t1x2-theme .gv-merits-top .bg-primary\/10 {
  background: rgba(var(--gv-coral-rgb), .1);
}

/* /merits: header glow, podium cards and avatar rings */
.t1x2-theme .gv-merits-hero-glow {
  background:
    radial-gradient(60% 120% at 85% 20%, rgba(var(--gv-coral-rgb), .35), transparent 70%),
    radial-gradient(50% 100% at 30% 0%, rgba(var(--gv-coral-rgb), .14), transparent 70%);
}

.t1x2-theme .gv-podium-1 {
  background: linear-gradient(to bottom, rgba(var(--gv-coral-rgb), .24), rgba(var(--gv-coral-rgb), .07) 55%, var(--gv-surface));
  border-color: rgba(var(--gv-coral-rgb), .3) !important;
}

.t1x2-theme .gv-podium-2,
.t1x2-theme .gv-podium-3 {
  background: linear-gradient(to bottom, rgba(var(--gv-coral-rgb), .11), rgba(var(--gv-coral-rgb), .03) 55%, var(--gv-surface));
}

.t1x2-theme .gv-podium-ring {
  --tw-ring-color: var(--gv-coral);
}

.t1x2-theme .gv-podium-ring.is-soft {
  --tw-ring-color: var(--gv-coral-subtle);
}

.t1x2-theme .gv-merits-crown {
  color: #f5a524;
}

/* medal (modules/merits.svg) and trophy (modules/merits_trophy.svg, headers/merits.svg) */
.t1x2-theme :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon :is([stop-color="#fe7838" i], [stop-color="#fe7636" i], [stop-color="#f46127" i]) {
  stop-color: var(--gv-coral);
}

.t1x2-theme :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon :is([stop-color="#ffad8a" i], [stop-color="#ff8c8b" i], [stop-color="#f95353" i]) {
  stop-color: var(--gv-coral-soft);
}

.t1x2-theme :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon [stop-color="#ce1d26" i] {
  stop-color: var(--gv-coral-darker);
}

.t1x2-theme :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon [stop-color="#ef3739" i] {
  stop-color: var(--gv-coral-dark);
}

.t1x2-theme :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon [stop-color="#ffddce" i] {
  stop-color: var(--gv-coral-subtle);
}

.t1x2-theme :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon :is([fill="#fff1eb" i], [fill="#ffe5e5" i]) {
  fill: var(--gv-coral-tint);
}

/* night */
body.t1x2-theme.night-mode .gv-merits {
  border-color: rgba(var(--gv-coral-rgb), .28);
  background: linear-gradient(135deg, rgba(var(--gv-coral-rgb), .2), var(--gv-surface) 55%, rgba(var(--gv-coral-rgb), .1));
}

body.t1x2-theme.night-mode .gv-merits-icon,
body.t1x2-theme.night-mode .gv-merits-accent,
body.t1x2-theme.night-mode .gv-merits-page .text-primary,
body.t1x2-theme.night-mode .gv-merits-top .text-primary {
  color: var(--gv-coral-night-ink);
}

body.t1x2-theme.night-mode .gv-merits-icon {
  background: var(--gv-coral-night-tint);
}

body.t1x2-theme.night-mode .gv-merits-top {
  background: linear-gradient(135deg, rgba(var(--gv-coral-rgb), .26), rgba(var(--gv-coral-rgb), .1) 55%, rgba(var(--gv-coral-rgb), .04));
}

body.t1x2-theme.night-mode .gv-podium-1 {
  background: linear-gradient(to bottom, rgba(var(--gv-coral-rgb), .3), rgba(var(--gv-coral-rgb), .1) 55%, var(--gv-surface));
}

body.t1x2-theme.night-mode .gv-podium-2,
body.t1x2-theme.night-mode .gv-podium-3 {
  background: linear-gradient(to bottom, rgba(var(--gv-coral-rgb), .16), rgba(var(--gv-coral-rgb), .05) 55%, var(--gv-surface));
}

body.t1x2-theme.night-mode .gv-podium-ring.is-soft {
  --tw-ring-color: rgba(var(--gv-coral-rgb), .45);
}

body.t1x2-theme.night-mode :is(.gv-merits, .gv-merits-top, .gv-merits-page) svg.module-icon :is([fill="#fff1eb" i], [fill="#ffe5e5" i]) {
  fill: var(--gv-coral-night-tint);
}

/* Profile tab "Tipovi" (php/tipovi/tp_profil.php, /user/ID-ime/tipovi): numbers of the month and
   all time, followers, trophies, tabs Aktivni tipovi / Arhiva / Moderator, the history and museum
   window (t1x2.js, "Profile tab Tipovi"); a tip opens in the analysis sheet */
.t1x2-theme .gv-tpp {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px;
  border-radius: var(--gv-radius);
  background: var(--gv-surface);
  color: var(--gv-body);
}

.t1x2-theme .gv-tpp-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.t1x2-theme .gv-tpp-head h2 {
  margin: 0;
  color: var(--gv-ink);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.t1x2-theme .gv-tpp-head small {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tpp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 14px;
  color: var(--gv-coral);
  background: rgba(var(--gv-coral-rgb), .12);
  font-size: 18px;
}

.t1x2-theme .gv-tpp-head .gv-tp-follow {
  margin-left: auto;
}

.t1x2-theme .gv-tpp-chip {
  padding: 4px 10px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .gv-tpp-chip.is-on {
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-tpp-chip.is-off {
  color: #fff;
  background: var(--gv-danger);
}

.t1x2-theme .gv-tpp-none {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px dashed var(--gv-line-strong);
  border-radius: 14px;
  color: var(--gv-muted);
}

.t1x2-theme .gv-tpp-none p {
  margin: 0;
  color: var(--gv-ink);
  font-weight: 700;
}

/* numbers */
.t1x2-theme .gv-tpp-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.t1x2-theme .gv-tpp-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
  color: inherit;
  background: var(--gv-surface);
  font: inherit;
  text-align: left;
}

.t1x2-theme .gv-tpp-stat small {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.t1x2-theme .gv-tpp-stat > span {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .gv-tpp-num {
  color: var(--gv-ink);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .gv-tpp-num.is-pos,
.t1x2-theme :is(.gv-tpp, .gv-tpp-modal) .is-pos {
  color: var(--gv-green);
}

.t1x2-theme .gv-tpp-num.is-neg,
.t1x2-theme :is(.gv-tpp, .gv-tpp-modal) .is-neg {
  color: var(--gv-danger);
}

.t1x2-theme .gv-tpp-stat.is-link {
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}

.t1x2-theme .gv-tpp-stat.is-link:hover:not(:disabled) {
  border-color: rgba(var(--gv-coral-rgb), .5);
  box-shadow: 0 6px 18px rgba(var(--gv-coral-rgb), .12);
}

.t1x2-theme .gv-tpp-stat.is-link > span {
  color: var(--gv-coral-ink);
  font-weight: 600;
}

.t1x2-theme .gv-tpp-stat.is-link i.fa-chevron-right {
  font-size: 10px;
}

.t1x2-theme .gv-tpp-gold {
  color: #f5a524;
  font-size: 18px;
}

/* tabs */
.t1x2-theme .gv-tpp-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 2px;
}

.t1x2-theme .gv-tpp-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 15px;
  border: 0;
  border-radius: 999px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
}

.t1x2-theme .gv-tpp-tabs button span {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .07);
  font-size: 11.5px;
  text-align: center;
}

.t1x2-theme .gv-tpp-tabs button.is-on {
  color: #fff;
  background: var(--gv-coral);
}

.t1x2-theme .gv-tpp-tabs button.is-on span {
  background: rgba(255, 255, 255, .22);
}

/* tips */
.t1x2-theme .gv-tpp-list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
  overflow: hidden;
}

.t1x2-theme .gv-tpp-tip {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) minmax(0, auto) 48px 46px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-top: 1px solid var(--gv-line);
  color: var(--gv-body) !important;
  text-decoration: none !important;
  transition: background .12s;
  position: relative;
}

.t1x2-theme .gv-tpp-list > .gv-tpp-tip:first-child,
.t1x2-theme .gv-tpp-day + .gv-tpp-tip {
  border-top: 0;
}

.t1x2-theme .gv-tpp-tip:hover,
.t1x2-theme .gv-tpp-tip.is-active {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tpp-when,
.t1x2-theme .gv-tpp-match,
.t1x2-theme .gv-tpp-pick {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.25;
}

.t1x2-theme .gv-tpp-when b {
  color: var(--gv-ink);
  font-size: 13px;
}

.t1x2-theme .gv-tpp-when small,
.t1x2-theme .gv-tpp-match small,
.t1x2-theme .gv-tpp-score {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tpp-match b {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-tpp-match small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-tpp-pick {
  align-items: flex-end;
  text-align: right;
}

.t1x2-theme .gv-tpp-pick b {
  max-width: 180px;
  overflow: hidden;
  color: var(--gv-coral-ink);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-tpp-odd {
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.t1x2-theme .gv-tpp-conf,
.t1x2-theme .gv-tpp-live {
  justify-self: end;
  padding: 3px 7px;
  border-radius: 8px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}

.t1x2-theme .gv-tpp-live {
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
}

.t1x2-theme .gv-tpp-pen {
  position: absolute;
  top: 6px;
  right: 6px;
  color: var(--gv-faint);
  font-size: 9px;
}

.t1x2-theme .gv-tpp-wlv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.t1x2-theme .gv-tpp-wlv.is-won {
  background: #16a34a;
}

.t1x2-theme .gv-tpp-wlv.is-lost {
  background: var(--gv-danger);
}

.t1x2-theme .gv-tpp-wlv.is-void {
  color: #3d2c00;
  background: #f5c542;
}

.t1x2-theme .gv-tpp-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .gv-tpp-legend .gv-tpp-wlv {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  font-size: 11px;
}

.t1x2-theme .gv-tpp-day {
  padding: 7px 12px;
  border-top: 1px solid var(--gv-line);
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 11.5px;
  font-weight: 700;
}

.t1x2-theme .gv-tpp-list.is-month > .gv-tpp-day:first-child {
  border-top: 0;
}

.t1x2-theme .gv-tpp-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 26px 12px;
  color: var(--gv-muted);
  text-align: center;
}

.t1x2-theme .gv-tpp-empty i {
  color: var(--gv-faint);
  font-size: 26px;
}

.t1x2-theme .gv-tpp-empty p {
  margin: 0;
  font-size: 14px;
}

.t1x2-theme .gv-tpp-empty.is-sm {
  padding: 14px 12px;
}

/* moderator */
.t1x2-theme .gv-tpp-mod p {
  margin: 0 0 10px;
}

.t1x2-theme .gv-tpp-mod-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.t1x2-theme .gv-tpp-mod-btns .gv-tp-btn {
  margin-left: 0;
  padding: 9px 16px;
}

.t1x2-theme .gv-tpp-mod-btns .gv-tp-btn.is-danger {
  background: var(--gv-danger);
}

.t1x2-theme .gv-tpp-mod-btns .gv-tp-btn.is-current {
  color: var(--gv-muted);
  background: var(--gv-sunken);
  box-shadow: inset 0 0 0 2px var(--gv-line-strong);
  cursor: default;
}

/* window: history by month, museum */
html.gv-tpp-lock,
html.gv-tpp-lock body {
  overflow: hidden;
}

.t1x2-theme .gv-tpp-modal {
  position: fixed;
  inset: 0;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(10, 12, 16, .55);
}

.t1x2-theme .gv-tpp-modal[hidden] {
  display: none;
}

.t1x2-theme .gv-tpp-modal-box {
  display: flex;
  flex-direction: column;
  width: min(680px, 100%);
  max-height: min(86dvh, 860px);
  border-radius: 20px;
  background: var(--gv-surface);
  color: var(--gv-body);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
  overflow: hidden;
}

.t1x2-theme .gv-tpp-modal-box > header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--gv-line);
}

.t1x2-theme .gv-tpp-modal-box h3 {
  flex: 1;
  margin: 0;
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
}

.t1x2-theme .gv-tpp-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  color: var(--gv-body);
  background: var(--gv-sunken);
  cursor: pointer;
}

.t1x2-theme .gv-tpp-modal-body {
  padding: 14px 16px 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.t1x2-theme .gv-tpp-sum {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 12px;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .gv-tpp-sum b {
  color: var(--gv-ink);
  font-size: 15px;
}

.t1x2-theme .gv-tpp-months {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .gv-tpp-month {
  border: 1px solid var(--gv-line);
  border-radius: 14px;
  overflow: hidden;
}

.t1x2-theme .gv-tpp-month-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 76px 14px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 14px;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.t1x2-theme .gv-tpp-month-head:hover,
.t1x2-theme .gv-tpp-month-head[aria-expanded="true"] {
  background: var(--gv-hover-bg);
}

.t1x2-theme .gv-tpp-month-head > i {
  color: var(--gv-muted);
  font-size: 12px;
  transition: transform .15s;
}

.t1x2-theme .gv-tpp-month-head[aria-expanded="true"] > i {
  transform: rotate(180deg);
}

.t1x2-theme .gv-tpp-month-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.t1x2-theme .gv-tpp-month-name b {
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .gv-tpp-month-name small {
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--gv-coral-ink);
  background: var(--gv-coral-tint);
  font-size: 11px;
  font-weight: 700;
}

.t1x2-theme .gv-tpp-rank {
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--gv-muted);
  background: var(--gv-sunken);
  font-size: 11px;
  font-weight: 700;
}

.t1x2-theme .gv-tpp-rank.is-top {
  color: #6b4500;
  background: rgba(245, 165, 36, .22);
}

.t1x2-theme .gv-tpp-month-pct {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.2;
}

.t1x2-theme .gv-tpp-month-pct b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tpp-month-pct small {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .gv-tpp-month-profit {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.t1x2-theme .gv-tpp-month-body {
  padding: 0 10px 10px;
}

.t1x2-theme .gv-tpp-month-body .gv-tpp-list {
  border-radius: 12px;
}

.t1x2-theme .gv-tpp-medals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.t1x2-theme .gv-tpp-medal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border-radius: 999px;
  color: var(--gv-body);
  background: var(--gv-sunken);
  font-size: 12.5px;
}

.t1x2-theme .gv-tpp-medal b {
  color: var(--gv-ink);
}

.t1x2-theme .gv-tpp-museum {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .gv-tpp-museum li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--gv-line);
  border-radius: 12px;
}

.t1x2-theme .gv-tpp-museum li > i {
  width: 22px;
  margin-top: 2px;
  font-size: 18px;
  text-align: center;
}

.t1x2-theme .gv-tpp-museum b {
  display: block;
  color: var(--gv-ink);
  font-size: 13.5px;
}

.t1x2-theme .gv-tpp-museum small {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme :is(.gv-tpp, .gv-tpp-modal) i.is-gold {
  color: #f5a524;
}

.t1x2-theme :is(.gv-tpp, .gv-tpp-modal) i.is-silver {
  color: #9aa3ad;
}

.t1x2-theme :is(.gv-tpp, .gv-tpp-modal) i.is-bronze {
  color: #c47a3a;
}

.t1x2-theme :is(.gv-tpp, .gv-tpp-modal) i.is-blue {
  color: #3b82f6;
}

body.t1x2-theme.night-mode .gv-tpp-tabs button span {
  background: rgba(255, 255, 255, .1);
}

body.t1x2-theme.night-mode .gv-tpp-chip.is-on,
body.t1x2-theme.night-mode .gv-tpp-live,
body.t1x2-theme.night-mode .gv-tpp-month-name small {
  color: var(--gv-coral-night-ink);
  background: var(--gv-coral-night-tint);
}

body.t1x2-theme.night-mode .gv-tpp-pick b,
body.t1x2-theme.night-mode .gv-tpp-stat.is-link > span {
  color: var(--gv-coral-night-ink);
}

body.t1x2-theme.night-mode .gv-tpp-rank.is-top {
  color: #ffc35c;
}

@media (max-width: 991.98px) {
  .t1x2-theme .gv-tpp-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .t1x2-theme .gv-tpp {
    padding: 14px;
  }

  .t1x2-theme .gv-tpp-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .gv-tpp-stats > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .t1x2-theme .gv-tpp-num {
    font-size: 20px;
  }

  /* row: day | match (whole width) / pick, odds, status under it */
  .t1x2-theme .gv-tpp-tip {
    grid-template-columns: 46px minmax(0, 1fr) auto auto;
    grid-template-areas: "when match match match" "when pick odd end";
    row-gap: 4px;
  }

  .t1x2-theme .gv-tpp-when { grid-area: when; }
  .t1x2-theme .gv-tpp-match { grid-area: match; }
  .t1x2-theme .gv-tpp-pick { grid-area: pick; align-items: flex-start; text-align: left; }
  .t1x2-theme .gv-tpp-odd { grid-area: odd; }
  .t1x2-theme .gv-tpp-tip > :is(.gv-tpp-wlv, .gv-tpp-conf, .gv-tpp-live) { grid-area: end; }

  .t1x2-theme .gv-tpp-modal {
    align-items: flex-end;
    padding: 0;
  }

  .t1x2-theme .gv-tpp-modal-box {
    width: 100%;
    max-height: 88dvh;
    border-radius: 20px 20px 0 0;
  }

  .t1x2-theme .gv-tpp-month-head {
    grid-template-columns: minmax(0, 1fr) auto 64px 12px;
    gap: 8px;
    padding: 10px 12px;
  }
}

/* 11s. SUPER 5 (t1x2_super5.tpl: /super5 active matches, finished matches, match, rules,
   administration; php/super5/*, t1x2.js "T1X2 Super 5")
   Own identity: night blue and gold (a big "5"), on the site's cards and type.
   ------------------------------------------------------------------------ */
.t1x2-theme .s5-page,
.t1x2-theme .s5w {
  --s5-navy: #0b1f4b;
  --s5-navy-2: #123a86;
  --s5-deep: #06142e;
  --s5-ink: #0b1f4b;
  --s5-tint: rgba(18, 58, 134, .08);
  --s5-gold: #ffc93c;
  --s5-gold-2: #ffad0a;
  --s5-gold-ink: #8a5d00;
  --s5-gold-tint: rgba(255, 185, 20, .16);
  --s5-sky: #4fc3ff;
  --s5-win: #15924f;
  --s5-win-bg: rgba(22, 163, 74, .12);
  --s5-win-row: rgba(22, 163, 74, .16);
  --s5-loss: #d1293d;
  --s5-loss-bg: rgba(209, 41, 61, .08);
  --s5-grad: linear-gradient(125deg, #06142e 0%, #0b1f4b 40%, #123a86 78%, #0c2a66 100%);
  --s5-r: 20px;
}

.t1x2-theme .s5-main {
  gap: 18px;
}

/* menu */
.t1x2-theme .s5-menu-title .s5-logo,
.t1x2-theme .s5-logo {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--s5-gold, #ffc93c), var(--s5-gold-2, #ffad0a));
  color: #0b1f4b;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(255, 173, 10, .35);
}

/* page heading */
.t1x2-theme .s5-head h1 {
  margin: 6px 0 4px;
  color: var(--gv-ink);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.t1x2-theme .s5-head p {
  margin: 0;
  color: var(--gv-muted);
  font-size: 14.5px;
}

.t1x2-theme .s5-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--s5-gold-ink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.t1x2-theme .s5-muted {
  margin: 8px 0 0;
  color: var(--gv-muted);
  font-size: 13.5px;
  line-height: 1.55;
}

.t1x2-theme .s5-lead {
  margin: 0 0 6px;
  color: var(--gv-body);
  font-size: 14.5px;
}

.t1x2-theme .s5-intro {
  margin: 0;
  padding: 14px 16px;
  border-left: 4px solid var(--s5-gold);
  border-radius: 14px;
  background: var(--gv-surface);
  color: var(--gv-body);
  font-size: 14.5px;
  line-height: 1.6;
}

.t1x2-theme .s5-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  color: var(--gv-muted);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
}

.t1x2-theme .s5-back:hover {
  color: var(--s5-navy-2);
}

.t1x2-theme .s5-anchor {
  display: block;
  scroll-margin-top: 90px;
}

/* hero (home) and the match header */
.t1x2-theme .s5-hero,
.t1x2-theme .s5-mh {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: var(--s5-grad);
  color: #fff;
  box-shadow: 0 22px 50px rgba(6, 20, 46, .3);
  isolation: isolate;
}

.t1x2-theme .s5-hero-glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(420px 240px at 88% 0%, rgba(255, 201, 60, .3), transparent 70%),
    radial-gradient(380px 260px at 4% 115%, rgba(79, 195, 255, .3), transparent 70%),
    repeating-linear-gradient(120deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 18px);
}

.t1x2-theme .s5-hero {
  padding: 30px 30px 22px;
}

.t1x2-theme .s5-hero-five {
  position: absolute;
  right: 26px;
  top: 50%;
  z-index: -1;
  transform: translateY(-54%) rotate(-8deg);
  color: transparent;
  font-size: 230px;
  font-weight: 900;
  line-height: 1;
  -webkit-text-stroke: 3px rgba(255, 201, 60, .45);
  text-shadow: 0 0 60px rgba(255, 201, 60, .18);
  pointer-events: none;
}

.t1x2-theme .s5-hero-main {
  max-width: 620px;
}

.t1x2-theme .s5-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--s5-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.t1x2-theme .s5-hero-title {
  margin: 10px 0 6px;
  color: #fff;
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  text-transform: uppercase;
}

.t1x2-theme .s5-hero-title em {
  font-style: normal;
  background: linear-gradient(180deg, #ffe08a, var(--s5-gold-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.t1x2-theme .s5-hero-line {
  margin: 0;
  color: rgba(255, 255, 255, .88);
  font-size: 16px;
  font-weight: 600;
}

.t1x2-theme .s5-hero-line b {
  color: var(--s5-gold);
}

.t1x2-theme .s5-hero-cd {
  margin-top: 14px;
}

.t1x2-theme .s5-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.t1x2-theme .s5-hero-chips span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .78);
  font-size: 12.5px;
}

.t1x2-theme .s5-hero-chips b {
  color: #fff;
  font-size: 15px;
}

/* countdown */
.t1x2-theme .s5-cd {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 7px 14px;
  border-radius: 14px;
  background: var(--s5-tint);
  color: var(--s5-ink);
  line-height: 1.2;
}

.t1x2-theme .s5-cd small {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.t1x2-theme .s5-cd b {
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .s5-cd.is-soon b {
  color: var(--s5-loss);
}

.t1x2-theme .s5-hero .s5-cd,
.t1x2-theme .s5-mh .s5-cd {
  align-items: flex-start;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
  backdrop-filter: blur(6px);
}

.t1x2-theme .s5-mh .s5-cd {
  align-items: center;
}

.t1x2-theme .s5-hero .s5-cd small,
.t1x2-theme .s5-mh .s5-cd small {
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .s5-hero .s5-cd b,
.t1x2-theme .s5-mh .s5-cd b {
  color: var(--s5-gold);
}

/* state chips */
.t1x2-theme .s5-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.t1x2-theme .s5-chip.is-open { color: var(--s5-navy-2); background: var(--s5-tint); }
.t1x2-theme .s5-chip.is-live { color: var(--s5-loss); background: var(--s5-loss-bg); }
.t1x2-theme .s5-chip.is-wait { color: var(--s5-gold-ink); background: var(--s5-gold-tint); }
.t1x2-theme .s5-chip.is-done { color: var(--s5-win); background: var(--s5-win-bg); }

.t1x2-theme .s5-mh .s5-chip {
  color: #fff;
  background: rgba(255, 255, 255, .12);
}

/* crests */
.t1x2-theme .s5-crest {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 60px;
  height: 60px;
  flex: 0 0 auto;
}

/* the picture is laid out against the box itself (absolute), so a tall crest (stars above it,
   a narrow shield) is scaled into the box and never runs over the team name below it */
.t1x2-theme .s5-crest img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
}

.t1x2-theme .s5-crest:not(:has(img))::before {
  content: attr(data-initial);
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--s5-tint);
  color: var(--s5-navy-2);
  font-size: 22px;
  font-weight: 900;
}

.t1x2-theme .s5-crest.is-sm {
  width: 24px;
  height: 24px;
}

.t1x2-theme .s5-crest.is-sm::before {
  font-size: 11px;
}

.t1x2-theme .s5-crest.is-xl {
  --s5-crest-pad: 14px;
  width: 96px;
  height: 96px;
  padding: 12px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
}

.t1x2-theme .s5-crest.is-xl img {
  top: var(--s5-crest-pad);
  left: var(--s5-crest-pad);
  width: calc(100% - 2 * var(--s5-crest-pad));
  height: calc(100% - 2 * var(--s5-crest-pad));
}

/* match cards */
.t1x2-theme .s5-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.t1x2-theme .s5-card {
  border: 1px solid var(--gv-line);
  border-radius: var(--s5-r);
  background: var(--gv-surface);
  box-shadow: 0 6px 18px rgba(11, 31, 75, .06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.t1x2-theme .s5-card:hover {
  transform: translateY(-2px);
  border-color: rgba(18, 58, 134, .3);
  box-shadow: 0 14px 30px rgba(11, 31, 75, .12);
}

.t1x2-theme .s5-card.is-mine {
  border-color: rgba(255, 173, 10, .55);
}

.t1x2-theme .s5-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit !important;
  text-decoration: none !important;
}

.t1x2-theme .s5-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 10px;
  padding: 14px 16px 0;
}

.t1x2-theme .s5-league {
  color: var(--s5-gold-ink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.t1x2-theme .s5-when {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .s5-teams,
.t1x2-theme .s5-mh-teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.t1x2-theme .s5-teams {
  padding: 14px 16px 6px;
}

.t1x2-theme .s5-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  text-align: center;
}

.t1x2-theme .s5-team b {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
  hyphens: auto;
}

.t1x2-theme .s5-vs span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--s5-tint);
  color: var(--s5-navy-2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}

.t1x2-theme .s5-card-mid {
  display: flex;
  justify-content: center;
  padding: 8px 16px 14px;
}

.t1x2-theme .s5-card-res {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 800;
}

.t1x2-theme .s5-card-res .fa-trophy {
  color: var(--s5-gold-2);
}

.t1x2-theme .s5-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-top: auto;
  padding: 12px 16px;
  border-top: 1px solid var(--gv-line);
}

.t1x2-theme .s5-card-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  color: var(--gv-body);
  font-size: 12.5px;
  font-weight: 700;
}

.t1x2-theme .s5-card-meta span,
.t1x2-theme .s5-card-meta small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.t1x2-theme .s5-card-meta small {
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.t1x2-theme .s5-card-meta i {
  color: var(--s5-gold-2);
}

.t1x2-theme .s5-card-meta small i {
  color: var(--gv-faint);
}

.t1x2-theme .s5-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--s5-gold), var(--s5-gold-2));
  color: #0b1f4b;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.t1x2-theme .s5-cta.is-done {
  background: var(--s5-win-bg);
  color: var(--s5-win);
}

.t1x2-theme .s5-cta.is-ghost {
  background: var(--s5-tint);
  color: var(--s5-navy-2);
}

/* match header */
.t1x2-theme .s5-mh {
  padding: 18px 22px 24px;
}

.t1x2-theme .s5-mh-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 14px;
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .s5-mh-top span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.t1x2-theme .s5-mh-top span:first-child {
  color: var(--s5-gold);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.t1x2-theme .s5-mh-teams {
  margin-top: 18px;
}

.t1x2-theme .s5-mh .s5-team b {
  color: #fff;
  font-size: 19px;
}

.t1x2-theme .s5-mh-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.t1x2-theme .s5-vs-big {
  color: var(--s5-gold);
  font-size: 28px;
  font-weight: 900;
  letter-spacing: .06em;
}

.t1x2-theme .s5-match-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0;
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .s5-match-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.t1x2-theme .s5-match-meta b {
  color: var(--gv-ink);
}

/* boxes */
.t1x2-theme .s5-box {
  padding: 18px 20px 20px;
  border: 1px solid var(--gv-line);
  border-radius: var(--s5-r);
  background: var(--gv-surface);
}

.t1x2-theme .s5-box-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 14px;
}

.t1x2-theme .s5-box-head h2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 800;
}

.t1x2-theme .s5-box-head h2 > i {
  color: var(--s5-gold-2);
}

.t1x2-theme .s5-box-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--s5-navy-2);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .s5-admin-box {
  border: 2px dashed rgba(255, 173, 10, .55);
}

/* questions */
.t1x2-theme .s5-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.t1x2-theme .s5-q {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.t1x2-theme .s5-q legend {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 0;
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
}

.t1x2-theme .s5-q-n {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 8px;
  background: var(--s5-navy);
  color: var(--s5-gold);
  font-size: 13px;
  font-weight: 900;
}

.t1x2-theme .s5-qi {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.t1x2-theme .s5-qi svg {
  width: 100%;
  height: 100%;
}

.t1x2-theme .s5-opts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.t1x2-theme .s5-opt {
  position: relative;
  margin: 0;
  cursor: pointer;
}

.t1x2-theme .s5-opt input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .s5-opt span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 8px 6px;
  border: 2px solid var(--gv-line);
  border-radius: 14px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  transition: border-color .12s, background .12s, color .12s, transform .12s;
}

.t1x2-theme .s5-opt:hover span {
  border-color: var(--s5-navy-2);
}

.t1x2-theme .s5-opt input:checked + span {
  border-color: var(--s5-gold-2);
  background: var(--s5-navy);
  color: #fff;
  box-shadow: 0 8px 18px rgba(11, 31, 75, .22);
  transform: translateY(-1px);
}

.t1x2-theme .s5-opt input:focus-visible + span {
  outline: 3px solid rgba(79, 195, 255, .6);
  outline-offset: 2px;
}

.t1x2-theme .s5-form.is-preview .s5-opt {
  cursor: default;
}

.t1x2-theme .s5-form.is-preview .s5-opt span {
  opacity: .6;
}

.t1x2-theme .s5-form-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 4px;
}

.t1x2-theme .s5-form-foot .s5-msg {
  flex: 1 1 100%;
}

.t1x2-theme .s5-form-foot.is-sticky {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  padding: 12px;
  border-radius: 16px;
  background: var(--gv-surface);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

/* buttons */
.t1x2-theme .s5-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: var(--s5-navy);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .15s;
}

.t1x2-theme .s5-btn:hover:not(:disabled) {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(11, 31, 75, .25);
}

.t1x2-theme .s5-btn.is-gold {
  background: linear-gradient(135deg, var(--s5-gold), var(--s5-gold-2));
  color: #0b1f4b;
}

.t1x2-theme .s5-btn.is-gold:hover:not(:disabled) {
  color: #0b1f4b;
  box-shadow: 0 10px 22px rgba(255, 173, 10, .35);
}

.t1x2-theme .s5-btn.is-ghost {
  background: var(--s5-tint);
  color: var(--s5-navy-2);
}

.t1x2-theme .s5-btn.is-ghost:hover:not(:disabled) {
  color: var(--s5-navy-2);
  box-shadow: none;
}

.t1x2-theme .s5-btn.is-danger {
  background: var(--s5-loss);
}

.t1x2-theme .s5-btn.is-done {
  background: var(--s5-win-bg);
  color: var(--s5-win);
}

.t1x2-theme .s5-btn.is-off {
  background: var(--gv-sunken);
  color: var(--gv-muted);
  cursor: default;
}

.t1x2-theme .s5-btn.is-sm {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12.5px;
}

.t1x2-theme .s5-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.t1x2-theme .s5-msg {
  margin: 0;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  white-space: pre-line;
}

.t1x2-theme .s5-msg.is-ok {
  color: var(--s5-win);
  background: var(--s5-win-bg);
}

.t1x2-theme .s5-msg.is-err {
  color: var(--s5-loss);
  background: var(--s5-loss-bg);
}

/* own answers */
.t1x2-theme .s5-mine {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.t1x2-theme .s5-mine-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 6px;
  border-radius: 14px;
  background: var(--s5-tint);
  text-align: center;
}

.t1x2-theme .s5-mine-item small {
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.t1x2-theme .s5-mine-item b {
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 900;
}

.t1x2-theme .s5-mine-item.is-hit {
  background: var(--s5-win-bg);
}

.t1x2-theme .s5-mine-item.is-hit b {
  color: var(--s5-win);
}

.t1x2-theme .s5-mine-item.is-miss {
  background: var(--s5-loss-bg);
}

.t1x2-theme .s5-mine-item.is-miss b {
  color: var(--s5-loss);
}

/* all answers */
.t1x2-theme .s5-tablewrap {
  overflow-x: auto;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
}

.t1x2-theme .s5-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14px;
}

.t1x2-theme .s5-table th,
.t1x2-theme .s5-table td {
  padding: 10px 10px;
  border-bottom: 1px solid var(--gv-line);
  text-align: center;
  vertical-align: middle;
}

.t1x2-theme .s5-table thead th {
  background: var(--gv-sunken);
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.t1x2-theme .s5-table thead th .s5-qi {
  display: block;
  margin: 0 auto 3px;
}

.t1x2-theme .s5-table thead th small {
  font-size: 10.5px;
}

.t1x2-theme .s5-table .is-left {
  text-align: left;
}

.t1x2-theme .s5-table tbody tr:last-child td {
  border-bottom: 0;
}

.t1x2-theme .s5-table td {
  color: var(--gv-ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .s5-table td small,
.t1x2-theme .s5-table td .s5-status {
  display: block;
  color: var(--gv-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.t1x2-theme .s5-table td.is-hit {
  color: var(--s5-win);
}

.t1x2-theme .s5-table td.is-miss {
  color: var(--s5-loss);
}

.t1x2-theme .s5-table tr.s5-correct th {
  background: var(--s5-gold-tint);
  color: var(--s5-win);
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

.t1x2-theme .s5-table tr.s5-correct th.is-left {
  color: var(--s5-ink);
}

.t1x2-theme .s5-table tr.s5-correct th i {
  margin-right: 6px;
  color: var(--s5-win);
}

.t1x2-theme .s5-table tr.is-winner td {
  background: var(--s5-win-row);
  color: var(--s5-win);
}

.t1x2-theme .s5-table tr.is-me td:first-child {
  box-shadow: inset 4px 0 0 var(--s5-gold-2);
}

.t1x2-theme .s5-table tbody tr:hover td {
  background-color: var(--gv-hover-bg);
}

.t1x2-theme .s5-table tr.is-winner:hover td {
  background: var(--s5-win-row);
}

.t1x2-theme .s5-who {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.t1x2-theme .s5-who .gv-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  font-size: 11px;
}

.t1x2-theme .s5-pos {
  min-width: 26px;
  color: var(--gv-faint);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .s5-who-name {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.25;
}

.t1x2-theme .s5-name {
  overflow: hidden;
  color: var(--gv-ink) !important;
  font-weight: 800;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme a.s5-name:hover {
  color: var(--s5-navy-2) !important;
}

.t1x2-theme .s5-hits {
  color: var(--gv-muted);
  font-size: 11.5px;
}

.t1x2-theme .s5-win-ico {
  margin-left: auto;
  color: var(--s5-gold-2);
}

/* result line */
.t1x2-theme .s5-result {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 16px;
}

.t1x2-theme .s5-result > i {
  margin-top: 2px;
  font-size: 24px;
}

.t1x2-theme .s5-result > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.t1x2-theme .s5-result b {
  color: var(--gv-ink);
  font-size: 15px;
}

.t1x2-theme .s5-result span {
  color: var(--gv-body);
  font-size: 13.5px;
}

.t1x2-theme .s5-result.is-win {
  background: var(--s5-gold-tint);
}

.t1x2-theme .s5-result.is-win > i {
  color: var(--s5-gold-2);
}

.t1x2-theme .s5-result.is-none {
  background: var(--gv-sunken);
}

.t1x2-theme .s5-result.is-none > i {
  color: var(--gv-muted);
}

.t1x2-theme .s5-result-src {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin: 4px 0 0;
  color: var(--gv-muted);
  font-size: 12.5px;
}

/* alerts, empty */
.t1x2-theme .s5-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--s5-tint);
  color: var(--gv-body);
  font-size: 14px;
}

.t1x2-theme .s5-alert > i {
  margin-top: 2px;
  color: var(--s5-navy-2);
}

.t1x2-theme .s5-alert a {
  font-weight: 800;
}

.t1x2-theme .s5-alert.is-warning {
  background: var(--s5-gold-tint);
}

.t1x2-theme .s5-alert.is-warning > i {
  color: var(--s5-gold-ink);
}

.t1x2-theme .s5-alert.is-danger {
  background: var(--s5-loss-bg);
}

.t1x2-theme .s5-alert.is-danger > i {
  color: var(--s5-loss);
}

.t1x2-theme .s5-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 30px 14px;
  border-radius: var(--s5-r);
  background: var(--gv-surface);
  color: var(--gv-muted);
  text-align: center;
}

.t1x2-theme .s5-box .s5-empty {
  padding: 18px 10px;
  background: transparent;
}

.t1x2-theme .s5-empty i {
  color: var(--gv-faint);
  font-size: 28px;
}

.t1x2-theme .s5-empty p {
  margin: 0;
}

/* how to play, rules */
.t1x2-theme .s5-how-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .s5-how-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  background: var(--s5-tint);
}

.t1x2-theme .s5-how-list b {
  display: block;
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .s5-how-list small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .s5-how-list small span {
  white-space: nowrap;
}

.t1x2-theme .s5-rules ol {
  padding-left: 22px;
}

.t1x2-theme .s5-rules li {
  margin-bottom: 8px;
}

/* administration: offer, matches, settings */
.t1x2-theme .s5-days {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.t1x2-theme .s5-day {
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  background: var(--gv-sunken);
  color: var(--gv-body);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.t1x2-theme .s5-day.is-on {
  background: var(--s5-navy);
  color: #fff;
}

.t1x2-theme .s5-day.is-icon {
  margin-left: auto;
}

.t1x2-theme .s5-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 0 14px;
  border: 1px solid var(--gv-line);
  border-radius: 12px;
  background: var(--gv-input, var(--gv-surface));
  color: var(--gv-muted);
}

.t1x2-theme .s5-search input {
  flex: 1;
  min-width: 0;
  height: 42px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .s5-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 26px 0;
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .s5-fx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  color: var(--gv-ink) !important;
  text-decoration: none !important;
}

.t1x2-theme .s5-fx b {
  font-weight: 800;
}

.t1x2-theme .s5-fx > span:not(.s5-crest) {
  color: var(--gv-faint);
}

.t1x2-theme .s5-offer-table td:last-child,
.t1x2-theme .s5-admin-table td:last-child {
  width: 1%;
  white-space: nowrap;
}

.t1x2-theme .s5-row-act {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.t1x2-theme .s5-auto-note {
  max-width: 260px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .s5-show-sm {
  display: none !important;
}

.t1x2-theme .s5-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 18px;
  margin-top: 14px;
  color: var(--gv-muted);
  font-size: 13.5px;
}

.t1x2-theme .s5-pager a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--s5-tint);
  color: var(--s5-navy-2);
  font-weight: 800;
  text-decoration: none;
}

.t1x2-theme .s5-settings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.t1x2-theme .s5-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.t1x2-theme .s5-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.t1x2-theme .s5-field.is-wide,
.t1x2-theme .s5-check.is-wide {
  grid-column: 1 / -1;
}

.t1x2-theme .s5-field label {
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 800;
}

.t1x2-theme .s5-field input,
.t1x2-theme .s5-field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--gv-line);
  border-radius: 12px;
  background: var(--gv-input, var(--gv-surface));
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .s5-field small,
.t1x2-theme .s5-check small {
  color: var(--gv-muted);
  font-size: 12.5px;
}

.t1x2-theme .s5-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--s5-tint);
  cursor: pointer;
}

.t1x2-theme .s5-check input[type=checkbox] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--s5-navy-2);
}

.t1x2-theme .s5-check b {
  display: block;
  color: var(--gv-ink);
}

/* the game is off (/administracija/igre): members and guests see only this */
.t1x2-theme .s5-pause .s5-hero-main {
  max-width: 620px;
}

.t1x2-theme .s5-pause-text {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: 15px;
  line-height: 1.55;
}

.t1x2-theme a.s5-pause-btn {
  margin-top: 18px;
  padding: 10px 18px;
  color: #0b1f4b !important;
  font-size: 14px;
  text-decoration: none !important;
}

/* home page widget "Naredni meč Super 5" (php/cron/super5_widget.html, 4th column under Bet Info) */
.t1x2-theme .s5w {
  overflow: hidden;
}

.t1x2-theme .s5w .gv-widget-head {
  margin-bottom: 10px;
}

.t1x2-theme .s5w .gv-widget-head h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.t1x2-theme .s5w-logo {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-size: 19px;
  box-shadow: 0 4px 10px rgba(255, 173, 10, .3);
}

.t1x2-theme .s5w-item[hidden] {
  display: none !important;
}

.t1x2-theme .s5w-match {
  display: block;
  padding: 12px 10px 14px;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
  background: var(--gv-surface);
  color: inherit !important;
  text-decoration: none !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.t1x2-theme .s5w-match:hover {
  border-color: rgba(18, 58, 134, .3);
  box-shadow: 0 8px 20px rgba(11, 31, 75, .1);
}

.t1x2-theme .s5w-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 8px;
}

.t1x2-theme .s5w-top .s5-league {
  font-size: 10.5px;
}

.t1x2-theme .s5w-top .s5-when {
  font-size: 11.5px;
}

.t1x2-theme .s5w .s5-teams {
  gap: 8px;
  padding: 12px 0 0;
}

.t1x2-theme .s5w .s5-crest {
  width: 52px;
  height: 52px;
}

.t1x2-theme .s5w .s5-team b {
  font-size: 13.5px;
}

.t1x2-theme .s5w .s5-vs span {
  width: 34px;
  height: 34px;
  font-size: 11px;
}

.t1x2-theme .s5w-foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 12px;
}

.t1x2-theme .s5w-prize {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
}

.t1x2-theme .s5w-prize i {
  color: var(--s5-gold-2);
}

.t1x2-theme .s5w-prize b {
  font-weight: 900;
}

.t1x2-theme a.s5w-btn {
  justify-content: center;
  width: 100%;
  padding: 10px 14px;
  color: #0b1f4b !important;
  font-size: 13.5px;
  text-decoration: none !important;
}

.t1x2-theme a.s5w-btn:hover {
  filter: brightness(1.04);
}

/* night */
body.t1x2-theme.night-mode .s5-page,
body.t1x2-theme.night-mode .s5w {
  --s5-ink: #e7ecf7;
  --s5-tint: rgba(79, 195, 255, .1);
  --s5-gold-ink: #ffcf5c;
  --s5-navy-2: #7fb6ff;
  --s5-win: #3ddc84;
  --s5-win-bg: rgba(61, 220, 132, .12);
  --s5-win-row: rgba(61, 220, 132, .14);
  --s5-loss: #ff6b7d;
  --s5-loss-bg: rgba(255, 107, 125, .1);
}

body.t1x2-theme.night-mode .s5-q-n {
  background: #1b3d8f;
}

body.t1x2-theme.night-mode .s5-opt input:checked + span {
  background: #1b3d8f;
}

body.t1x2-theme.night-mode .s5-btn:not(.is-gold):not(.is-ghost):not(.is-danger):not(.is-done):not(.is-off) {
  background: #1b3d8f;
}

body.t1x2-theme.night-mode .s5-day.is-on {
  background: #1b3d8f;
}

body.t1x2-theme.night-mode .s5-card {
  box-shadow: none;
}

/* tablets / phones */
@media (max-width: 991.98px) {
  .t1x2-theme .s5-hero-five {
    font-size: 170px;
  }
}

@media (max-width: 767.98px) {
  .t1x2-theme .s5-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .t1x2-theme .s5-hero {
    padding: 22px 18px 18px;
  }

  .t1x2-theme .s5-hero-title {
    font-size: 42px;
  }

  .t1x2-theme .s5-hero-five {
    right: 6px;
    font-size: 130px;
  }

  /* paused page: the text is the whole hero here, the big outline "5" would run under it */
  .t1x2-theme .s5-pause .s5-hero-five {
    display: none;
  }

  .t1x2-theme .s5-mh {
    padding: 16px 14px 20px;
  }

  .t1x2-theme .s5-crest.is-xl {
    --s5-crest-pad: 10px;
    width: 70px;
    height: 70px;
    padding: 9px;
  }

  .t1x2-theme .s5-mh .s5-team b {
    font-size: 15px;
  }

  .t1x2-theme .s5-vs-big {
    font-size: 20px;
  }

  .t1x2-theme .s5-box {
    padding: 16px 14px;
  }

  .t1x2-theme .s5-opts {
    gap: 6px;
  }

  .t1x2-theme .s5-opt span {
    min-height: 44px;
    padding: 6px 2px;
    border-radius: 12px;
    font-size: 14px;
  }

  .t1x2-theme .s5-mine {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .t1x2-theme .s5-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .s5-hide-sm {
    display: none !important;
  }

  .t1x2-theme .s5-show-sm {
    display: block !important;
  }

  .t1x2-theme .s5-table.s5-offer-table,
  .t1x2-theme .s5-table.s5-admin-table {
    min-width: 0;
  }

  /* all matches (admin): one small card per match instead of 5 narrow columns */
  .t1x2-theme .s5-admin-table thead {
    display: none;
  }

  .t1x2-theme .s5-admin-table,
  .t1x2-theme .s5-admin-table tbody {
    display: block;
  }

  .t1x2-theme .s5-admin-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 12px;
    border-bottom: 1px solid var(--gv-line);
  }

  .t1x2-theme .s5-admin-table tbody tr:last-child {
    border-bottom: 0;
  }

  .t1x2-theme .s5-table.s5-admin-table td {
    display: block;
    width: auto;
    padding: 0;
    border: 0;
    text-align: left;
  }

  .t1x2-theme .s5-admin-table td:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    color: var(--gv-muted);
    font-size: 12.5px;
  }

  .t1x2-theme .s5-admin-table td:nth-child(1) small {
    display: inline;
    margin-left: 6px;
  }

  .t1x2-theme .s5-admin-table td:nth-child(3) {
    grid-row: 1;
    grid-column: 2;
    color: var(--gv-muted);
    font-size: 12.5px;
    text-align: right;
  }

  .t1x2-theme .s5-admin-table td:nth-child(3)::before {
    content: "Igrača: ";
    font-weight: 600;
  }

  .t1x2-theme .s5-admin-table td:nth-child(3) small {
    display: inline;
    margin-left: 6px;
  }

  .t1x2-theme .s5-admin-table td:nth-child(2) {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .t1x2-theme .s5-admin-table .s5-fx {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 6px 8px;
  }

  .t1x2-theme .s5-admin-table .s5-fx > span:not(.s5-crest) {
    display: none;
  }

  .t1x2-theme .s5-admin-table td:nth-child(4) {
    grid-row: 3;
    grid-column: 1;
    align-self: center;
    min-width: 0;
  }

  .t1x2-theme .s5-admin-table td:nth-child(4) .s5-auto-note {
    max-width: 100%;
  }

  .t1x2-theme .s5-admin-table td:nth-child(5) {
    grid-row: 3;
    grid-column: 2;
    align-self: center;
  }

  /* match head: only "VS" between the teams, the countdown / state goes below them,
     so the team names have room and do not break inside a word */
  .t1x2-theme .s5-mh-teams {
    row-gap: 14px;
  }

  .t1x2-theme .s5-mh-mid {
    display: contents;
  }

  .t1x2-theme .s5-mh-mid .s5-vs-big {
    grid-row: 1;
    grid-column: 2;
  }

  .t1x2-theme .s5-mh-mid > .s5-cd,
  .t1x2-theme .s5-mh-mid > .s5-chip {
    grid-row: 2;
    grid-column: 1 / -1;
    justify-self: center;
  }

  /* the answers fit the phone: compact cells, no avatar, short headers */

  .t1x2-theme .s5-table {
    min-width: 0;
    font-size: 12.5px;
  }

  .t1x2-theme .s5-table th,
  .t1x2-theme .s5-table td {
    padding: 9px 2px;
  }

  .t1x2-theme .s5-table td:not(.is-left),
  .t1x2-theme .s5-table tr.s5-correct th:not(.is-left) {
    white-space: nowrap;
  }

  .t1x2-theme .s5-table .is-left {
    max-width: 118px;
    padding-left: 10px;
  }

  .t1x2-theme .s5-table thead th {
    font-size: 9px;
    letter-spacing: 0;
  }

  .t1x2-theme .s5-table thead th small {
    font-size: 8.5px;
  }

  .t1x2-theme .s5-table tr.s5-correct th {
    font-size: 12px;
  }

  .t1x2-theme .s5-table .s5-who {
    gap: 6px;
  }

  .t1x2-theme .s5-table .s5-who .gv-avatar {
    display: none;
  }

  .t1x2-theme .s5-pos {
    min-width: 18px;
    font-size: 11px;
  }

  .t1x2-theme .s5-table .s5-name {
    font-size: 12.5px;
  }

  .t1x2-theme .s5-table .s5-who-name small {
    white-space: nowrap;
  }

  .t1x2-theme .s5-form-foot .s5-btn {
    flex: 1 1 auto;
  }
}

/* 11t. TOP FORMA (t1x2_topforma.tpl: /topforma question answered now, Tvoja forma, Top 20,
   earlier questions, one question with everybody's answers, rules, administration;
   php/topforma/*, t1x2.js "T1X2 Top forma"; home page widget php/cron/topforma_widget.html)
   Own identity: deep green with the colors of a streak (orange, light blue, light green,
   dark green) and a big "12", on the site's cards and type.
   ------------------------------------------------------------------------ */
.t1x2-theme .tf-page,
.t1x2-theme .tf-modal,
.t1x2-theme .tfw {
  --tf-deep: #04140d;
  --tf-green: #16a34a;
  --tf-green-2: #15803d;
  --tf-dark: #14532d;
  --tf-ink: #0f3b26;
  --tf-tint: rgba(22, 163, 74, .09);
  --tf-gold: #ffc93c;
  --tf-gold-2: #ffad0a;
  --tf-gold-tint: rgba(255, 185, 20, .16);
  --tf-gold-ink: #8a5d00;
  --tf-hit: #15924f;
  --tf-hit-bg: rgba(22, 163, 74, .12);
  --tf-miss: #d1293d;
  --tf-miss-bg: rgba(209, 41, 61, .09);
  --tf-sky-ink: #0b6fa4;
  --tf-sky-bg: rgba(56, 189, 248, .14);
  /* the steps of a streak */
  --tf-lv-orange: #f97316;
  --tf-lv-sky: #38bdf8;
  --tf-lv-lime: #4ade80;
  --tf-lv-green: #15803d;
  --tf-lv-top: #0f5132;
  --tf-grad: linear-gradient(125deg, #04140d 0%, #0b2e1f 42%, #11613b 80%, #0b4a2c 100%);
  --tf-r: 20px;
}

.t1x2-theme .tf-main {
  gap: 18px;
}

/* menu */
.t1x2-theme .tf-logo {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 12px;
  background: linear-gradient(135deg, #f97316 0%, #38bdf8 38%, #4ade80 68%, #15803d 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  box-shadow: 0 6px 14px rgba(21, 128, 61, .3);
}

/* page heading */
.t1x2-theme .tf-head h1 {
  margin: 6px 0 4px;
  color: var(--gv-ink);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.t1x2-theme .tf-head p {
  margin: 0;
  color: var(--gv-muted);
}

.t1x2-theme .tf-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--tf-green-2);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.t1x2-theme .tf-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gv-muted) !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.t1x2-theme .tf-muted {
  margin: 8px 0 0;
  color: var(--gv-muted);
  font-size: 13px;
}

.t1x2-theme .tf-intro {
  margin: 0;
  padding: 14px 18px;
  border-left: 4px solid var(--tf-green);
  border-radius: 14px;
  background: var(--gv-surface);
  color: var(--gv-body);
  font-size: 14.5px;
  line-height: 1.6;
}

/* hero */
.t1x2-theme .tf-hero,
.t1x2-theme .tf-qhead {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: var(--tf-grad);
  color: #fff;
  box-shadow: 0 22px 50px rgba(4, 20, 13, .3);
  isolation: isolate;
}

.t1x2-theme .tf-hero {
  padding: 30px 30px 22px;
}

.t1x2-theme .tf-hero-glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(420px 240px at 88% 0%, rgba(249, 115, 22, .28), transparent 70%),
    radial-gradient(380px 260px at 4% 115%, rgba(74, 222, 128, .28), transparent 70%),
    repeating-linear-gradient(120deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 18px);
}

.t1x2-theme .tf-hero-big {
  position: absolute;
  right: 22px;
  top: 50%;
  z-index: -1;
  transform: translateY(-56%) rotate(-8deg);
  color: transparent;
  font-size: 210px;
  font-weight: 900;
  letter-spacing: -.06em;
  line-height: 1;
  -webkit-text-stroke: 3px rgba(74, 222, 128, .42);
  text-shadow: 0 0 60px rgba(74, 222, 128, .16);
  pointer-events: none;
}

.t1x2-theme .tf-hero-main {
  max-width: 620px;
}

.t1x2-theme .tf-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fdba74;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.t1x2-theme .tf-hero-title {
  margin: 10px 0 6px;
  color: #fff;
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  text-transform: uppercase;
}

.t1x2-theme .tf-hero-title em {
  font-style: normal;
  background: linear-gradient(90deg, #fdba74, #7dd3fc 45%, #86efac 75%, #4ade80);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.t1x2-theme .tf-hero-line {
  margin: 0;
  color: rgba(255, 255, 255, .88);
  font-size: 16px;
  font-weight: 600;
}

.t1x2-theme .tf-hero-line b {
  color: #86efac;
}

.t1x2-theme .tf-hero-cd {
  margin-top: 14px;
}

.t1x2-theme .tf-steps.tf-hero-steps {
  max-width: 440px;
  margin-top: 18px;
}

.t1x2-theme .tf-steps.tf-hero-steps i {
  height: 10px;
  background: rgba(255, 255, 255, .14);
}

.t1x2-theme .tf-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.t1x2-theme .tf-hero-chips span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .78);
  font-size: 12.5px;
}

.t1x2-theme .tf-hero-chips b {
  color: #fff;
  font-size: 15px;
}

/* the 12 steps of a streak: every step in its own color */
.t1x2-theme .tf-steps {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
}

.t1x2-theme .tf-steps i {
  display: block;
  height: 12px;
  border-radius: 4px;
  background: var(--gv-line);
}

.t1x2-theme .tf-steps i.is-on.lv-orange { background: var(--tf-lv-orange, #f97316); }
.t1x2-theme .tf-steps i.is-on.lv-sky { background: var(--tf-lv-sky, #38bdf8); }
.t1x2-theme .tf-steps i.is-on.lv-lime { background: var(--tf-lv-lime, #4ade80); }
.t1x2-theme .tf-steps i.is-on.lv-green { background: var(--tf-lv-green, #15803d); }
.t1x2-theme .tf-steps i.is-on.lv-top { background: var(--tf-lv-top, #0f5132); box-shadow: 0 0 0 2px var(--tf-gold, #ffc93c) inset; }

.t1x2-theme .tf-steps.is-mini {
  width: 84px;
  flex: 0 0 auto;
  gap: 2px;
}

.t1x2-theme .tf-steps.is-mini i {
  height: 7px;
  border-radius: 2px;
}

/* the streak as a badge */
.t1x2-theme .tf-niz {
  display: inline-grid;
  place-items: center;
  min-width: 32px;
  height: 30px;
  padding: 0 8px;
  border-radius: 10px;
  background: var(--gv-sunken);
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .tf-niz.lv-orange { background: var(--tf-lv-orange); color: #fff; }
.t1x2-theme .tf-niz.lv-sky { background: var(--tf-lv-sky); color: #06324a; }
.t1x2-theme .tf-niz.lv-lime { background: var(--tf-lv-lime); color: #063a1c; }
.t1x2-theme .tf-niz.lv-green { background: var(--tf-lv-green); color: #fff; }
.t1x2-theme .tf-niz.lv-top { background: var(--tf-lv-top); color: var(--tf-gold); box-shadow: 0 0 0 2px var(--tf-gold); }

/* countdown */
.t1x2-theme .tf-cd {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 7px 14px;
  border-radius: 14px;
  background: var(--tf-tint);
  color: var(--tf-ink);
  line-height: 1.2;
}

.t1x2-theme .tf-cd small {
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.t1x2-theme .tf-cd b {
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .tf-cd.is-soon b {
  color: var(--tf-miss);
}

.t1x2-theme .tf-hero .tf-cd {
  background: rgba(255, 255, 255, .1);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
  backdrop-filter: blur(6px);
}

.t1x2-theme .tf-hero .tf-cd small {
  color: rgba(255, 255, 255, .7);
}

.t1x2-theme .tf-hero .tf-cd b {
  color: #86efac;
}

/* state of a question */
.t1x2-theme .tf-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t1x2-theme .tf-chip.is-queue { color: var(--gv-muted); background: var(--gv-sunken); }
.t1x2-theme .tf-chip.is-next { color: var(--tf-sky-ink); background: var(--tf-sky-bg); }
.t1x2-theme .tf-chip.is-live { color: var(--tf-gold-ink); background: var(--tf-gold-tint); }
.t1x2-theme .tf-chip.is-done { color: var(--tf-hit); background: var(--tf-hit-bg); }
.t1x2-theme .tf-chip.is-void { color: var(--gv-muted); background: var(--gv-sunken); }

.t1x2-theme .tf-qhead .tf-chip {
  color: #fff;
  background: rgba(255, 255, 255, .14);
}

/* an answer of a member: hit green, miss red ... */
.t1x2-theme .tf-tip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 11px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto;
}

.t1x2-theme .tf-tip.is-hit { color: #fff; background: var(--tf-hit); }
.t1x2-theme .tf-tip.is-miss { color: #fff; background: var(--tf-miss); }
.t1x2-theme .tf-tip.is-void { color: var(--gv-muted); background: var(--gv-sunken); text-decoration: line-through; }
.t1x2-theme .tf-tip.is-wait { color: var(--tf-gold-ink); background: var(--tf-gold-tint); }
.t1x2-theme .tf-tip.is-open { color: var(--tf-sky-ink); background: var(--tf-sky-bg); }

/* boxes */
.t1x2-theme .tf-box {
  padding: 18px 20px 20px;
  border: 1px solid var(--gv-line);
  border-radius: var(--tf-r);
  background: var(--gv-surface);
}

.t1x2-theme .tf-box-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 14px;
}

.t1x2-theme .tf-box-head h2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--gv-ink);
  font-size: 18px;
  font-weight: 800;
}

.t1x2-theme .tf-box-head h2 i {
  color: var(--tf-green);
}

.t1x2-theme a.tf-box-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--tf-green-2) !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.t1x2-theme .tf-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 26px 14px;
  border-radius: 16px;
  background: var(--gv-sunken);
  color: var(--gv-muted);
  text-align: center;
}

.t1x2-theme .tf-empty i {
  color: var(--tf-green);
  font-size: 28px;
}

.t1x2-theme .tf-empty p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
}

.t1x2-theme .tf-empty b {
  color: var(--gv-ink);
  font-size: 16px;
}

.t1x2-theme .tf-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--tf-tint);
  color: var(--gv-body);
  font-size: 14px;
  line-height: 1.55;
}

.t1x2-theme .tf-alert > i {
  margin-top: 3px;
  color: var(--tf-green-2);
}

.t1x2-theme .tf-alert.is-warning { background: var(--tf-gold-tint); }
.t1x2-theme .tf-alert.is-warning > i { color: var(--tf-gold-ink); }
.t1x2-theme .tf-alert.is-danger { background: var(--tf-miss-bg); }
.t1x2-theme .tf-alert.is-danger > i { color: var(--tf-miss); }
.t1x2-theme .tf-alert.is-success { background: var(--tf-hit-bg); }
.t1x2-theme .tf-alert.is-success > i { color: var(--tf-hit); }
.t1x2-theme .tf-alert.is-info { background: var(--tf-sky-bg); }
.t1x2-theme .tf-alert.is-info > i { color: var(--tf-sky-ink); }

.t1x2-theme .tf-alert a {
  color: var(--tf-green-2);
  font-weight: 800;
}

/* winners of the cycle that just ended */
.t1x2-theme .tf-winner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: var(--tf-r);
  background: linear-gradient(120deg, rgba(255, 201, 60, .22), rgba(255, 173, 10, .1));
  box-shadow: inset 0 0 0 1px rgba(255, 173, 10, .35);
}

.t1x2-theme .tf-winner > i {
  color: var(--tf-gold-2);
  font-size: 30px;
}

.t1x2-theme .tf-winner b {
  display: block;
  color: var(--gv-ink);
  font-size: 16px;
}

.t1x2-theme .tf-winner span {
  color: var(--gv-body);
  font-size: 14px;
}

/* the question answered now */
.t1x2-theme .tf-q {
  position: relative;
  padding: 22px 24px 20px;
  border: 1px solid var(--gv-line);
  border-radius: var(--tf-r);
  background: var(--gv-surface);
  box-shadow: 0 12px 30px rgba(4, 20, 13, .08);
}

.t1x2-theme .tf-q::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: var(--tf-r) var(--tf-r) 0 0;
  background: linear-gradient(90deg, #f97316, #38bdf8 40%, #4ade80 70%, #15803d);
}

.t1x2-theme .tf-q-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.t1x2-theme .tf-q-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--tf-green-2);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.t1x2-theme .tf-q-text {
  margin: 14px 0 6px;
  color: var(--gv-ink);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: break-word;
}

.t1x2-theme .tf-q-when {
  margin: 0 0 16px;
  color: var(--gv-muted);
  font-size: 14px;
  line-height: 1.5;
}

.t1x2-theme .tf-q-when i {
  margin-right: 6px;
}

.t1x2-theme .tf-q-when b {
  color: var(--gv-ink);
}

.t1x2-theme .tf-opts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}

.t1x2-theme .tf-opt {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 58px;
  padding: 10px 14px;
  border: 2px solid var(--gv-line);
  border-radius: 16px;
  background: var(--gv-surface);
  color: var(--gv-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: transform .12s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.t1x2-theme .tf-opt i {
  display: none;
}

.t1x2-theme .tf-opt:hover:not(:disabled) {
  border-color: var(--tf-green);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(22, 163, 74, .16);
}

.t1x2-theme .tf-opt.is-on {
  border-color: transparent;
  background: linear-gradient(135deg, #22c55e, #15803d);
  color: #fff;
  box-shadow: 0 10px 22px rgba(21, 128, 61, .3);
}

.t1x2-theme .tf-opt.is-on i {
  display: inline-block;
}

.t1x2-theme .tf-opt:disabled {
  cursor: not-allowed;
  opacity: .62;
}

.t1x2-theme .tf-opt.is-busy {
  opacity: .7;
  pointer-events: none;
}

.t1x2-theme .tf-msg {
  margin: 14px 0 0;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
}

.t1x2-theme .tf-msg[hidden] {
  display: none;
}

.t1x2-theme .tf-msg.is-ok {
  background: var(--tf-hit-bg);
  color: var(--tf-hit);
}

.t1x2-theme .tf-msg.is-err {
  background: var(--tf-miss-bg);
  color: var(--tf-miss);
}

.t1x2-theme .tf-q-note {
  margin: 14px 0 0;
  color: var(--gv-muted);
  font-size: 13px;
  line-height: 1.5;
}

.t1x2-theme .tf-q-note i {
  margin-right: 7px;
}

/* Tvoja forma | Top 20 */
.t1x2-theme .tf-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.t1x2-theme .tf-score {
  --lv: var(--tf-lv-orange);
  padding: 16px;
  border-radius: 16px;
  background: var(--gv-sunken);
}

.t1x2-theme .tf-score.lv-sky { --lv: var(--tf-lv-sky); }
.t1x2-theme .tf-score.lv-lime { --lv: var(--tf-lv-lime); }
.t1x2-theme .tf-score.lv-green { --lv: var(--tf-lv-green); }
.t1x2-theme .tf-score.lv-top { --lv: var(--tf-lv-top); }

.t1x2-theme .tf-score-num {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}

.t1x2-theme .tf-score-num b {
  color: var(--lv);
  font-size: 54px;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .tf-score-num span {
  color: var(--gv-muted);
  font-size: 18px;
  font-weight: 800;
}

.t1x2-theme .tf-score-note {
  margin: 10px 0 0;
  color: var(--gv-body);
  font-size: 13.5px;
}

.t1x2-theme .tf-score.is-guest .tf-steps {
  margin-bottom: 4px;
}

.t1x2-theme .tf-guest-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}

.t1x2-theme .tf-sub {
  margin: 18px 0 10px;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 800;
}

/* last answers */
.t1x2-theme .tf-hist {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .tf-hist li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  border-left: 4px solid var(--gv-line);
  border-radius: 10px;
  background: var(--gv-sunken);
  color: inherit !important;
  text-decoration: none !important;
}

.t1x2-theme .tf-hist li.is-hit a { border-left-color: var(--tf-hit); }
.t1x2-theme .tf-hist li.is-miss a { border-left-color: var(--tf-miss); }
.t1x2-theme .tf-hist li.is-wait a { border-left-color: var(--tf-gold-2); }

.t1x2-theme .tf-hist-q {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .tf-hist-q b {
  display: -webkit-box;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.t1x2-theme .tf-hist-q small {
  color: var(--gv-muted);
  font-size: 12px;
}

/* Top 20 */
.t1x2-theme .tf-top-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .tf-top-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.t1x2-theme .tf-top-row:hover {
  background: var(--gv-sunken);
}

.t1x2-theme .tf-top-list li.is-me .tf-top-row {
  background: var(--tf-tint);
}

.t1x2-theme .tf-pos {
  min-width: 24px;
  color: var(--gv-faint);
  font-size: 12px;
  font-weight: 800;
}

.t1x2-theme .tf-top-row .gv-avatar {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  font-size: 11px;
}

.t1x2-theme .tf-top-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .tf-top-hint {
  margin-top: 10px;
}

/* earlier questions */
.t1x2-theme .tf-recent {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .tf-recent li a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--gv-line);
  border-radius: 14px;
  color: inherit !important;
  text-decoration: none !important;
  transition: border-color .15s ease, background .15s ease;
}

.t1x2-theme .tf-recent li a:hover {
  border-color: rgba(22, 163, 74, .4);
  background: var(--tf-tint);
}

.t1x2-theme .tf-recent-q {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t1x2-theme .tf-recent-q b {
  overflow: hidden;
  color: var(--gv-ink);
  font-size: 14.5px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .tf-recent-q small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .tf-recent-go {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tf-green-2);
  font-size: 12.5px;
  font-weight: 800;
  white-space: nowrap;
}

/* how to play */
.t1x2-theme .tf-how {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .tf-how li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  background: var(--gv-sunken);
}

.t1x2-theme .tf-how li > i {
  margin-top: 2px;
  color: var(--tf-green);
}

.t1x2-theme .tf-how b {
  display: block;
  color: var(--gv-ink);
  font-size: 14px;
}

.t1x2-theme .tf-how small {
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

/* one question: head, how they answered, everybody's answers */
.t1x2-theme .tf-qhead {
  padding: 22px 24px;
}

.t1x2-theme .tf-qhead-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.t1x2-theme .tf-qhead .tf-when {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, .78);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .tf-qhead-text {
  margin: 14px 0 0;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: break-word;
}

.t1x2-theme .tf-mine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--gv-body);
  font-weight: 700;
}

.t1x2-theme .tf-spread {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 4px;
  padding: 0;
  list-style: none;
}

.t1x2-theme .tf-spread-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
  font-size: 14px;
}

.t1x2-theme .tf-spread-top b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gv-ink);
}

.t1x2-theme .tf-spread-top span {
  color: var(--gv-muted);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.t1x2-theme .tf-spread-bar {
  display: block;
  height: 10px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--gv-sunken);
}

.t1x2-theme .tf-spread-bar i {
  display: block;
  height: 100%;
  border-radius: 6px;
  background: var(--tf-lv-sky);
}

.t1x2-theme .tf-spread li.is-right b {
  color: var(--tf-hit);
}

.t1x2-theme .tf-spread li.is-right .tf-spread-bar i {
  background: var(--tf-hit);
}

.t1x2-theme .tf-tablewrap {
  overflow-x: auto;
  margin-top: 12px;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
}

.t1x2-theme .tf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.t1x2-theme .tf-table th,
.t1x2-theme .tf-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--gv-line);
  text-align: center;
  vertical-align: middle;
}

.t1x2-theme .tf-table thead th {
  background: var(--gv-sunken);
  color: var(--gv-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.t1x2-theme .tf-table .is-left {
  text-align: left;
}

.t1x2-theme .tf-table tbody tr:last-child td {
  border-bottom: 0;
}

.t1x2-theme .tf-table td small {
  display: block;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .tf-table tr.is-me td {
  background: var(--tf-tint);
}

.t1x2-theme .tf-who {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.t1x2-theme .tf-who .gv-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  font-size: 11px;
}

.t1x2-theme .tf-name {
  overflow: hidden;
  color: var(--gv-ink) !important;
  font-weight: 800;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme a.tf-name:hover {
  color: var(--tf-green-2) !important;
}

.t1x2-theme .tf-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
  color: var(--gv-muted);
  font-size: 13px;
  font-weight: 700;
}

.t1x2-theme .tf-pager a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--tf-green-2) !important;
  font-weight: 800;
  text-decoration: none !important;
}

.t1x2-theme .tf-cycles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.t1x2-theme .tf-cycles li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--gv-sunken);
}

.t1x2-theme .tf-cycle-no {
  color: var(--gv-ink);
  font-weight: 900;
}

.t1x2-theme .tf-cycle-who {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.t1x2-theme .tf-cycle-who i {
  color: var(--tf-gold-2);
}

.t1x2-theme .tf-cycles small {
  flex-basis: 100%;
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .tf-rules ol {
  padding-left: 22px;
}

.t1x2-theme .tf-rules li {
  margin-bottom: 8px;
}

.t1x2-theme .tf-rules a {
  color: var(--tf-green-2);
}

/* the modal: last 12 answers of a member */
.t1x2-theme .tf-modal .gv-tp-modal-box {
  max-width: 560px;
}

.t1x2-theme .tf-modal [data-tf-modal-body] {
  margin-top: 12px;
}

body.gv-tp-modal-open {
  overflow: hidden;
}

/* buttons */
.t1x2-theme .tf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: var(--tf-dark);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .15s;
}

.t1x2-theme .tf-btn:hover {
  transform: translateY(-1px);
}

.t1x2-theme .tf-btn:disabled {
  cursor: not-allowed;
  opacity: .55;
  transform: none;
}

.t1x2-theme .tf-btn.is-main {
  background: linear-gradient(135deg, #22c55e, #15803d);
  box-shadow: 0 8px 18px rgba(21, 128, 61, .25);
}

.t1x2-theme .tf-btn.is-ghost {
  background: var(--tf-tint);
  color: var(--tf-green-2) !important;
}

.t1x2-theme .tf-btn.is-danger {
  background: var(--tf-miss);
}

.t1x2-theme .tf-btn.is-sm {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 13px;
}

.t1x2-theme .tf-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #22c55e, #15803d);
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(21, 128, 61, .25);
}

/* administration */
.t1x2-theme .tf-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.t1x2-theme .tf-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.t1x2-theme .tf-field.is-wide {
  grid-column: 1 / -1;
}

.t1x2-theme .tf-field label {
  color: var(--gv-ink);
  font-size: 13px;
  font-weight: 800;
}

.t1x2-theme .tf-field input,
.t1x2-theme .tf-field textarea,
.t1x2-theme .tf-ans-row input[type="text"] {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid var(--gv-line);
  border-radius: 12px;
  background: var(--gv-input, var(--gv-surface));
  color: var(--gv-ink);
  font-size: 14.5px;
}

.t1x2-theme .tf-field textarea {
  resize: vertical;
}

.t1x2-theme .tf-field input:focus,
.t1x2-theme .tf-field textarea:focus,
.t1x2-theme .tf-ans-row input[type="text"]:focus {
  border-color: var(--tf-green);
  outline: 0;
  box-shadow: 0 0 0 3px var(--tf-tint);
}

.t1x2-theme .tf-field small {
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.t1x2-theme .tf-ans {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.t1x2-theme .tf-ans-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.t1x2-theme .tf-ans-x {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 10px;
  background: var(--tf-miss-bg);
  color: var(--tf-miss);
  cursor: pointer;
}

.t1x2-theme .tf-ans-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.t1x2-theme .tf-form-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.t1x2-theme .tf-form-foot .tf-msg {
  flex: 1 1 100%;
  margin: 0;
}

.t1x2-theme .tf-form-foot.is-sticky {
  position: sticky;
  bottom: 10px;
  z-index: 2;
  padding: 12px;
  border: 1px solid var(--gv-line);
  border-radius: 16px;
  background: var(--gv-surface);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}

.t1x2-theme .tf-res-opts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.t1x2-theme .tf-res-opt {
  position: relative;
  cursor: pointer;
}

.t1x2-theme .tf-res-opt input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.t1x2-theme .tf-res-opt span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 100%;
  padding: 12px 14px;
  border: 2px solid var(--gv-line);
  border-radius: 14px;
  background: var(--gv-surface);
}

.t1x2-theme .tf-res-opt b {
  color: var(--gv-ink);
  font-size: 15px;
}

.t1x2-theme .tf-res-opt small {
  color: var(--gv-muted);
  font-size: 12px;
}

.t1x2-theme .tf-res-opt input:checked + span {
  border-color: var(--tf-green);
  background: var(--tf-hit-bg);
}

.t1x2-theme .tf-res-opt.is-void input:checked + span {
  border-color: var(--gv-muted);
  background: var(--gv-sunken);
}

.t1x2-theme .tf-res-opt input:focus-visible + span {
  box-shadow: 0 0 0 3px var(--tf-tint);
}

.t1x2-theme .tf-admin-q {
  display: block;
  color: var(--gv-ink) !important;
  font-weight: 800;
  text-decoration: none !important;
}

.t1x2-theme .tf-admin-table td:last-child {
  width: 1%;
  white-space: nowrap;
}

.t1x2-theme .tf-admin-table tr.is-next td {
  background: var(--tf-sky-bg);
}

.t1x2-theme .tf-row-act {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.t1x2-theme .tf-danger-zone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.t1x2-theme .tf-danger-zone .tf-msg {
  flex: 1 1 auto;
  margin: 0;
}

.t1x2-theme .tf-admin-link {
  margin: 0;
}

/* the game is off (/administracija/igre): members and guests see only this */
.t1x2-theme .tf-pause .tf-hero-main {
  max-width: 620px;
}

.t1x2-theme .tf-pause-text {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: 15px;
  line-height: 1.55;
}

.t1x2-theme a.tf-pause-btn {
  margin-top: 18px;
  padding: 10px 18px;
  font-size: 14px;
}

/* home page widget "Top forma" (php/cron/topforma_widget.html, 4th column under Super 5) */
.t1x2-theme .tfw {
  overflow: hidden;
}

.t1x2-theme .tfw .gv-widget-head {
  margin-bottom: 10px;
}

.t1x2-theme .tfw .gv-widget-head h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.t1x2-theme .tfw-logo {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-size: 13px;
}

.t1x2-theme .tfw-item[hidden] {
  display: none !important;
}

.t1x2-theme .tfw-q {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-radius: 16px;
  background: var(--tf-grad);
  color: #fff !important;
  text-decoration: none !important;
  isolation: isolate;
}

.t1x2-theme .tfw-q::after {
  content: "12";
  position: absolute;
  right: -6px;
  bottom: -26px;
  z-index: -1;
  color: transparent;
  font-size: 96px;
  font-weight: 900;
  letter-spacing: -.06em;
  line-height: 1;
  -webkit-text-stroke: 2px rgba(74, 222, 128, .3);
  transform: rotate(-8deg);
}

.t1x2-theme .tfw-q small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fdba74;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.t1x2-theme .tfw-q b {
  display: -webkit-box;
  overflow: hidden;
  font-size: 15.5px;
  font-weight: 800;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.t1x2-theme .tfw-when {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 700;
}

.t1x2-theme .tfw-foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 12px;
}

.t1x2-theme .tfw-prize {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--gv-ink);
  font-size: 13.5px;
  font-weight: 700;
}

.t1x2-theme .tfw-prize i {
  color: #f97316;
}

.t1x2-theme .tfw-prize b {
  font-weight: 900;
}

.t1x2-theme a.tfw-btn {
  justify-content: center;
  width: 100%;
  padding: 10px 14px;
  font-size: 13.5px;
}

/* night */
body.t1x2-theme.night-mode .tf-page,
body.t1x2-theme.night-mode .tf-modal,
body.t1x2-theme.night-mode .tfw {
  --tf-ink: #e7f5ec;
  --tf-tint: rgba(74, 222, 128, .1);
  --tf-green-2: #4ade80;
  --tf-gold-ink: #ffcf5c;
  --tf-hit: #3ddc84;
  --tf-hit-bg: rgba(61, 220, 132, .12);
  --tf-miss: #ff6b7d;
  --tf-miss-bg: rgba(255, 107, 125, .1);
  --tf-sky-ink: #7dd3fc;
  --tf-sky-bg: rgba(56, 189, 248, .12);
  --tf-lv-green: #22a55a;
  --tf-lv-top: #15803d;
}

body.t1x2-theme.night-mode .tf-tip.is-hit { background: #15924f; }
body.t1x2-theme.night-mode .tf-tip.is-miss { background: #c2283a; }

body.t1x2-theme.night-mode .tf-q {
  box-shadow: none;
}

body.t1x2-theme.night-mode .tf-btn:not(.is-main):not(.is-ghost):not(.is-danger) {
  background: #1f6b43;
}

/* tablets / phones */
@media (max-width: 991.98px) {
  .t1x2-theme .tf-hero-big {
    font-size: 160px;
  }

  .t1x2-theme .tf-cols {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .tf-how {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .t1x2-theme .tf-hero {
    padding: 22px 18px 18px;
  }

  .t1x2-theme .tf-hero-title {
    font-size: 40px;
  }

  .t1x2-theme .tf-hero-big {
    right: -6px;
    font-size: 120px;
    opacity: .55;
  }

  .t1x2-theme .tf-pause .tf-hero-big {
    display: none;
  }

  .t1x2-theme .tf-q,
  .t1x2-theme .tf-qhead {
    padding: 18px 16px;
  }

  .t1x2-theme .tf-q-text,
  .t1x2-theme .tf-qhead-text {
    font-size: 21px;
  }

  .t1x2-theme .tf-opts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .tf-opt {
    min-height: 54px;
    font-size: 16px;
  }

  .t1x2-theme .tf-box {
    padding: 16px 14px;
  }

  .t1x2-theme .tf-how {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .tf-recent li a {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .t1x2-theme .tf-recent-go {
    display: none;
  }

  .t1x2-theme .tf-recent-q b {
    white-space: normal;
  }

  .t1x2-theme .tf-steps.is-mini {
    width: 60px;
  }

  .t1x2-theme .tf-table th,
  .t1x2-theme .tf-table td {
    padding: 9px 6px;
  }

  .t1x2-theme .tf-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .tf-hide-sm {
    display: none !important;
  }

  .t1x2-theme .tf-form-foot .tf-btn {
    flex: 1 1 auto;
  }

  /* all questions (admin): one small card per question */
  .t1x2-theme .tf-admin-table thead {
    display: none;
  }

  .t1x2-theme .tf-admin-table,
  .t1x2-theme .tf-admin-table tbody {
    display: block;
  }

  .t1x2-theme .tf-admin-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 12px;
    border-bottom: 1px solid var(--gv-line);
  }

  .t1x2-theme .tf-admin-table tbody tr:last-child {
    border-bottom: 0;
  }

  .t1x2-theme .tf-table.tf-admin-table td {
    display: block;
    width: auto;
    padding: 0;
    border: 0;
    text-align: left;
  }

  .t1x2-theme .tf-admin-table td:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    color: var(--gv-muted);
    font-size: 12.5px;
  }

  .t1x2-theme .tf-admin-table td:nth-child(1) small {
    display: inline;
    margin-left: 6px;
  }

  .t1x2-theme .tf-admin-table td:nth-child(3) {
    grid-row: 1;
    grid-column: 2;
    color: var(--gv-muted);
    font-size: 12.5px;
    text-align: right;
  }

  .t1x2-theme .tf-admin-table td:nth-child(3)::before {
    content: "Odgovora: ";
    font-weight: 600;
  }

  .t1x2-theme .tf-admin-table td:nth-child(2) {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .t1x2-theme .tf-admin-table td:nth-child(4) {
    grid-row: 3;
    grid-column: 1;
    align-self: center;
    min-width: 0;
  }

  .t1x2-theme .tf-admin-table td:nth-child(5) {
    grid-row: 3;
    grid-column: 2;
    align-self: center;
  }
}

/* ==========================================================================
/* 11u. TOČAK SREĆE (Wheel of Fortune): the banner of the home page (_t1x2_tocak.tpl), third column
   under the chat. The wheel itself (modal) is css/t1x2_tocak.css, loaded by js/t1x2_tocak.js.
   The colors follow the color of the site (html[data-gv-boja]): green = teal, red = crimson.
   ========================================================================== */
.gv-tk-widget {
  --gv-tk-bg1: #0e7a5e;
  --gv-tk-bg2: #053b30;
  --gv-tk-seg-a: #10715c;
  --gv-tk-seg-b: #0a5142;
  --gv-tk-glow: rgba(52, 235, 164, .45);
  margin: 0;
}

html[data-gv-boja="crvena"] .gv-tk-widget {
  --gv-tk-bg1: #9a1424;
  --gv-tk-bg2: #4a070f;
  --gv-tk-seg-a: #a51c2d;
  --gv-tk-seg-b: #72101c;
  --gv-tk-glow: rgba(255, 96, 96, .42);
}

.gv-tk-banner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 78px;
  margin: 0;
  padding: 0 14px 0 0;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font: inherit;
  background:
    radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .07) 1px, transparent 1.6px) 0 0 / 12px 12px,
    radial-gradient(130% 160% at 18% 60%, var(--gv-tk-bg1) 0%, var(--gv-tk-bg2) 72%);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .07);
  transition: transform .2s ease, box-shadow .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.gv-tk-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .16) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: gv-tk-shine 5.5s ease-in-out infinite;
}

.gv-tk-banner:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .1), 0 0 22px var(--gv-tk-glow);
}

.gv-tk-banner:focus-visible {
  outline: 3px solid #ffc94a;
  outline-offset: 2px;
}

.gv-tk-banner-wheel {
  position: relative;
  flex: 0 0 92px;
  align-self: stretch;
}

.gv-tk-banner-svg {
  position: absolute;
  left: -28px;
  top: 9px;
  width: 116px;
  height: 116px;
  overflow: visible;
  filter: drop-shadow(0 0 9px var(--gv-tk-glow));
}

.gv-tk-banner-spin {
  transform-origin: 50px 50px;
  animation: gv-tk-rot 16s linear infinite;
}

.gv-tk-banner:hover .gv-tk-banner-spin {
  animation-duration: 5s;
}

.gv-tk-sa {
  fill: var(--gv-tk-seg-a);
}

.gv-tk-sb {
  fill: var(--gv-tk-seg-b);
}

.gv-tk-sg {
  fill: #f4b23a;
}

.gv-tk-spokes {
  fill: none;
  stroke: #ffbd4f;
  stroke-width: 1;
}

.gv-tk-rim-in {
  fill: none;
  stroke: rgba(80, 30, 0, .35);
  stroke-width: 1.4;
}

.gv-tk-bulb {
  fill: #fff6d2;
  animation: gv-tk-blink 1.3s steps(1) infinite;
}

.gv-tk-bulb.is-alt {
  animation-delay: .65s;
}

.gv-tk-banner-pin {
  position: absolute;
  left: 21px;
  top: 2px;
  width: 18px;
  height: 16px;
  background: linear-gradient(#ffe08a, #e57a0c);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .35));
  z-index: 1;
}

.gv-tk-banner-pin::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 10px;
  height: 9px;
  background: linear-gradient(#22d39a, #0b7a5c);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

html[data-gv-boja="crvena"] .gv-tk-banner-pin::after {
  background: linear-gradient(#ff5a6a, #a8101f);
}

.gv-tk-banner-text {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 0;
}

.gv-tk-banner-text b {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}

.gv-tk-banner-text small {
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  opacity: .85;
}

@keyframes gv-tk-rot {
  to {
    transform: rotate(360deg);
  }
}

@keyframes gv-tk-blink {
  0% {
    fill: #fff6d2;
  }

  50% {
    fill: #ffb547;
  }
}

@keyframes gv-tk-shine {
  0%, 55% {
    transform: translateX(-120%);
  }

  85%, 100% {
    transform: translateX(120%);
  }
}

/* "Zavrti" on the right of the wide banner (top of the feed); the narrow column has no room for it */
.gv-tk-banner-cta {
  display: none;
}

.gv-tk-widget.is-feed .gv-tk-banner {
  padding-right: 16px;
}

@media (min-width: 390px) {
  .gv-tk-widget.is-feed .gv-tk-banner-cta {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: 9px 16px;
    border-radius: 999px;
    color: #3d1d00;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe28a 0%, #ffb52e 55%, #f08a0c 100%);
    box-shadow: 0 3px 0 #b85f05, 0 6px 14px rgba(0, 0, 0, .28);
    animation: gv-tk-cta 2.4s ease-in-out infinite;
  }
}

/* two places on the home page (_t1x2_tocak.tpl): in the third column while it stands next to the
   feed (from 1100px), on top of the feed while everything is in one column (the column then
   follows all the posts, far down) */
@media (min-width: 1100px) {
  .gv-tk-widget.is-feed {
    display: none;
  }
}

@media (max-width: 1099.98px) {
  .gv-tk-widget.is-rail {
    display: none;
  }
}

@keyframes gv-tk-cta {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gv-tk-banner-spin,
  .gv-tk-bulb,
  .gv-tk-banner::after,
  .gv-tk-widget.is-feed .gv-tk-banner-cta {
    animation: none;
  }
}

/* Administracija: preview of the banner (/administracija/tocak) */
.t1x2-theme .gv-ad-tk-preview-body {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 14px 16px 16px;
}

.t1x2-theme .gv-ad-tk-preview-body p {
  margin: 0;
  font-size: 13px;
}

.t1x2-theme .gv-ad-tk-tabs {
  margin: 0 0 14px;
  flex-wrap: wrap;
}

.t1x2-theme .gv-ad-tk-tabs a i {
  margin-right: 6px;
}

.t1x2-theme .gv-ad-tk-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 0 16px;
}

.t1x2-theme .gv-ad-tk-rewards tbody tr.gv-ad-tk-group td {
  padding: 8px 12px;
  background: var(--color-base-200, #f3f4f6);
  font-size: 12.5px;
  color: var(--color-base-content, #374151);
}

.t1x2-theme .gv-ad-tk-row.is-off td {
  opacity: .55;
}

.t1x2-theme .gv-ad-tk-row.is-dragging {
  opacity: .45;
}

.t1x2-theme .gv-ad-tk-row.is-over td {
  box-shadow: inset 0 2px 0 var(--gv-coral, #e3202f);
}

.t1x2-theme .gv-ad-tk-grip {
  width: 28px;
  cursor: grab;
  color: var(--color-base-content, #6b7280);
  opacity: .6;
  text-align: center;
}

.t1x2-theme .gv-ad-tk-grip:active {
  cursor: grabbing;
}

.t1x2-theme .gv-ad-tk-swatch {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 7px;
  border-radius: 4px;
  vertical-align: -2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.t1x2-theme .gv-ad-tk-gold {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 999px;
  background: linear-gradient(#ffd76a, #f0a020);
  color: #4a2c00;
  font-size: 11px;
  font-weight: 800;
}

.t1x2-theme .gv-ad-tk-colors > div {
  display: flex;
  gap: 8px;
}

.t1x2-theme .gv-ad-tk-colors input[type="color"] {
  width: 52px;
  height: 38px;
  padding: 2px;
  border-radius: 8px;
  cursor: pointer;
}

.t1x2-theme .gv-ad-tk-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
}

.t1x2-theme .gv-ad-tk-url {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t1x2-theme .gv-ad-tk-help p {
  margin: 0 0 6px;
}

.t1x2-theme .gv-ad-tk-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  margin: 0 0 14px;
}

.t1x2-theme .gv-ad-tk-filter .gv-tp-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
}

.t1x2-theme .gv-tp-field.is-xs {
  max-width: 150px;
}

@media (max-width: 767px) {
  .t1x2-theme .gv-ad-tk-preview-body,
  .t1x2-theme .gv-ad-tk-checks {
    grid-template-columns: minmax(0, 1fr);
  }

  .t1x2-theme .gv-ad-tk-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .t1x2-theme .gv-tp-field.is-xs {
    max-width: none;
  }
}