/**
 * DRFZ Booking System - Multi-Column Layout FIXED
 * Version 2.1 - HOVER FIX: Prevents jumping tooltips
 * 
 * Fixes:
 * 1. Removed transform on hover to prevent position jumping
 * 2. Improved tooltip positioning stability
 * 3. Better multi-column grid layout
 */

/* ========================================================================== */
/* CRITICAL FIX: Zweispaltiges Grid-Layout für viele Termine */
/* ========================================================================== */

/* Überschreibt das Standard flex-layout mit Grid für Tage mit >3 Terminen */
.drfz-day-bookings.drfz-day-bookings-multi {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px !important;
    align-items: start !important;
    flex-direction: initial !important; /* Reset flex-direction */
    position: relative !important; /* Wichtig für stabile Tooltips */
}

/* Sicherstellen, dass die Indikatoren die volle Breite nutzen */
.drfz-day-bookings.drfz-day-bookings-multi .drfz-booking-indicator {
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Kleinere Schrift bei vielen Terminen für bessere Übersicht */
.drfz-day-bookings.drfz-day-bookings-multi .drfz-booking-indicator small {
    font-size: 0.9em !important;
}

/* Container-Höhe begrenzen und Scrolling ermöglichen bei sehr vielen Terminen */
.drfz-day-bookings.drfz-day-bookings-multi {
    max-height: 75px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; /* Verhindert horizontales Scrollen */
}

/* ========================================================================== */
/* HOVER FIX: Verhindert das Springen beim Hovern */
/* ========================================================================== */

/* ENTSCHEIDEND: Kein transform mehr beim Hover! */
.drfz-day-bookings.drfz-day-bookings-multi .drfz-booking-indicator:hover {
    transform: none !important; /* KEIN translateX mehr - verhindert das Springen! */
    background: rgba(255, 152, 0, 0.5) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
    z-index: 2 !important;
    position: relative !important; /* Wichtig für z-index */
}

/* Active Status bei Multi-Column - OHNE Transform */
.drfz-day-bookings.drfz-day-bookings-multi .drfz-booking-indicator.drfz-status-active:hover {
    background: rgba(76, 175, 80, 0.4) !important;
    transform: none !important; /* Auch hier kein Transform */
}

/* Cancelled Status */
.drfz-day-bookings.drfz-day-bookings-multi .drfz-booking-indicator.drfz-status-cancelled:hover {
    background: rgba(158, 158, 158, 0.3) !important;
    transform: none !important;
}

/* ========================================================================== */
/* Scrollbar-Styling für Multi-Column View (dezenter) */
/* ========================================================================== */

.drfz-day-bookings.drfz-day-bookings-multi::-webkit-scrollbar {
    width: 4px !important;
}

.drfz-day-bookings.drfz-day-bookings-multi::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.03) !important;
    border-radius: 2px !important;
}

.drfz-day-bookings.drfz-day-bookings-multi::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15) !important;
    border-radius: 2px !important;
}

.drfz-day-bookings.drfz-day-bookings-multi::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.25) !important;
}

/* Firefox Scrollbar */
.drfz-day-bookings.drfz-day-bookings-multi {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0,0,0,0.15) rgba(0,0,0,0.03) !important;
}

/* ========================================================================== */
/* Tooltip Position Stabilisierung */
/* ========================================================================== */

/* Stelle sicher, dass Tooltips nicht durch Grid-Layout beeinflusst werden */
.drfz-booking-tooltip {
    position: fixed !important; /* Fixed statt absolute */
    pointer-events: none !important;
    will-change: transform !important; /* Performance-Optimierung */
}

/* Day Cell soll overflow:visible haben für Tooltips */
.drfz-calendar-day {
    overflow: visible !important;
}

.drfz-day-bookings {
    overflow: visible !important; /* Wichtig für Tooltips außerhalb */
}

/* ========================================================================== */
/* Alternative: 3-spaltig ab 7+ Terminen (optional) */
/* ========================================================================== */

/* Aktiviere diese Regel, wenn du ab 7 Terminen 3 Spalten möchtest */
/*
.drfz-day-bookings.drfz-day-bookings-many {
    grid-template-columns: 1fr 1fr 1fr !important;
    max-height: 85px !important;
}

.drfz-day-bookings.drfz-day-bookings-many .drfz-booking-indicator small {
    font-size: 0.85em !important;
}
*/

/* ========================================================================== */
/* Responsive: 1-spaltig auf kleinen Bildschirmen */
/* ========================================================================== */

@media (max-width: 768px) {
    .drfz-day-bookings.drfz-day-bookings-multi {
        grid-template-columns: 1fr !important;
        max-height: 100px !important;
    }
    
    .drfz-day-bookings.drfz-day-bookings-multi .drfz-booking-indicator small {
        font-size: 1em !important;
    }
}

@media (max-width: 480px) {
    .drfz-day-bookings.drfz-day-bookings-multi {
        max-height: 120px !important;
    }
}

/* ========================================================================== */
/* Performance-Optimierungen */
/* ========================================================================== */

.drfz-booking-indicator {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}