/* Björksoda Events & Booking Extensions - Custom Styles (v1.8.0) */

/* ==========================================================================
   1. KALENDER GRUNDSTYLING (Struktur & Layout)
   ========================================================================== */

.fc { 
    border: none !important; 
    border-radius: 0 !important; 
    width: 100% !important;
}

.fc-theme-standard .fc-scrollgrid {
	border: 0px !important;
}

#bjorksoda-fullcalendar {
    aspect-ratio: 16 / 9;
    width: 100% !important;
    min-width: 100% !important;
    display: block !important;
}

/* Tvinga tabellen att expandera - VIKTIGT för layouten */
.fc-scrollgrid, 
.fc-daygrid-body, 
.fc-col-header, 
.fc-scrollgrid-sync-table {
    width: 100% !important;
    min-width: 100% !important;
}

.fc td, .fc th { 
    border: 0px !important; 
    background: #ffffff !important; 
}

/* Header & Knappar (Minimalistisk vit/svart) */
.fc-toolbar-title { 
    font-size: 14px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fc-button, .fc-button-primary { 
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
    text-transform: uppercase;
    font-size: 0.8em !important;
    letter-spacing: 1px;
}

.fc-button:hover { background: #f4f4f4 !important; }
.fc-button-active { background: #eee !important; font-weight: bold !important; }

/* ==========================================================================
   2. DAGAR & EVENT (Tid ÖVER Titel - UX Fix)
   ========================================================================== */

.fc-col-header-cell { 
    padding: 15px 0 !important; 
    font-weight: 600; 
    text-transform: lowercase; 
}

.fc .fc-daygrid-day-top { 
    background-color: #f4f4f4; 
    padding: 4px; 
}

.fc-daygrid-event {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important;
    padding: 6px 8px !important;
    background: transparent !important;
    border: none !important;
}

.fc-event-time {
    font-size: 0.75rem !important;
    color: #888 !important;
    margin-bottom: 2px !important;
    display: block !important;
}

.fc-event-title {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #141827 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    display: block !important;
}

.fc-daygrid-event-dot { display: none !important; }

/* ==========================================================================
   3. FORMULÄR - DATUMVAL (Bold UX)
   ========================================================================== */

.elementor-field-option {
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px;
}

.elementor-field-option label {
    font-size: 1rem !important;
    color: #333 !important;
    cursor: pointer;
}

.elementor-field-option label b {
    font-weight: 600 !important;
    color: #000 !important;
}

.elementor-field-option label small {
    color: #888 !important;
    font-size: 0.9em !important;
    margin-left: 2px;
}

/* ==========================================================================
   4. BILJETTSYSTEM
   ========================================================================== */

.visual-qty-input {
    width: 80px !important; 
    height: 40px !important;
    border: 1px solid #ccc !important; 
    border-radius: 4px;
    padding: 5px; 
}

* Tillåt interaktion med biljett-input */
.ticket-input-placeholder, 
.visual-qty-input {
    pointer-events: all !important;
}

.bjorksoda-biljett-system {
    pointer-events: auto !important;
}