/*
 * Silen Motorcycles – firemní barvy pro admin (přepis SB Admin 2)
 * Černá / bílá / červená (#E31E24 – barva z loga)
 */

:root {
    --silen-red: #e31e24;
    --silen-red-dark: #b5161b;
    --silen-black: #111111;
    /* Roboto (Google Fonts, latin-ext) místo Nunito kvůli plné podpoře češtiny */
    --font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body,
.tooltip,
.popover {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Původně modrý gradient (sidebar, pozadí loginu) -> černá */
.bg-gradient-primary {
    background-color: var(--silen-black);
    background-image: linear-gradient(180deg, #1f1f1f 10%, #000000 100%);
    background-size: cover;
}

/* Logo v sidebaru */
.sidebar .sidebar-brand-logo {
    height: 2rem;
    width: auto;
    display: block;
}

/* Aktivní / hover položka v černém sidebaru – červený akcent */
.sidebar-dark .nav-item.active .nav-link {
    border-left: 0.25rem solid var(--silen-red);
}

.sidebar-dark hr.sidebar-divider {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* Primární tlačítka -> červená */
.btn-primary {
    background-color: var(--silen-red);
    border-color: var(--silen-red);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--silen-red-dark);
    border-color: var(--silen-red-dark);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.35);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--silen-red);
    border-color: var(--silen-red);
}

.btn-outline-primary {
    color: var(--silen-red);
    border-color: var(--silen-red);
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: var(--silen-red);
    border-color: var(--silen-red);
    color: #fff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.35);
}

/* Ostatní "primary" prvky */
.bg-primary {
    background-color: var(--silen-red) !important;
}

.badge-primary {
    background-color: var(--silen-red);
}

.text-primary {
    color: var(--silen-red) !important;
}

.border-primary {
    border-color: var(--silen-red) !important;
}

.border-left-primary {
    border-left-color: var(--silen-red) !important;
}

.border-bottom-primary {
    border-bottom-color: var(--silen-red) !important;
}

.progress-bar {
    background-color: var(--silen-red);
}

.dropdown-item:active {
    background-color: var(--silen-red);
}

/* Odkazy */
a {
    color: var(--silen-red);
}

a:hover {
    color: var(--silen-red-dark);
}

/* Stránkování */
.page-link {
    color: var(--silen-red);
}

.page-link:hover {
    color: var(--silen-red-dark);
}

.page-item.active .page-link {
    background-color: var(--silen-red);
    border-color: var(--silen-red);
}

/* Formuláře – focus a checkboxy */
.form-control:focus {
    border-color: #f2989b;
    box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.2);
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--silen-red);
    border-color: var(--silen-red);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.25);
}