/* ========================================================================== */
/* [CSS:PUBLIC_CALENDAR] SECTION: Calendar (public/calendar.php)               */
/* ========================================================================== */
/* Brand helpers */
    .bg-color {
        background-color: #626279;
    }

    .color-green {
        color: #5c9c62;
    }

    /* Navbar: darker bg, consistent brand/link colors */
    .navbar.online-termine {
        background-color: #4A4A5B !important;
        padding-bottom: .125rem !important;
        --bs-navbar-color: #f0f1f3;
        --bs-navbar-hover-color: #fff;
        --bs-navbar-active-color: #fff;
        --bs-navbar-brand-color: #5c9c62;
        --bs-navbar-brand-hover-color: #5c9c62;
    }

    /* Section background */
    #termine {
        background-color: var(--bs-success-bg-subtle);
    }

    /* Slot buttons: slim state handling */
    .slot-btn {
        --slot-bg: rgba(92, 156, 98, .5);
        background-color: var(--slot-bg) !important;
        border: 0;
        border-radius: 0;
    }

    .slot-btn:hover,
    .slot-btn:focus {
        background-color: #fff !important;
    }

    .slot-btn[aria-expanded="true"] {
        background-color: #fff !important;
        color: var(--bs-body-color) !important;
    }

    .slot-btn.is-zero,
    .slot-btn:disabled {
        opacity: .55;
        cursor: default !important;
        pointer-events: none;
    }

    /* Kalender: Wochenzeilen ohne sichtbare Tage ausblenden */
    #termine .row.row-cols-lg-5:not(:has(.slot-btn)) {
        display: none;
    }

    /* Button-radio (Anrede) active look stays subtle */
    .btn-check:checked+.btn {
        background-color: var(--bs-success-bg-subtle) !important;
        border-color: var(--bs-success-border-subtle) !important;
    }

    /* Sticky helper under fixed navbar */
    .sticky-offset {
        top: 42px;
    }












/* Tagesraster-Karten (7 Spalten) */
.card > .card-body > .row.row-cols-7.g-2.mb-2 > div > .p-2.border.rounded.h-100 {
    background: #fff;
    box-shadow: inset 0 0 0 1px #e5e7eb;
    transition: box-shadow 0.12s ease, transform 0.05s ease;
}

/* Tage außerhalb des Monats bleiben hell */
.card > .card-body > .row.row-cols-7.g-2.mb-2 > div > .p-2.border.rounded.h-100.bg-light {
    background: #f8f9fa;
    box-shadow: inset 0 0 0 1px #edf1f5;
}

/* Selektierbare Tage (haben Link-Button) – dezenter Hover */
.card > .card-body > .row.row-cols-7.g-2.mb-2 > div > .p-2.border.rounded.h-100:has(a.btn) {
    cursor: pointer;
}
.card > .card-body > .row.row-cols-7.g-2.mb-2 > div > .p-2.border.rounded.h-100:has(a.btn):hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06), inset 0 0 0 1px #d0d7de;
}

/* Deaktivierte Tage (haben disabled-Button) – leicht ausgegraut */
.card > .card-body > .row.row-cols-7.g-2.mb-2 > div > .p-2.border.rounded.h-100:has(button[disabled]) {
    opacity: 0.65;
    filter: grayscale(0.05);
}

/* Kleinere Badges & Tag-Zahl im Kalender */
.card > .card-body > .row.row-cols-7 .badge { font-size: 0.65rem; }
.card > .card-body > .row.row-cols-7 .small { font-size: 0.8rem; }