/* =========================
   MOTOCAL – CALENDAR ONLY
========================= */

/* Badge (calendar) */
.motocal-badge {
  margin-left: auto;
  font-size: 10px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.motocal-upcoming { background: #b11217; color: #fff; }
.motocal-past     { background: #9e9e9e; color: #fff; }

/* Date & Track */
.motocal-date {
  margin: 10px 0 6px;
  font-size: 15px;
  font-weight: 700;
  color: #b11217;
}

/* Times */
.motocal-times {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.motocal-times span {
  font-size: 12px;
  font-weight: 600;
  background: #f4f4f4;
  padding: 6px 10px;
  border-radius: 8px;
  transition: background .2s ease, color .2s ease;
}

.motocal-card:hover .motocal-times span {
  background: #b11217;
  color: #fff;
}

.motocal-card.past .motocal-times span {
  background: #e0e0e0;
  color: #777;
}

/* Divider ONLY calendar cards (drivers/standings won't get it) */
.motocal-card:not(.motogp-driver-card) .motocal-content::before{
  content:"";
  display:block;
  height:1px;
  background: linear-gradient(to right, transparent, rgba(0,0,0,.08), transparent);
  margin-bottom: 14px;
}

/* =========================
   WORLDSBK THEME (calendar)
========================= */

.wsbk-theme .motocal-filter button{
  background:#fff;
  color:#0a58ca;
  border:2px solid #0a58ca;
  font-weight:700;
  transition:all .2s ease;
}

.wsbk-theme .motocal-filter button:hover,
.wsbk-theme .motocal-filter button.active{
  background:#0a58ca;
  color:#fff;
}

/* Hover BLUE only */
.wsbk-theme .motocal-card:hover {
  border-color: #0a58ca;
  box-shadow: 0 14px 34px rgba(10, 88, 202, 0.25);
}

/* Time pills in WSBK */
.wsbk-theme .motocal-times span {
  background: #e7efff;
  color: #0a58ca;
  font-weight: 700;
}

.wsbk-theme .motocal-card:hover .motocal-times span {
  background: #0a58ca;
  color: #fff;
}
/* =========================
   MOTOCAL RESULT BADGE
========================= */

.motocal-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.motocal-title-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.motocal-title-main .gp-name{
  min-width:0;
}

/* mevcut badge yapısını sonuç badge için özelleştir */
.motocal-results-badge{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(177,18,23,.10);
  color:#b11217;
  border:1px solid rgba(177,18,23,.18);
  font-size:11px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  letter-spacing:.02em;
  transition:all .2s ease;
  flex-shrink:0;
}

.motocal-results-badge:hover{
  background:#b11217;
  color:#fff;
  border-color:#b11217;
  transform:translateY(-1px);
}

.motocal-card.past .motocal-results-badge{
  background:rgba(120,120,120,.10);
  color:#666;
  border-color:rgba(120,120,120,.18);
}

.motocal-card.past .motocal-results-badge:hover{
  background:#666;
  color:#fff;
  border-color:#666;
}

/* mobilde alt satıra kontrollü düşsün */
@media (max-width: 767px){
  .motocal-title{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .motocal-results-badge{
    margin-left:0;
  }
}
/* =========================
   RESULT BADGE
========================= */

.motocal-results-wrap{
  margin-top:16px;
  display:flex;
  justify-content:flex-start;
}

.motocal-results-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none;

  background:#b11217;
  color:#fff;

  transition:all .2s ease;
}

.motocal-results-badge:hover{
  background:#8e0f13;
  transform:translateY(-1px);
}