/* ============================================================
   app.css — Complexe Équestre de Bécancour
   Palette : Or #B8952A · Noir #0A0A0A · Fond #F7F5F0
   ============================================================ */

:root {
    --ceb-or:       #B8952A;
    --ceb-or-hover: #9A7B20;
    --ceb-or-light: #F0E8D0;
    --ceb-noir:     #0A0A0A;
    --ceb-fond:     #F7F5F0;
    --ceb-texte:    #1A1A1A;
}

body {
    font-size: .9rem;
    background-color: var(--ceb-fond);
    color: var(--ceb-texte);
}

/* ---- Navbar ---- */
.navbar.navbar-ceb {
    background-color: var(--ceb-noir) !important;
    border-bottom: 3px solid var(--ceb-or);
}
.navbar-ceb .navbar-brand {
    color: var(--ceb-or) !important;
    font-size: .95rem;
    font-weight: 600;
    letter-spacing: .02em;
}
.navbar-ceb .nav-link {
    color: #ccc !important;
    font-size: .82rem;
    letter-spacing: .03em;
}
.navbar-ceb .nav-link:hover,
.navbar-ceb .nav-link.active {
    color: var(--ceb-or) !important;
}
.navbar-ceb .badge {
    background-color: var(--ceb-or) !important;
    color: var(--ceb-noir) !important;
}
.navbar-ceb .dropdown-menu {
    border-top: 2px solid var(--ceb-or);
}

/* ---- Boutons principaux ---- */
.btn-primary {
    background-color: var(--ceb-or);
    border-color: var(--ceb-or);
    color: var(--ceb-noir);
    font-weight: 600;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--ceb-or-hover);
    border-color: var(--ceb-or-hover);
    color: var(--ceb-noir);
}
.btn-outline-primary {
    border-color: var(--ceb-or);
    color: var(--ceb-or);
}
.btn-outline-primary:hover {
    background-color: var(--ceb-or);
    border-color: var(--ceb-or);
    color: var(--ceb-noir);
}

/* ---- Cards ---- */
.card {
    border-radius: .75rem;
    background-color: #fff;
}
.card-header {
    border-bottom: 2px solid var(--ceb-or-light);
}

/* ---- Tables ---- */
.table th {
    font-weight: 600;
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ceb-texte);
}
.table-dark {
    --bs-table-bg: var(--ceb-noir);
}

/* ---- Badges statut ---- */
.badge { font-weight: 500; }

/* ---- Statistiques tableau de bord ---- */
.stat-card-or {
    background-color: var(--ceb-or-light);
    border-left: 4px solid var(--ceb-or);
}
.stat-card-or .stat-icon { color: var(--ceb-or); }

/* ---- Formulaires ---- */
.form-control:focus, .form-select:focus {
    border-color: var(--ceb-or);
    box-shadow: 0 0 0 .2rem rgba(184,149,42,.2);
}
.form-label.fw-semibold { color: var(--ceb-texte); }

/* ---- Calendrier FullCalendar ---- */
.fc .fc-button {
    background-color: var(--ceb-noir);
    border-color: var(--ceb-or);
    color: var(--ceb-or);
    font-size: .8rem;
}
.fc .fc-button:hover {
    background-color: var(--ceb-or);
    border-color: var(--ceb-or);
    color: var(--ceb-noir);
}
.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: var(--ceb-or);
    border-color: var(--ceb-or);
    color: var(--ceb-noir);
}
.fc-toolbar-title { font-size: 1rem !important; font-weight: 600; }
.fc-event { border-radius: 4px; font-size: .78rem; }

/* ---- Indicateurs disponibilité ---- */
.dispo-ok   { color: #198754; font-weight: 600; }
.dispo-warn { color: #cc8800; font-weight: 600; }
.dispo-none { color: #dc3545; font-weight: 600; }

/* ---- Footer ---- */
footer {
    border-top: 1px solid var(--ceb-or-light) !important;
    color: #888;
}