/* Raum Buchen - GIMA Branding */

:root {
    --gima-orange: #e64416;
    --gima-orange-hover: #c93a12;
    --gima-dark: #333333;
}

body {
    background-color: #f8f9fa;
}

/* Navbar */
.navbar-gima {
    background-color: var(--gima-orange);
}

.navbar-gima .navbar-brand,
.navbar-gima .nav-link,
.navbar-gima .navbar-text {
    color: #fff !important;
}

.navbar-gima .nav-link:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-brand {
    font-weight: 600;
}

.navbar-brand img {
    height: 32px;
    background-color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    margin-right: 6px;
}

img[src*="weblogo"] {
    background-color: #fff;
    padding: 4px;
    border-radius: 4px;
}

.navbar-brand img {
    height: 32px;
    margin-right: 8px;
    background: #fff;
    border-radius: 4px;
    padding: 2px 6px;
}

/* Buttons */
.btn-gima {
    background-color: var(--gima-orange);
    border-color: var(--gima-orange);
    color: #fff;
}

.btn-gima:hover,
.btn-gima:focus {
    background-color: var(--gima-orange-hover);
    border-color: var(--gima-orange-hover);
    color: #fff;
}

.btn-gima:active {
    background-color: var(--gima-orange-hover);
    border-color: var(--gima-orange-hover);
    color: #fff;
}

.btn-outline-gima {
    color: var(--gima-orange);
    border-color: var(--gima-orange);
}

.btn-outline-gima:hover {
    background-color: var(--gima-orange);
    border-color: var(--gima-orange);
    color: #fff;
}

/* Links */
a {
    color: var(--gima-orange);
}

a:hover {
    color: var(--gima-orange-hover);
}

/* Calendar */
#calendar {
    background: white;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.fc .fc-toolbar-title {
    font-size: 1.2rem;
}

.fc .fc-event {
    cursor: pointer;
    border: none;
    padding: 2px 4px;
}

.fc .fc-timegrid-slot {
    height: 2.5em;
}

.fc .fc-button-primary {
    background-color: var(--gima-orange);
    border-color: var(--gima-orange);
}

.fc .fc-button-primary:hover {
    background-color: var(--gima-orange-hover);
    border-color: var(--gima-orange-hover);
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: var(--gima-orange-hover);
    border-color: var(--gima-orange-hover);
}

.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 68, 22, 0.5);
}

/* Cards */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    background-color: var(--gima-orange);
    color: #fff;
}

/* List groups */
.list-group-item label {
    cursor: pointer;
}

/* Form elements */
.form-control:focus,
.form-select:focus {
    border-color: var(--gima-orange);
    box-shadow: 0 0 0 0.2rem rgba(230, 68, 22, 0.25);
}

.form-check-input:checked {
    background-color: var(--gima-orange);
    border-color: var(--gima-orange);
}

/* Spinner */
.spinner-border.text-primary {
    color: var(--gima-orange) !important;
}

/* Badge override */
.badge.bg-primary,
.badge.bg-gima {
    background-color: var(--gima-orange) !important;
}

/* Modal header */
.modal-header {
    background-color: var(--gima-orange);
    color: #fff;
}

.modal-header .btn-close {
    filter: invert(1);
}