/* ============================================================================
   Tenis Uživo — DESKTOP redesign (clean rebuild, no legacy patching).
   Desktop (>=769px) renders fresh .tu-* markup from the templates; the legacy
   markup is hidden and only shown on mobile (<769px), which stays byte-identical.
   ============================================================================ */
@media screen and (min-width: 769px) {

  :root{
    --tu-page:#e7e9ec; --tu-card:#fff; --tu-ink:#1a1c20; --tu-ink2:#42464d; --tu-muted:#80858c;
    --tu-hair:#ececef; --tu-clay:#ca4f2e; --tu-teal:#2ea3b4; --tu-teal-d:#2c8c9b;
    --tu-sh:0 1px 2px rgba(18,22,30,.05),0 8px 24px rgba(18,22,30,.06);
    --tu-head:'Archivo',system-ui,sans-serif; --tu-sans:'Mulish',system-ui,sans-serif;
  }

  /* ---- breakpoint toggle ---- */
  .tu-legacy-home { display:none !important; }
  .tu-home { display:block; }

  /* ---- page = grey (beat the tournament-skin inline override) ---- */
  html body, html.tour-skin-on body { background:#e7e9ec !important; font-family:var(--tu-sans) !important; }
  html .container, html.tour-skin-on .container,
  html #master_wrap, html.tour-skin-on #master_wrap,
  html #content_container, html #content_container_bg { background:#e7e9ec !important; border:0 !important; box-shadow:none !important; }
  body::before { content:""; display:block; height:4px; background:var(--tu-clay); }

  /* ---- header (legacy markup, restyled until the header rebuild) ---- */
  #header { background:#fff !important; }
  #header #header-box-ads { display:none !important; }
  #navigation, #navigation.blue { background:var(--tu-teal) !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
  #navigation a, #nav.sf-menu > li > a, #navigation .home { background:transparent !important; background-image:none !important; color:#fff !important; font-family:var(--tu-head) !important; font-weight:700 !important; text-shadow:none !important; }
  #nav.sf-menu > li > a:hover, #navigation .home:hover { background:rgba(0,0,0,.08) !important; }
  #nav.sf-menu ul { background:var(--tu-teal) !important; }
  #header h2, #heading h2 { text-transform:uppercase !important; font:700 11px/1.45 var(--tu-head) !important; letter-spacing:1.3px !important; color:var(--tu-muted) !important; border-left:2px solid var(--tu-hair) !important; padding-left:13px !important; max-width:150px !important; margin-top:8px !important; }
  #nav.sf-menu > li { border:0 !important; background:none !important; }
  #navigation #finish-nav-border { display:none !important; }
  #navigation { position:relative !important; }
  #navigation .menu-search-trazi { position:absolute !important; right:6px !important; top:0 !important; }

  /* ---- layout: content column is transparent; the white card is .tu-main ---- */
  #content_container #content { background:transparent !important; box-shadow:none !important; border-radius:0 !important; width:654px !important; margin:0 20px 0 0 !important; padding:0 !important; }
  #sidebar { background:transparent !important; width:370px !important; }
  #sidebar .tu-board, #sidebar .sidebar-notifikacije-btn, #sidebar .tu-poll, #sidebar .tutr-widget-container { border-radius:12px !important; box-shadow:var(--tu-sh) !important; overflow:hidden !important; }

  /* ============================ HOME (clean .tu-*) ============================ */
  .tu-main { background:var(--tu-card); border-radius:12px; box-shadow:var(--tu-sh); overflow:hidden; }

  /* hero */
  .tu-hero__media { display:block; }
  .tu-hero__media img { width:100%; height:344px; object-fit:cover; display:block; }
  .tu-hero__body { padding:20px 28px 22px; }
  .tu-kicker { display:block; font:800 11px/1.3 var(--tu-head); letter-spacing:1.1px; text-transform:uppercase; color:var(--tu-teal-d); }
  .tu-hero__body .tu-kicker { color:var(--tu-clay); margin-bottom:9px; }
  .tu-hero__title { margin:0 0 11px; }
  .tu-hero__title a { color:var(--tu-clay); font:800 28px/1.13 var(--tu-head); letter-spacing:-.3px; }
  .tu-hero__lead { margin:0; font:400 16px/1.6 var(--tu-sans); color:var(--tu-ink2); }

  /* section header */
  .tu-sechead { display:flex; align-items:center; gap:10px; padding:0 28px; height:48px; border-top:1px solid var(--tu-hair); background:#fbfbfc; }
  .tu-sechead__dot { width:8px; height:8px; border-radius:50%; background:var(--tu-clay); }
  .tu-sechead b { font:800 12px/1 var(--tu-head); letter-spacing:1.3px; text-transform:uppercase; color:var(--tu-ink); }

  /* grid */
  .tu-grid { display:grid; grid-template-columns:1fr 1fr; }
  .tu-card2 { padding:20px 22px; box-sizing:border-box; border-bottom:1px solid var(--tu-hair); }
  .tu-card2:nth-child(odd) { border-right:1px solid var(--tu-hair); }
  .tu-card2__media { display:block; margin-bottom:13px; }
  .tu-card2__media img { width:100%; height:158px; object-fit:cover; border-radius:8px; display:block; }
  .tu-card2 .tu-kicker { margin-bottom:7px; }
  .tu-card2__title { margin:0 0 7px; }
  .tu-card2__title a { color:var(--tu-clay); font:700 17.5px/1.25 var(--tu-head); letter-spacing:-.2px; }
  .tu-card2__excerpt { margin:0; font:400 13.5px/1.55 var(--tu-sans); color:var(--tu-muted); }

  .tu-pagination { padding:16px 4px 0; font:600 14px/1.5 var(--tu-sans); color:var(--tu-teal-d); }
}

/* mobile keeps the legacy layout; hide the clean desktop markup */
@media screen and (max-width: 768px) { .tu-home { display:none; } }