/**
 * Fleet Terminplan - Dark Theme Override
 * Passt den Kalender an das dunkle Design der Kontakt-Seite an
 */

/* ================================================
   CSS VARIABLEN - DUNKLES THEME
   ================================================ */
:root {
    --primary-turquoise: #178687 !important;
    --dark-turquoise: #147273 !important;
    --dark-bg: #2C3E50 !important;
    --darker-bg: rgba(15, 25, 35, 0.9) !important;
    --text-white: #ffffff !important;
    --text-light: rgba(255, 255, 255, 0.9) !important;
}

/* ================================================
   HAUPTCONTAINER - DUNKLER HINTERGRUND
   ================================================ */
.fleet-terminplan-frontend {
    background-color: #2C3E50 !important;
    padding: 40px 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ================================================
   FILTER - DUNKLER HINTERGRUND
   ================================================ */
.fleet-terminplan-filters {
    background: rgba(23, 134, 135, 0.15) !important;
    border: 1px solid rgba(23, 134, 135, 0.3) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}

.fleet-terminplan-filters label {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
    margin-right: 15px !important;
}

.fleet-terminplan-filters select {
    background: rgba(15, 25, 35, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    font-size: 1rem !important;
    transition: border-color 0.3s !important;
}

.fleet-terminplan-filters select:focus {
    outline: none !important;
    border-color: #178687 !important;
    box-shadow: 0 0 0 3px rgba(23, 134, 135, 0.15) !important;
}

.fleet-terminplan-filters select option {
    background: #2C3E50 !important;
    color: #ffffff !important;
}

/* ================================================
   KALENDER CONTAINER - DUNKLER HINTERGRUND
   ================================================ */
#fleet-terminplan-calendar {
    background: rgba(15, 25, 35, 0.5) !important;
    border: 1px solid rgba(23, 134, 135, 0.2) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* ================================================
   FULLCALENDAR - TÜRKISE BUTTONS
   ================================================ */
.fc .fc-button-primary {
    background-color: #178687 !important;
    border-color: #178687 !important;
    color: #1a2535 !important;
    font-weight: 700 !important;
}

.fc .fc-button-primary:hover {
    background-color: #147273 !important;
    border-color: #147273 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(23, 134, 135, 0.4) !important;
}

.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #147273 !important;
    border-color: #147273 !important;
}

/* ================================================
   FULLCALENDAR - DUNKLE TABELLEN
   ================================================ */
.fc .fc-col-header-cell {
    background-color: rgba(23, 134, 135, 0.15) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.fc .fc-daygrid-day-number,
.fc .fc-timegrid-slot-label {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 600 !important;
}

.fc .fc-daygrid-day {
    background: rgba(15, 25, 35, 0.3) !important;
}

.fc .fc-daygrid-day:hover,
.fc .fc-timegrid-col:hover {
    background-color: rgba(23, 134, 135, 0.1) !important;
}

.fc .fc-scrollgrid {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.fc td,
.fc th {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.fc .fc-highlight {
    background-color: rgba(23, 134, 135, 0.25) !important;
}

/* ================================================
   KALENDER TOOLBAR - DUNKLER TEXT
   ================================================ */
.fc .fc-toolbar-title {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 700 !important;
}

/* ================================================
   TERMIN-DETAIL DIALOG
   ================================================ */
.appointment-details .detail-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

.appointment-details .detail-value {
    color: rgba(255, 255, 255, 0.7) !important;
}

.appointment-details .detail-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ================================================
   BOOKING DATETIME DISPLAY
   ================================================ */
.booking-datetime {
    background: rgba(23, 134, 135, 0.15) !important;
    border: 1px solid rgba(23, 134, 135, 0.3) !important;
    color: #178687 !important;
}

/* ================================================
   MODAL CLOSE BUTTON
   ================================================ */
.fleet-modal-close:hover {
    color: #178687 !important;
}

/* ================================================
   WOCHENENDE HERVORHEBEN
   ================================================ */
.fc .fc-day-sat,
.fc .fc-day-sun {
    background-color: rgba(23, 134, 135, 0.05) !important;
}

/* ================================================
   HEUTE HERVORHEBEN
   ================================================ */
.fc .fc-day-today {
    background-color: rgba(23, 134, 135, 0.12) !important;
}

.fc .fc-day-today .fc-daygrid-day-number {
    background: #178687 !important;
    color: #1a2535 !important;
    font-weight: 700 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}