/* RED THEME - #E22828 */
/* B2B E-commerce Portál - Červená téma */

:root {
    --bs-primary: #E22828;
    --bs-primary-rgb: 226, 40, 40;
    --bs-primary-hover: #c71f1f;
    --bs-primary-active: #b81c1c;
}

/* ========================================
   BOOTSTRAP OVERRIDES
   ======================================== */

/* Background Primary */
.bg-primary {
    background-color: #E22828 !important;
}

/* Text Primary */
.text-primary {
    color: #E22828 !important;
}

/* Border Primary */
.border-primary {
    border-color: #E22828 !important;
}

/* ========================================
   BUTTONS
   ======================================== */

/* Primary Button */
.btn-primary {
    background-color: #E22828;
    border-color: #E22828;
    color: #fff;
}

.btn-primary:hover {
    background-color: #c71f1f;
    border-color: #b81c1c;
    color: #fff;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #b81c1c;
    border-color: #a91919;
    color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.5);
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #E22828;
    border-color: #E22828;
    opacity: 0.65;
}

/* Outline Primary Button */
.btn-outline-primary {
    color: #E22828;
    border-color: #E22828;
}

.btn-outline-primary:hover {
    background-color: #E22828;
    border-color: #E22828;
    color: #fff;
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: #c71f1f;
    border-color: #b81c1c;
    color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.5);
}

.btn-check:checked + .btn-outline-primary {
    background-color: #E22828;
    border-color: #E22828;
    color: #fff;
}

/* ========================================
   NAVBAR
   ======================================== */

.navbar-dark.bg-primary {
    background-color: #E22828 !important;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: rgba(255, 255, 255, 0.9);
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
    color: rgba(255, 255, 255, 0.9);
}

/* ========================================
   BADGES
   ======================================== */

.badge.bg-primary {
    background-color: #E22828 !important;
}

.badge.text-bg-primary {
    background-color: #E22828 !important;
    color: #fff !important;
}

/* ========================================
   PROGRESS BARS
   ======================================== */

.progress-bar.bg-primary {
    background-color: #E22828 !important;
}

/* ========================================
   ALERTS
   ======================================== */

.alert-primary {
    color: #8b1616;
    background-color: #fad7d7;
    border-color: #f7c4c4;
}

.alert-primary .alert-link {
    color: #6f1212;
}

/* ========================================
   LINKS
   ======================================== */

a {
    color: #E22828;
    text-decoration: none;
}

a:hover {
    color: #c71f1f;
    text-decoration: underline;
}

a:focus {
    color: #b81c1c;
}

/* ========================================
   FORMS
   ======================================== */

/* Form Check (Checkbox, Radio) */
.form-check-input:checked {
    background-color: #E22828;
    border-color: #E22828;
}

.form-check-input:focus {
    border-color: #E22828;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

/* Form Control Focus */
.form-control:focus {
    border-color: #E22828;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

.form-select:focus {
    border-color: #E22828;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

/* Form Range */
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #E22828;
}

.form-range::-moz-range-thumb {
    background-color: #E22828;
}

/* ========================================
   PAGINATION
   ======================================== */

.pagination .page-link {
    color: #E22828;
}

.pagination .page-link:hover {
    color: #c71f1f;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}

.pagination .page-link:focus {
    color: #c71f1f;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

.pagination .page-item.active .page-link {
    background-color: #E22828;
    border-color: #E22828;
    color: #fff;
}

/* ========================================
   DROPDOWNS
   ======================================== */

.dropdown-item.active,
.dropdown-item:active {
    background-color: #E22828;
    color: #fff;
}

/* ========================================
   NAV TABS & PILLS
   ======================================== */

.nav-tabs .nav-link.active {
    color: #E22828;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-pills .nav-link.active {
    background-color: #E22828;
}

/* ========================================
   LIST GROUP
   ======================================== */

.list-group-item.active {
    background-color: #E22828;
    border-color: #E22828;
}

.list-group-item-primary {
    color: #8b1616;
    background-color: #fad7d7;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #8b1616;
    background-color: #e1c2c2;
}

/* ========================================
   ADMIN SIDEBAR
   ======================================== */

.admin-sidebar .nav-link:hover {
    border-left-color: #E22828 !important;
}

.admin-sidebar .nav-link.active {
    background-color: rgba(226, 40, 40, 0.2) !important;
    border-left-color: #E22828 !important;
}

/* ========================================
   CARDS
   ======================================== */

.card-header.bg-primary {
    background-color: #E22828 !important;
    color: #fff;
}

/* ========================================
   TABLES
   ======================================== */

.table-primary {
    --bs-table-bg: #fad7d7;
    --bs-table-striped-bg: #eecbcb;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e1c2c2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e7c7c7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e1c2c2;
}

/* ========================================
   SPINNERS
   ======================================== */

.spinner-border.text-primary {
    color: #E22828 !important;
}

.spinner-grow.text-primary {
    color: #E22828 !important;
}

/* ========================================
   TOASTS
   ======================================== */

.toast-header.bg-primary {
    background-color: #E22828 !important;
    color: #fff;
}

/* ========================================
   MODALS
   ======================================== */

.modal-header.bg-primary {
    background-color: #E22828 !important;
    color: #fff;
}

/* ========================================
   ACCORDION
   ======================================== */

.accordion-button:not(.collapsed) {
    color: #E22828;
    background-color: #fad7d7;
}

.accordion-button:focus {
    border-color: #E22828;
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

/* ========================================
   OFFCANVAS
   ======================================== */

.offcanvas-header.bg-primary {
    background-color: #E22828 !important;
    color: #fff;
}

/* ========================================
   BREADCRUMB
   ======================================== */

.breadcrumb-item.active {
    color: #E22828;
}

/* ========================================
   CLOSE BUTTON
   ======================================== */

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(226, 40, 40, 0.25);
}

/* ========================================
   CUSTOM COMPONENTS
   ======================================== */

/* Stats Cards */
.stats-card.bg-primary {
    background-color: #E22828 !important;
}

/* Cart Count Badge */
.cart-count-badge.bg-danger {
    /* Keep danger red for cart count */
}

/* ========================================
   UTILITIES
   ======================================== */

.bg-primary-subtle {
    background-color: #fad7d7 !important;
}

.text-primary-emphasis {
    color: #8b1616 !important;
}

.border-primary-subtle {
    border-color: #f7c4c4 !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 991.98px) {
    .navbar-dark .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.5);
    }
    
    .navbar-dark .navbar-toggler:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
    }
}

/* ========================================
   PRINT
   ======================================== */

@media print {
    .bg-primary {
        background-color: #E22828 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}