/* Sports Club Almancil — App-specific overrides on top of Bulma */

/* Ensure our custom modals work alongside Bulma */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
    z-index: 1100;
}
.modal-overlay.active {
    display: flex;
}
.modal-box {
    background: white;
    padding: 1.5rem;
    border-radius: 6px;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

/* Event calendar tweaks */
.ec-event {
    min-height: 20px !important;
}

/* Footgolf table */
.footgolf-view { display: none; }
.footgolf-view.active { display: block; }
.footgolf-table { width: 100%; }
.footgolf-table tr.booked { background: #e8f5e9; }
.footgolf-table tr.available { background: #fff; }
.footgolf-table .slot-time { font-family: monospace; font-weight: bold; }

/* Slot buttons on availability page */
.slot-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.slot-btn {
    white-space: nowrap;
}

/* Booking cards */
.booking-card {
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 0.75rem;
    background: #fff;
}
.booking-card:hover {
    background: #f9f9f9;
}

/* Settings tabs */
.settings-section {
    display: none;
}
.settings-section.active {
    display: block;
}

/* Navbar brand link color */
.navbar-item.brand-link {
    font-weight: bold;
}