/**
 * ARZY CMS - Custom Brand Colors & Typography
 *
 * Primary colors extracted from ARZY logo:
 * - Orange/Gold: #D4A039 to #E8B84A (gradient)
 * - Dark Gray: #3D3D3D to #5A5A5A
 *
 * Typography: Gotham font family
 *
 * These styles override the default theme
 */

/* ========================================
   GOTHAM FONT FAMILY
   ======================================== */

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/Gotham-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Apply Gotham font globally */
body,
html,
.container-scroller,
.page-body-wrapper,
.main-panel,
.content-wrapper {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Form elements */
input,
textarea,
select,
button,
.form-control,
.form-select,
.btn {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Cards, modals, alerts */
.card,
.modal,
.alert,
.toast,
.dropdown-menu {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Navigation */
.navbar,
.sidebar,
.nav,
.breadcrumb {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Tables */
.table,
table {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* SweetAlert2 */
.swal2-popup,
.swal2-title,
.swal2-html-container,
.swal2-confirm,
.swal2-cancel {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Select2 */
.select2-container,
.select2-selection,
.select2-results {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* DataTables */
.dataTables_wrapper {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ========================================
   PRIMARY GRADIENT - Orange/Gold
   ======================================== */

.bg-gradient-primary {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Navbar menu wrapper */
.navbar .navbar-menu-wrapper {
    background: #ffffff;
    border-bottom: 1px solid #e8e8e8;
}

/* Buttons */
.btn-primary {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
    border-color: #C49340 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(to right, #B38530, #D4A73A) !important;
    border-color: #B38530 !important;
}

/* Gradient Primary Button - Main button style used throughout the app */
.btn-gradient-primary {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
    border: 0 !important;
}

.btn-gradient-primary:not([disabled]):not(.disabled):active,
.btn-gradient-primary:not([disabled]):not(.disabled).active,
.show > .btn-gradient-primary.dropdown-toggle {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

.btn-gradient-primary:hover {
    background: linear-gradient(to right, #B38530, #D4A73A) !important;
    opacity: 0.9;
}

.btn-gradient-primary:not(.btn-gradient-light) {
    color: #ffffff !important;
}

.btn-gradient-primary:not(.btn-gradient-light):hover,
.btn-gradient-primary:not(.btn-gradient-light):focus,
.btn-gradient-primary:not(.btn-gradient-light):active {
    color: #ffffff !important;
}

.btn-outline-primary {
    color: #D4A039 !important;
    border-color: #D4A039 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
    color: #ffffff !important;
}

/* Links */
a {
    color: #C49340;
}

a:hover {
    color: #B38530;
}

/* Form elements focus states */
.form-control:focus,
.form-select:focus {
    border-color: #D4A039 !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 160, 57, 0.25) !important;
}

/* Checkbox and radio - Template custom input-helper styles */
.form-check .form-check-label input[type=checkbox] + .input-helper:before {
    border-color: #D4A039 !important;
}

.form-check .form-check-label input[type=checkbox]:checked + .input-helper:before {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
    border-width: 0 !important;
}

.form-check .form-check-label input[type=radio] + .input-helper:before {
    border-color: #D4A039 !important;
}

.form-check .form-check-label input[type=radio]:checked + .input-helper:before {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
    border-width: 0 !important;
}

/* Form-check primary variant */
.form-check-primary.form-check label input[type=checkbox] + .input-helper:before,
.form-check-primary.form-check label input[type=radio] + .input-helper:before {
    border-color: #D4A039 !important;
}

.form-check-primary.form-check label input[type=checkbox]:checked + .input-helper:before,
.form-check-primary.form-check label input[type=radio]:checked + .input-helper:before {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Bootstrap default checkbox fallback */
.form-check-input:checked {
    background-color: #D4A039 !important;
    border-color: #D4A039 !important;
}

.form-check-input:focus {
    border-color: #D4A039 !important;
    box-shadow: 0 0 0 0.25rem rgba(212, 160, 57, 0.25) !important;
    outline: 0 !important;
}

/* Progress bars */
.progress-bar {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Badges */
.badge-primary,
.badge.bg-primary {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Cards with gradient header */
.card .card-header.bg-gradient-primary {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #D4A039 !important;
    border-color: #D4A039 !important;
}

.page-link {
    color: #D4A039;
}

.page-link:hover {
    color: #B38530;
}

/* DataTables */
table.dataTable thead th {
    border-bottom-color: #D4A039 !important;
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #D4A039 !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
    border-color: #D4A039 !important;
}

/* ========================================
   ALERTS - Brand harmonized styles
   ======================================== */

/* Alert Primary - Gold/Orange theme */
.alert-primary {
    background-color: rgba(212, 160, 57, 0.1) !important;
    border-color: #D4A039 !important;
    border-left: 4px solid #D4A039 !important;
    color: #8B6914 !important;
}

.alert-primary .alert-link {
    color: #6B5010 !important;
}

/* Alert Info - Gold/Orange theme (replaces blue) */
.alert-info {
    background-color: rgba(212, 160, 57, 0.1) !important;
    border-color: #E8B84A !important;
    border-left: 4px solid #D4A039 !important;
    color: #8B6914 !important;
}

.alert-info .alert-link {
    color: #6B5010 !important;
}

.alert-info .btn-close {
    color: #8B6914 !important;
}

/* Alert Success - Keep green but harmonize */
.alert-success {
    background-color: rgba(16, 183, 89, 0.1) !important;
    border-color: #10B759 !important;
    border-left: 4px solid #10B759 !important;
    color: #0A7637 !important;
}

.alert-success .alert-link {
    color: #085C2B !important;
}

/* Alert Warning - Gold theme */
.alert-warning {
    background-color: rgba(232, 184, 74, 0.15) !important;
    border-color: #E8B84A !important;
    border-left: 4px solid #C49340 !important;
    color: #8B6914 !important;
}

.alert-warning .alert-link {
    color: #6B5010 !important;
}

/* Alert Danger - Keep red but harmonize */
.alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-color: #DC3545 !important;
    border-left: 4px solid #DC3545 !important;
    color: #842029 !important;
}

.alert-danger .alert-link {
    color: #6A1A21 !important;
}

/* Alert Secondary - Gray theme */
.alert-secondary {
    background-color: rgba(61, 61, 61, 0.1) !important;
    border-color: #5A5A5A !important;
    border-left: 4px solid #3D3D3D !important;
    color: #3D3D3D !important;
}

.alert-secondary .alert-link {
    color: #1A1A1A !important;
}

/* Alert Light */
.alert-light {
    background-color: #f8f9fa !important;
    border-color: #e8e8e8 !important;
    border-left: 4px solid #c0c0c0 !important;
    color: #5A5A5A !important;
}

/* Alert Dark */
.alert-dark {
    background-color: rgba(61, 61, 61, 0.15) !important;
    border-color: #3D3D3D !important;
    border-left: 4px solid #1A1A1A !important;
    color: #1A1A1A !important;
}

/* Common alert styles */
.alert {
    border-radius: 4px !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.alert .btn-close {
    opacity: 0.6;
}

.alert .btn-close:hover {
    opacity: 1;
}

/* Tabs */
.nav-tabs .nav-link.active {
    border-bottom-color: #D4A039 !important;
    color: #D4A039 !important;
}

.nav-pills .nav-link.active {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Spinner */
.spinner-border.text-primary {
    color: #D4A039 !important;
}

/* Text utilities */
.text-primary {
    color: #D4A039 !important;
}

/* Border utilities */
.border-primary {
    border-color: #D4A039 !important;
}

/* ========================================
   SECONDARY COLORS - Dark Gray
   ======================================== */


.sidebar .nav .nav-item .nav-link i,
.sidebar .nav .nav-item.active > .nav-link i {
    color: #E8B84A;
}

.sidebar .nav.sub-menu .nav-item .nav-link:hover,
.sidebar .nav .nav-item.active > .nav-link .menu-title {
    color: #E8B84A;
}



/* ========================================
   ADDITIONAL BRAND ELEMENTS
   ======================================== */

/* Footer */
.footer {
    border-top: 1px solid #e8e8e8;
}

/* Card shadows with brand touch */
.card {
    box-shadow: 0 0 10px rgba(61, 61, 61, 0.1);
}

/* Scrollbar styling (webkit browsers) */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #C49340, #E8B84A);
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Auth form specific styles */
.auth-form-light {
    border-top: 4px solid #D4A039;
}

/* Loading states */
.loading-overlay {
    background: rgba(61, 61, 61, 0.8);
}

/* Dropdown menu hover */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: rgba(212, 160, 57, 0.1);
    color: #C49340;
}

/* SweetAlert2 custom confirm button */
.swal2-confirm.swal2-styled {
    background: linear-gradient(to right, #C49340, #E8B84A) !important;
}

/* Breadcrumb active */
.breadcrumb-item.active {
    color: #D4A039;
}

/* Table row hover */
.table-hover tbody tr:hover {
    background-color: rgba(212, 160, 57, 0.05);
}