/* ---------- PALETA ---------- */
:root{
    --accent:#ff7b00; --accent-hover:#d96d00;
    --dark:#212529;   --gray-bg:#f8f9fa;
    --gray-1:#e9ecef; --gray-2:#dee2e6;
    --light-gray:#f0f0f0;
    --gold:#ffd700;   --silver:#c0c0c0; --bronze:#cd7f32;
    --navy:#02203d;
  }
  
  /* ---------- GLOBAL ---------- */
  body{
    font-size:0.95rem;
    color:var(--dark);
    background:var(--gray-bg) url('/slike/web-slike/rezultati-bg.svg') center/300px repeat;
  }
  body::before{content:"";position:fixed;inset:0;background:rgba(255,255,255,.85);z-index:-1;}
  a{color:var(--accent);} a:hover{color:var(--accent-hover);text-decoration:none;}
  .brand-orange{color:var(--accent);}
  .btn-filter-submit{background:var(--navy);color:#fff;border:none;}
  .btn-filter-submit:hover{background:#011a30;color:#fff;}
  .btn-filter{background:var(--accent);color:#fff;border:none;}
  .btn-filter.active,.btn-filter:hover{background:var(--accent-hover);color:#fff;}
  
  /* ---------- FILTER SIDEBAR ---------- */
  .sidebar-filter{
    background:var(--light-gray);
    border:1px solid var(--gray-2);
    border-radius:.5rem;
    padding:1.5rem;
  }
  
  /* ---------- TABLE WRAPPER ---------- */
  .table-card{
    border:1px solid var(--gray-2);
    border-radius:8px;
    overflow:hidden;
    transition:box-shadow .15s;
  }
  .table-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);}
  .table thead{background:var(--gray-1);}
  .table-sm td,.table-sm th{padding:.3rem .5rem;border:none;}
  tbody tr:not(:last-child){box-shadow:inset 0 -1px 0 var(--gray-2);}
  tbody tr:hover{background:#f1f3f5;}
  .row-gold{background:rgba(255,215,0,.34);}
  .row-silver{background:rgba(192,192,192,.18);}
  .row-bronze{background:rgba(205,127,50,.16);}
  .minw-720{min-width:720px;}           /* forsira horizont. scroll ispod 720 px */
  
  /* ---------- PROFILNA + MEDALJA ---------- */
  .position-cell{width:56px;text-align:center;}
  .pos-wrap{position:relative;width:40px;height:40px;margin:auto;}
  .pos-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid #fff;}
  .pos-num{
    position:absolute;top:-6px;left:-6px;font-size:.65rem;font-weight:700;line-height:1;
    width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:var(--accent);color:#000;border:2px solid #fff;
  }
  .gold .pos-num{background:var(--gold);}
  .silver .pos-num{background:var(--silver);}
  .bronze .pos-num{background:var(--bronze);color:#fff;}
  
  /* ---------- CELLI ---------- */
  .verify-cell{font-size:1.2rem;text-align:center;}
  .race-name{font-weight:600;}
  
  /* ---------- MOBITEL: veći font + scroll ---------- */
  @media (max-width:575.98px){
    body{font-size:1.05rem;}
  
    /* tablica se NE rastavlja – ostaje vodoravna i scrolla se */
    .table-card{border:none;border-radius:0;}
    .table thead th{font-size:.9rem;}
  
    /* malo ‘lufta’ iznad/desno jer .container ima padding-x 12 px */
    .table-responsive{margin:0 -12px;padding:0 0 1rem;overflow-y:hidden;}
  }