/*
Theme Name: Music @ Samuel Heller
Description: twentytwentyfour-musicchild
Author: Samuel Heller
Author URI: https://www.samuelheller.ch
Template: twentytwentyfour
Version: 0.1
Text Domain: music-samuel-heller
*/

/* ==================================================
   1. GLOBAL / THE EVENTS CALENDAR DARK MODE VARIABLES
   ================================================== */
.tribe-common,
#tribe-events-content,
.tribe-events-view {
    /* Hintergrund & Text */
    --tec-color-background: #444444 !important;
    --tec-color-text-primary: #e0e0e0 !important;
    --tec-color-text-secondary: #a0a0a0 !important;
    --tec-color-text-muted: #757575 !important;
    
    /* Akzent- & Linkfarben */
    --tec-color-accent-primary: #ffc2a5 !important;
    --tec-color-accent-primary-hover: #ffc2a5 !important;

    
    /* Rahmen & Divider */
    --tec-color-border-default: #a0a0a0 !important;
    --tec-color-border-secondary: #333333 !important;
}

.tribe-events-calendar-list__event-title-link:hover {
    --tec-color-text-events-title: #ffc2a5;
}

/* Base-Textfarbe erzwingen */
.tribe-common .tribe-common-b2,
.tribe-common .tribe-common-b1,
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-month__day-date,
.tribe-events-single-event-title {
    color: #e0e0e0 !important;
}


/* ==================================================
   2. SUCHBOX & FILTER (Events Bar)
   ================================================== */
/* Hintergrund der Suchleiste */
.tribe-events-header__events-bar,
.tribe-common .tribe-common-form-control-input {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Platzhalter-Text in Feldern */
.tribe-common .tribe-common-form-control-input::placeholder {
    color: #888888 !important;
}

/* Suchen-Button */
.tribe-common .tribe-common-c-btn,
.tribe-events-c-search__button {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

.tribe-common .tribe-common-c-btn:hover,
.tribe-events-c-search__button:hover {
    background-color: #3e3e3e !important;
    color: #ffffff !important;
}


/* ==================================================
   3. BUTTONS (Standard, Export, View-Selector)
   ================================================== */
/* Allgemeine Buttons & Export-Links */
.tribe-events-c-subscribe-dropdown__button,
.tribe-events-button,
a.tribe-events-read-more {
    background-color: #252525 !important;
    color: #ffffff !important;
    border: 1px solid #404040 !important;
}

.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events-button:hover,
a.tribe-events-read-more:hover {
    background-color: #383838 !important;
    color: #ffffff !important;
}


/* ==================================================
   TOP BAR & NAVIGATION (Listen- und Monatsansicht)
   ================================================== */

/* 1. Obere Navigationsleiste (Top Bar Buttons, Pfeile & Links) */
.tribe-events-c-top-bar__nav,
.tribe-events-c-top-bar__nav-container,
.tribe-events-c-top-bar__nav-link,
a.tribe-events-c-top-bar__nav-link,
.tribe-events-c-top-bar__today-button,
.tribe-events-c-top-bar__datepicker-button {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 2. Text/Labels in der Top Bar explizit auf Weiß setzen */
.tribe-events-c-top-bar__nav-link-label,
.tribe-events-c-top-bar__datepicker-button-text,
.tribe-events-c-top-bar__today-button {
    color: #ffffff !important;
}

/* 3. Icons / SVG-Pfeile in der Top Bar */
.tribe-events-c-top-bar__nav-link-icon,
.tribe-events-c-top-bar__nav-link svg,
.tribe-events-c-top-bar__nav-link svg path,
.tribe-events-c-top-bar__datepicker-button svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* 4. Hover-Zustand für Top Bar Nav-Elemente */
.tribe-events-c-top-bar__nav-link:hover,
.tribe-events-c-top-bar__nav-link:hover .tribe-events-c-top-bar__nav-link-label,
.tribe-events-c-top-bar__today-button:hover,
.tribe-events-c-top-bar__datepicker-button:hover {
    color: #ffc2a5 !important;
}

.tribe-events-c-top-bar__nav-link:hover svg path,
.tribe-events-c-top-bar__datepicker-button:hover svg path {
    fill: #ffc2a5 !important;
    stroke: #ffc2a5 !important;
}

/* 5. Untere Navigation (Footer Nav - Vorherige / Nächste Events) */
.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-c-nav__list-item-link,
a.tribe-events-c-nav__prev,
a.tribe-events-c-nav__next {
    color: #ffffff !important;
}

.tribe-events-c-nav__prev-icon path,
.tribe-events-c-nav__next-icon path,
.tribe-events-c-nav__list-item-icon path {
    fill: #ffffff !important;
}

/* Hover untere Navigation */
a.tribe-events-c-nav__prev:hover,
a.tribe-events-c-nav__next:hover,
.tribe-events-c-nav__list-item-link:hover {
    color: #ffc2a5 !important;
}

a.tribe-events-c-nav__prev:hover path,
a.tribe-events-c-nav__next:hover path {
    fill: #ffc2a5 !important;
}