body { font-family: 'Inter', sans-serif; background-color: #F9F8F6; color: #1F2937; }

/* Diagonal Ribbon */
.ribbon-wrapper { 
    width: 110px; 
    height: 110px; 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
    right: 0; 
    z-index: 10; 
    pointer-events: none; 
}

.ribbon { 
    font-weight: 700; 
    font-size: 10px; 
    text-align: center; 
    transform: rotate(45deg); 
    position: absolute; /* Změněno z relative na absolute pro přesné umístění */
    padding: 5px 0; 
    top: 22px;       /* Upraveno pro lepší vertikální zarovnání */
    right: -35px;    /* Upraveno: záporná hodnota posune pásek doleva, aby překryl roh */
    width: 140px; 
    background-color: #116466; 
    color: #fff; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.15); 
    letter-spacing: 0.5px; 
    text-transform: uppercase; 
}

.ribbon-live { 
    background-color: #116466 !important; 
}

.ribbon-wrapper-lg { 
    width: 140px; 
    height: 140px; 
}

.ribbon-wrapper-lg .ribbon { 
    top: 28px; 
    right: -40px; /* Pro větší variantu */
    width: 170px; 
    font-size: 11px; 
}

/* Medal cards */
.medal-card { transition: all 0.3s ease; }
.medal-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px -10px rgba(17,100,102,0.15); }

/* Badges */
.gold-badge { background: linear-gradient(135deg, #FFE066, #F59E0B); color: #78350F; }
.silver-badge { background: linear-gradient(135deg, #E2E8F0, #94A3B8); color: #1E293B; }
.bronze-badge { background: linear-gradient(135deg, #FDBA74, #C2410C); color: #431407; }

/* Race cards */
.race-card { transition: all 0.25s ease; }
.race-card:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -12px rgba(17,100,102,0.18); }
.race-card:hover .race-card-title { color: #116466; }

/* Filter pills */
.filter-pill { transition: all .15s ease; }
.filter-pill.active { background-color: #116466; color: #fff; border-color: #116466; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

.navbar-brand {
  text-decoration: none;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.25rem;
}