/* Karl Krüger u. Sohn GmbH – Sammeltermin System */

:root {
    --kk-blue:       #2e3882;
    --kk-blue-dark:  #1e2660;
    --kk-blue-mid:   #697aab;
    --kk-blue-light: #ecf6fc;
    --kk-blue-pale:  #c9e6ef;
    --kk-red:        #dc2a1c;
    --kk-text:       #555;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--kk-text);
    -webkit-font-smoothing: antialiased;
}

/* ── Buttons ─────────────────────────────── */
.btn-primary {
    background-color: var(--kk-blue) !important;
    border-color: var(--kk-blue) !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--kk-blue-dark) !important;
    border-color: var(--kk-blue-dark) !important;
}
.btn-outline-primary {
    color: var(--kk-blue) !important;
    border-color: var(--kk-blue) !important;
}
.btn-outline-primary:hover {
    background-color: var(--kk-blue) !important;
    border-color: var(--kk-blue) !important;
    color: white !important;
}
.btn-kk-red {
    background-color: var(--kk-red);
    border-color: var(--kk-red);
    color: white;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.btn-kk-red:hover, .btn-kk-red:focus {
    background-color: #b82218;
    border-color: #b82218;
    color: white;
}

/* ── Logo ────────────────────────────────── */
.kk-logo {
    height: 32px;
    width: auto;
}

/* ── Header ──────────────────────────────── */
.kk-header {
    background: linear-gradient(135deg, var(--kk-blue-dark) 0%, var(--kk-blue) 100%);
}

/* ── Navbar ──────────────────────────────── */
.kk-navbar {
    background-color: var(--kk-blue-dark) !important;
}

/* ── Day/Time picker buttons ─────────────── */
.day-btn:hover, .time-btn:hover {
    border-color: var(--kk-blue) !important;
    background: var(--kk-blue-light) !important;
    color: var(--kk-blue) !important;
    transform: translateY(-1px);
    transition: all 0.12s ease;
}

/* ── Cards ───────────────────────────────── */
.card { transition: box-shadow 0.15s ease; }

/* ── Badge ───────────────────────────────── */
.badge.bg-primary { background-color: var(--kk-blue) !important; }

/* ── Text colors ─────────────────────────── */
.text-kk { color: var(--kk-blue) !important; }
.text-kk-mid { color: var(--kk-blue-mid) !important; }

/* ── Borders / accents ───────────────────── */
.border-kk { border-color: var(--kk-blue) !important; }

html { scroll-behavior: smooth; }

@media (max-width: 576px) {
    .container-fluid.py-4.px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}