/*
Theme Name: Spyn Child
Theme URI: https://themeforest.net/collections/2503200-nicdark-wordpress-themes
Description: Wonderful theme for your Business.
Author: Nicdark
Author URI: http://www.nicdarkthemes.com
Template: spyn
Version: 1.0
License: http://www.nicdarkthemes.com
License URI: http://www.nicdarkthemes.com
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: spyn-child
*/


/* ==========================
   SportsPress – TT minimal "Rookie-like" skin
   Drop into your CHILD THEME style.css
   ========================== */

/* Color vars (prilagodi po želji) */
:root{
  --sp-primary:#0073aa;   /* header/links */
  --sp-accent:#2ecc71;    /* win */
  --sp-danger:#e74c3c;    /* loss */
  --sp-muted:#6c757d;     /* sekundarni tekst */
  --sp-bg:#ffffff;
  --sp-border:#e5e7ea;
}

/* ---------- Generic tables ---------- */
.sp-template, .sp-template div, .sp-template table{ box-sizing:border-box; }
.sp-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.sp-table, .sp-league-table, .sp-player-list, .sp-event-results, .sp-event-blocks table{
  width:100%; border-collapse:separate; border-spacing:0; background:var(--sp-bg);
  border:1px solid var(--sp-border); border-radius:8px; overflow:hidden;
  font-size:14px; line-height:1.35;
}
.sp-table th, .sp-league-table th, .sp-player-list th, .sp-event-results th{
  background:linear-gradient(#f9fbfd,#f2f5f8);
  color:#111; font-weight:600; text-transform:uppercase; letter-spacing:.02em;
  padding:10px 12px; border-bottom:1px solid var(--sp-border); white-space:nowrap;
}
.sp-table td, .sp-league-table td, .sp-player-list td, .sp-event-results td{
  padding:10px 12px; border-bottom:1px solid var(--sp-border); vertical-align:middle;
}
.sp-table tr:nth-child(even) td,
.sp-league-table tr:nth-child(even) td,
.sp-player-list tr:nth-child(even) td,
.sp-event-results tr:nth-child(even) td{ background:#fafbfc; }
.sp-table tr:last-child td,
.sp-league-table tr:last-child td,
.sp-player-list tr:last-child td,
.sp-event-results tr:last-child td{ border-bottom:0; }

/* ---------- Headings / section titles ---------- */
.sp-template h3, .sp-template h4{
  margin:10px 0 8px; font-weight:600; color:#111;
}
.sp-template a{ color:var(--sp-primary); text-decoration:none; }
.sp-template a:hover{ text-decoration:underline; }

/* ---------- League Table (team standings) ---------- */
.sp-league-table .data-name, .sp-league-table .team{ display:flex; align-items:center; gap:8px; }
.sp-league-table .sp-team-logo img{ width:20px; height:20px; border-radius:3px; }

.sp-league-table .data-points, .sp-league-table .data-pts{
  font-weight:700; color:#111;
}
.sp-league-table .data-skupajfor{ color:#111; }
.sp-league-table .data-skupajagainst{ color:#555; }
.sp-league-table .data-razlikaforagainst{
  font-weight:600;
}
.sp-league-table .data-razlikaforagainst.positive{ color:var(--sp-accent); }
.sp-league-table .data-razlikaforagainst.negative{ color:var(--sp-danger); }

/* Če stolpci nimajo data-classes, poudari po header-imenih kot fallback */
.sp-league-table th:contains("Razlika"), .sp-league-table td:nth-child( /* adjust if needed */ 6 ){ font-weight:600; }

/* ---------- Events list / fixtures & results ---------- */
.sp-template-event-list .sp-event,
.sp-template-event-blocks .sp-event{
  display:grid; grid-template-columns:1fr auto auto; gap:10px;
  padding:10px 12px; border:1px solid var(--sp-border); border-radius:8px; margin-bottom:10px;
  background:var(--sp-bg);
}
.sp-template-event-list .sp-event .sp-team, .sp-template-event-blocks .sp-event .sp-team{
  display:flex; align-items:center; gap:8px;
}
.sp-template-event-list .sp-event .sp-event-date,
.sp-template-event-list .sp-event .sp-event-venue{
  color:var(--sp-muted); font-size:12px;
}
.sp-template-event-list .sp-event .sp-event-results,
.sp-template-event-blocks .sp-event .sp-event-results{
  font-weight:700; font-size:16px;
}

/* W/L badges za outcome */
.sp-outcome-win, .sp-badge-win{
  display:inline-block; padding:2px 8px; border-radius:999px;
  background:rgba(46,204,113,.1); color:var(--sp-accent); font-weight:600; font-size:12px;
}
.sp-outcome-loss, .sp-badge-loss{
  display:inline-block; padding:2px 8px; border-radius:999px;
  background:rgba(231,76,60,.1); color:var(--sp-danger); font-weight:600; font-size:12px;
}

/* ---------- Box Score (1 Doubles + 4 Singles) ---------- */
.sp-template-event-players .sp-event-performance,
.sp-template-event-results .sp-event-performance{
  width:100%; border:1px solid var(--sp-border); border-radius:8px; overflow:hidden;
}
.sp-template-event-players table th,
.sp-template-event-players table td{ padding:8px 10px; }

.sp-event-performance .col-win, .sp-event-performance .data-win{
  text-align:center; font-weight:700;
}
.sp-event-performance .col-win_points, .sp-event-performance .data-win_points{
  text-align:center; font-weight:600; color:#111;
}
.sp-event-performance tr[data-row*="Doubles"],
.sp-event-performance tr:has(td[data-label*="Doubles"]) {
  background: #fffdf5; /* nežno poudari dvojice */
}

/* ---------- Player List ---------- */
.sp-player-list .data-player, .sp-player-list .data-name{
  display:flex; align-items:center; gap:8px;
}
.sp-player-list .data-win_points{ font-weight:700; }
.sp-player-list .data-win{ color:#111; }

/* ---------- Responsive ---------- */
@media (max-width: 782px){
  .sp-table, .sp-league-table, .sp-player-list, .sp-event-results{
    display:block;
  }
  .sp-table thead{ display:none; }
  .sp-table tr, .sp-league-table tr, .sp-player-list tr{ display:grid; grid-template-columns: 1fr 1fr; border-bottom:1px solid var(--sp-border); }
  .sp-table td, .sp-league-table td, .sp-player-list td{
    border-bottom:0; padding:8px 10px;
  }
  .sp-table td[data-label]:before, .sp-league-table td[data-label]:before, .sp-player-list td[data-label]:before{
    content: attr(data-label) ": "; color:var(--sp-muted); font-weight:600; margin-right:4px;
  }
}

/* ---------- Utility: auto class for positive/negative difference ---------- */
.sp-league-table td[data-label*="Razlika"],
.sp-league-table td[data-label*="Difference"]{
  font-weight:600;
}
.sp-league-table td[data-label*="Razlika"],
.sp-league-table td[data-label*="Difference"]{
  color:#111;
}
.sp-league-table td[data-label*="Razlika"].positive{ color:var(--sp-accent); }
.sp-league-table td[data-label*="Razlika"].negative{ color:var(--sp-danger); }

/* ---------- Optional: subtle hover ---------- */
.sp-league-table tr:hover td,
.sp-player-list tr:hover td,
.sp-table tr:hover td{ background:#f6f9fc; }

/* ---------- Helper classes if you can add via template filters ---------- */
.sp-diff-pos{ color:var(--sp-accent) !important; font-weight:700; }
.sp-diff-neg{ color:var(--sp-danger) !important; font-weight:700; }