/*
================================================================================
TURFSPORT – Event Navigation Premium V709
Einheitliche linke Event-Navigation auf Übersicht UND Detailseiten.
Desktop/Laptop; Mobil bleibt unverändert.
================================================================================
*/

@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  /* Einheitlicher weißer Container – kein Wechsel mehr zwischen Weiß/Beige. */
  html body.rc-events-page .rc-events-left-nav-box,
  html body.rc-event-detail-page .rc-events-left-nav-box{
    overflow:hidden!important;
    margin:0 0 16px!important;
    padding:0!important;
    border:1px solid rgba(17,79,55,.11)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(15,58,40,.04)!important;
  }

  html body.rc-events-page .rc-events-left-nav-head,
  html body.rc-event-detail-page .rc-events-left-nav-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 13px 10px!important;
    border-bottom:1px solid #e8ece9!important;
    background:#fff!important;
  }

  html body.rc-events-page .rc-events-left-nav-head span,
  html body.rc-event-detail-page .rc-events-left-nav-head span{
    color:#9b6a29!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  html body.rc-events-page .rc-events-left-nav-head h3,
  html body.rc-event-detail-page .rc-events-left-nav-head h3{
    margin:0!important;
    color:#14533b!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }

  html body.rc-events-page .rc-events-left-nav,
  html body.rc-event-detail-page .rc-events-left-nav{
    display:grid!important;
    gap:6px!important;
    padding:10px!important;
  }

  html body.rc-events-page .rc-events-left-nav a,
  html body.rc-event-detail-page .rc-events-left-nav a{
    position:relative!important;
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #e7e2d8!important;
    border-radius:10px!important;
    background:#fffdf9!important;
    color:#173d2f!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:
      background-color .15s ease,
      border-color .15s ease,
      box-shadow .15s ease!important;
  }

  html body.rc-events-page .rc-events-left-nav a strong,
  html body.rc-event-detail-page .rc-events-left-nav a strong{
    display:block!important;
    margin:0!important;
    color:#164d38!important;
    font-size:13.5px!important;
    line-height:1.22!important;
    font-weight:760!important;
  }

  html body.rc-events-page .rc-events-left-nav a span,
  html body.rc-event-detail-page .rc-events-left-nav a span{
    display:block!important;
    margin-top:2px!important;
    color:#707872!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    font-weight:500!important;
  }

  /* Aktiv: ganze Karte leicht grün statt seitlicher Balken im Text. */
  html body.rc-events-page .rc-events-left-nav a.is-active,
  html body.rc-event-detail-page .rc-events-left-nav a.is-active{
    padding-left:12px!important;
    border-color:rgba(15,90,62,.25)!important;
    background:#eaf4ee!important;
    box-shadow:inset 3px 0 0 #0f5a3e!important;
  }

  /* Alte Pseudo-Markierungen sicher entfernen. */
  html body.rc-events-page .rc-events-left-nav a.is-active::before,
  html body.rc-event-detail-page .rc-events-left-nav a.is-active::before{
    content:none!important;
    display:none!important;
  }

  html body.rc-events-page .rc-events-left-nav a:hover,
  html body.rc-event-detail-page .rc-events-left-nav a:hover{
    border-color:rgba(15,90,62,.18)!important;
    background:#f3f8f5!important;
  }

  html body.rc-events-page .rc-events-left-nav a.is-active:hover,
  html body.rc-event-detail-page .rc-events-left-nav a.is-active:hover{
    background:#e4f0e8!important;
  }

  /* Schnellzugriff ebenfalls weiß/ruhig statt Beige. */
  html body.rc-events-page .rc-events-left-quick-box,
  html body.rc-event-detail-page .rc-events-left-quick-box{
    border:1px solid rgba(17,79,55,.11)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(15,58,40,.04)!important;
  }

  html body.rc-events-page .rc-events-left-quick-links a,
  html body.rc-event-detail-page .rc-events-left-quick-links a{
    background:#fffdf9!important;
    border-color:#e7e2d8!important;
  }
}