/* ─────────────────────────────────────────────────────
   Theme — inspired by cubs.network.cz (Rookie theme)
   Accent  : #00a69c  (teal)
   Dark    : #2b353e  (navy/charcoal)
   Body bg : #e8e8e8
   Fonts   : Oswald (headings) + Lato (body)
───────────────────────────────────────────────────── */

/* ── Base ──────────────────────────────────────────── */
body {
    font-family: 'Lato', sans-serif;
    background-color: #e8e8e8;
    color: #222;
}

/* ── Headings ──────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

/* ── Links ─────────────────────────────────────────── */
a {
    color: #00a69c;
}
a:hover {
    color: #00958c;
}

/* ── Navbar ────────────────────────────────────────── */
.navbar {
    background-color: #2b353e !important;
}
.navbar-brand {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff !important;
}
.navbar .nav-link {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    transition: background-color 0.15s, color 0.15s;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #fff !important;
    background-color: #00a69c;
}
.navbar-toggler {
    border-color: rgba(255,255,255,0.3);
}

/* ── Main content area ─────────────────────────────── */
main.container {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
    padding-top: 0;
    padding-bottom: 2rem;
    margin-top: 4px;
}

/* ── Hero — flush to container edges ──────────────── */
.site-hero {
    border-radius: 0 !important;
    margin-top: -1.5rem;   /* negate container's pt-4 */
    margin-left: -0.75rem; /* negate container's px-* */
    margin-right: -0.75rem;
    margin-bottom: 2rem;
}

/* ── Widget / section headings (all h2 in main) ────── */
main h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    background: #2b353e;
    color: #fff !important;
    border-top: 8px solid #00a69c;
    padding: 0.45rem 0.75rem;
    margin-bottom: 1rem;
}
main h2 .text-muted,
main h2 small {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ── Buttons ───────────────────────────────────────── */
.btn-primary {
    --bs-btn-bg: #00a69c;
    --bs-btn-border-color: #00a69c;
    --bs-btn-hover-bg: #00958c;
    --bs-btn-hover-border-color: #00958c;
    --bs-btn-active-bg: #008880;
    --bs-btn-active-border-color: #008880;
}
.btn-outline-primary {
    --bs-btn-color: #00a69c;
    --bs-btn-border-color: #00a69c;
    --bs-btn-hover-bg: #00a69c;
    --bs-btn-hover-border-color: #00a69c;
}

/* ── Tables ────────────────────────────────────────── */
.table caption {
    caption-side: top;
    background: #2b353e;
    color: #fff;
    border-top: 8px solid #00a69c;
    padding: 0.5em 0.75em;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.table thead th {
    background-color: #2b353e !important;
    color: #fff !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
.table-primary {
    --bs-table-bg: #d0f0ee;
    --bs-table-color: #004d48;
    --bs-table-border-color: #b8e0de;
    --bs-table-hover-bg: #c2e8e6;
    --bs-table-hover-color: #004d48;
    --bs-table-active-bg: #b8e0de;
}

/* ── Badges ────────────────────────────────────────── */
.badge.text-bg-primary { background-color: #00a69c !important; }
.bg-primary             { background-color: #00a69c !important; }
.text-primary           { color: #00a69c !important; }
.border-primary         { border-color: #00a69c !important; }

/* ── List-group active/hover ───────────────────────── */
.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: #f0fafa;
}

/* ── Footer ────────────────────────────────────────── */
footer {
    background-color: #2b353e !important;
}
footer .text-white {
    color: #fff !important;
}

/* ── Alerts ────────────────────────────────────────── */
.alert-primary {
    background-color: #d0f0ee;
    border-color: #00a69c;
    color: #004d48;
}

/* ── FullCalendar accent ───────────────────────────── */
.fc .fc-button-primary {
    background-color: #2b353e;
    border-color: #2b353e;
}
.fc .fc-button-primary:hover {
    background-color: #00a69c;
    border-color: #00a69c;
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: #00958c;
    border-color: #00958c;
}
.fc a {
    color: #00a69c;
}
.fc .fc-daygrid-event {
    background-color: #2b353e;
    border-color: #2b353e;
}
