/* 
 * Custom Theme CSS - Applied from user settings
 * This file is dynamically generated based on color settings
 */

:root {
    --primary-color: #0d6efd;
    --secondary-color: #6c757d;
    --accent-color: #20c997;
    --success-color: #198754;
}

/* Only apply custom colors when enabled in settings */
body.custom-theme .bg-primary {
    background-color: var(--primary-color) !important;
}

body.custom-theme .btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

body.custom-theme .text-primary {
    color: var(--primary-color) !important;
}

body.custom-theme .bg-secondary {
    background-color: var(--secondary-color) !important;
}

body.custom-theme .btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

body.custom-theme .bg-success {
    background-color: var(--success-color) !important;
}

body.custom-theme .btn-success {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

body.custom-theme .text-success {
    color: var(--success-color) !important;
}

body.custom-theme .btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

body.custom-theme .btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

body.custom-theme .border-primary {
    border-color: var(--primary-color) !important;
}

body.custom-theme .nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

body.custom-theme .page-link {
    color: var(--primary-color) !important;
}

body.custom-theme .page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

/* Accent color elements */
body.custom-theme .accent-bg {
    background-color: var(--accent-color) !important;
}

body.custom-theme .accent-text {
    color: var(--accent-color) !important;
}

/* Logo styling for receipt, reports, header and navbar */
.center-logo {
    max-height: 80px;
    max-width: 200px;
    margin-bottom: 15px;
}

.header-logo {
    max-height: 40px;
    max-width: 100px;
    object-fit: contain;
}

.navbar-logo {
    max-height: 30px;
    max-width: 80px;
    margin-right: 10px;
}

@media print {
    .center-logo {
        max-height: 60px;
        max-width: 150px;
    }
}