/* ================================================================
   tuerk.net — RSEvents!Pro Markenoptik "Türkis & Anatolien" (Task D3)
   Scope: com_rseventspro Listen- & Monatsansicht. Geladen NUR über die
   RSEvents-Template-Overrides (templates/yootheme/html/com_rseventspro/…).
   Gestaltung ergänzt die Component-CSS (site.css / calendar.css) additiv.
   ================================================================ */

:root{
  --tn-turkis:#1BA8A0; --tn-turkis-dunkel:#128A83;
  --tn-petrol:#0E5A56; --tn-petrol-tief:#082F2D;
  --tn-lale:#E8442E; --tn-sand:#F7F2E9;
  --tn-ink:#1C2B2A; --tn-ink-soft:#4E6361;
  --tn-line:#E7E0D4;
}

/* --- Toolbar-Icons (User / RSS / iCal / Zeitzone) --- */
.rsepro-events-list-container .rs_rss a{ color:var(--tn-petrol); }
.rsepro-events-list-container .rs_rss a:hover{ color:var(--tn-turkis); }

/* --- Filterleiste --- */
#rsepro-navbar.navbar,
.rsepro-filter-container .navbar{
  background:var(--tn-sand)!important;
  border:1px solid var(--tn-line)!important;
  border-radius:14px;
}
.rsepro-filter-container .nav-link,
.rsepro-filter-container .nav-link span{ color:var(--tn-petrol)!important; }
#rsepro-filter.form-control{
  border-radius:999px; border:1px solid var(--tn-line);
}
#rsepro-filter.form-control:focus{
  border-color:var(--tn-turkis); box-shadow:0 0 0 .15rem rgba(27,168,160,.25);
}
#rsepro-filter-btn.btn,
.rsepro-filter-filters .btn-primary{
  background:var(--tn-turkis)!important; border-color:var(--tn-turkis)!important;
  color:#fff!important; border-radius:999px;
}
#rsepro-filter-btn.btn:hover,
.rsepro-filter-filters .btn-primary:hover{
  background:var(--tn-turkis-dunkel)!important; border-color:var(--tn-turkis-dunkel)!important;
}
#rsepro-clear-btn.btn{
  background:transparent!important; border:1px solid var(--tn-line)!important;
  color:var(--tn-ink-soft)!important; border-radius:999px;
}
#rsepro-clear-btn.btn:hover{
  color:var(--tn-lale)!important; border-color:var(--tn-lale)!important; background:#fff!important;
}
.rsepro-filter-filters .rsepro-filter-option .btn{ border-radius:999px; }
.rsepro-filter-filters .rsepro-filter-option a.close,
.rsepro-filter-filters .rsepro-remove-filter{ color:var(--tn-lale)!important; }

/* --- Monatsgruppen-Überschrift --- */
.rsepro-month-year{
  background:transparent!important; box-shadow:none!important;
  border-radius:0!important; border-left:3px solid var(--tn-lale);
  padding:4px 0 4px 14px!important; margin:6px 0 14px!important;
  color:var(--tn-petrol);
  font-family:"Playfair Display",Georgia,serif;
  font-size:22px; font-weight:600; text-transform:capitalize;
}
.rsepro-month-year span{ padding:0!important; }

/* --- Event-Karte (klassisches Layout, 1 Spalte) --- */
.rs_events_container li{ overflow:visible!important; }
.rs_event_detail{
  display:flex; align-items:flex-start; gap:20px;
  background:#fff!important; border:1px solid var(--tn-line);
  border-radius:14px!important;
  box-shadow:0 6px 22px rgba(14,90,86,.07)!important;
  padding:18px 22px!important; margin:0 0 18px!important;
  position:relative; overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.rs_event_detail::after{
  content:""; position:absolute; left:0; right:100%; bottom:0; height:3px;
  background:var(--tn-lale); transition:right .25s ease;
}
.rs_event_detail:hover{
  background:#fff!important; transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(14,90,86,.13)!important;
}
.rs_event_detail:hover::after{ right:0; }

/* --- Petrol-Datumskachel (Tag groß in Serif, Monat versal) --- */
.tn-datum{
  flex:0 0 auto; width:66px; border-radius:12px;
  background:var(--tn-petrol); color:#fff; text-align:center;
  padding:12px 0 13px; margin-top:2px;
}
.tn-datum .tn-tag{
  display:block; font-family:"Playfair Display",Georgia,serif;
  font-size:27px; font-weight:700; line-height:1.05;
}
.tn-datum .tn-monat{
  display:block; margin-top:2px; font-family:"Jost",sans-serif;
  font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:#9FD8D3;
}

/* --- Textspalte --- */
.rs_event_detail .rs_event_details{ flex:1 1 auto; min-width:0; }
.rsepro-title-block{ margin-bottom:4px; }
.rsepro-title-block a{
  font-family:"Playfair Display",Georgia,serif;
  font-size:19px; font-weight:600; color:var(--tn-petrol)!important;
}
.rsepro-title-block a:hover{ color:var(--tn-turkis)!important; }
.rsepro-date-block{ color:var(--tn-ink-soft); font-size:14px; margin-bottom:2px; }
.rsepro-date-block b{ color:var(--tn-turkis-dunkel); font-weight:600; }
.rsepro-event-taxonomies-block{ color:var(--tn-ink-soft); font-size:13.5px; }
.rsepro-event-taxonomies-block a{ color:var(--tn-turkis-dunkel)!important; }
.rsepro-small-description-block{ color:var(--tn-ink); font-size:14px; margin-top:4px; }

/* --- Load-more --- */
.rs_read_more{
  background:var(--tn-turkis)!important; color:#fff!important;
  box-shadow:none!important; border-radius:999px;
  height:auto; line-height:1.3; padding:14px 24px; border:0;
}
.rs_read_more:hover{ background:var(--tn-turkis-dunkel)!important; color:#fff!important; }
#rsepro_number_events span{ color:var(--tn-petrol); font-weight:600; }

/* --- Empty-State --- */
.rsepro-events-list-container .alert-warning{
  background:var(--tn-sand); border:1px solid var(--tn-line);
  border-left:3px solid var(--tn-lale); color:var(--tn-petrol);
  border-radius:12px;
}

/* ================= Monatsansicht / Kalender ================= */
.rsepro-calendar table th{ background:var(--tn-petrol)!important; color:#fff; }
.rsepro-calendar table caption{ border-color:var(--tn-line)!important; color:var(--tn-petrol); }
.rsepro-calendar table td.curr-day>a{ background:var(--tn-turkis)!important; color:#fff!important; }
.rsepro-calendar table td.curr-day>a:hover{ color:#fff!important; }
.rsepro-calendar a,
.rsepro-calendar .has-events ul a{ color:var(--tn-turkis-dunkel); }
.rsepro-calendar a:hover,
.rsepro-calendar .has-events ul a:hover{ color:var(--tn-petrol); }
.rsepro-active,
#cloneevent{ color:var(--tn-turkis-dunkel)!important; }
.rsepro-calendar .has-events .event,
.rsepro-calendar .has-events .day-events{ color:var(--tn-petrol); }
.curr-month.curr-day .rsepro-calendar-day{ background-color:#D7EEEC!important; }