/* ==========================================================
   MiTema - Premiero
   Personalizacion visual de FacturaScripts
   ----------------------------------------------------------
   Rojo marca     #78290F
   Rojo intenso   #8E1B0C  (borrar / destructivo)
   Crema          #FEECD1
   Texto          #50352D
   ========================================================== */

/* Tipografias de marca (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

/* ---------- 1. Paleta ---------- */
:root {
    --bs-primary: #78290F;
    --bs-primary-rgb: 120, 41, 15;

    --bs-link-color: #78290F;
    --bs-link-color-rgb: 120, 41, 15;
    --bs-link-hover-color: #5c1f0b;
    --bs-link-hover-color-rgb: 92, 31, 11;

    --bs-body-color: #50352D;
    --bs-focus-ring-color: rgba(120, 41, 15, 0.25);

    --bs-pagination-color: #78290F;
    --bs-pagination-hover-color: #5c1f0b;
    --bs-pagination-focus-color: #5c1f0b;
    --bs-pagination-active-bg: #78290F;
    --bs-pagination-active-border-color: #78290F;
}

/* ---------- 2. Tipografias ---------- */
:root {
    --bs-body-font-family: 'Maven Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body,
.navbar,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.table,
.modal,
.toast {
    font-family: 'Maven Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-title,
.modal-title,
.navbar-brand {
    font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: -0.01em;
}

/* ---------- 3. Enlaces: todo lo azul al rojo de marca ---------- */
a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.list-group-item) {
    color: #78290F !important;
}

a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.list-group-item):hover {
    color: #5c1f0b !important;
}

.text-primary,
.text-primary-emphasis,
.text-info,
.text-info-emphasis,
.link-primary,
.link-info {
    color: #78290F !important;
}

.btn-link {
    --bs-btn-color: #78290F;
    --bs-btn-hover-color: #5c1f0b;
    --bs-btn-active-color: #5c1f0b;
}


/* ---------- 4. Botones ---------- */

/* Guardar / Aceptar (azul) -> rojo de marca */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #78290F;
    --bs-btn-border-color: #78290F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c1f0b;
    --bs-btn-hover-border-color: #5c1f0b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a1909;
    --bs-btn-active-border-color: #4a1909;
    --bs-btn-disabled-bg: #78290F;
    --bs-btn-disabled-border-color: #78290F;
    --bs-btn-focus-shadow-rgb: 120, 41, 15;
}

/* Nuevo y demas botones verdes -> rojo de marca */
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #78290F;
    --bs-btn-border-color: #78290F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c1f0b;
    --bs-btn-hover-border-color: #5c1f0b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a1909;
    --bs-btn-active-border-color: #4a1909;
    --bs-btn-disabled-bg: #78290F;
    --bs-btn-disabled-border-color: #78290F;
    --bs-btn-focus-shadow-rgb: 120, 41, 15;
}

/* Boton turquesa de las lineas (producto) -> rojo de marca */
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #78290F;
    --bs-btn-border-color: #78290F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c1f0b;
    --bs-btn-hover-border-color: #5c1f0b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a1909;
    --bs-btn-active-border-color: #4a1909;
    --bs-btn-disabled-bg: #78290F;
    --bs-btn-disabled-border-color: #78290F;
    --bs-btn-focus-shadow-rgb: 120, 41, 15;
}

/* Borrar / destructivo: rojo mas intenso */
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8E1B0C;
    --bs-btn-border-color: #8E1B0C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6F1409;
    --bs-btn-hover-border-color: #6F1409;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5A1007;
    --bs-btn-active-border-color: #5A1007;
    --bs-btn-disabled-bg: #8E1B0C;
    --bs-btn-disabled-border-color: #8E1B0C;
    --bs-btn-focus-shadow-rgb: 142, 27, 12;
}

/* Grises (Buscar, Recargar, Filtros, Acciones, Orden...) -> crema con texto rojo */
.btn-secondary,
.btn-light,
.btn-outline-secondary {
    --bs-btn-color: #78290F;
    --bs-btn-bg: #FEECD1;
    --bs-btn-border-color: #FEECD1;
    --bs-btn-hover-color: #5c1f0b;
    --bs-btn-hover-bg: #f6dcb8;
    --bs-btn-hover-border-color: #f6dcb8;
    --bs-btn-active-color: #5c1f0b;
    --bs-btn-active-bg: #efd0a3;
    --bs-btn-active-border-color: #efd0a3;
    --bs-btn-disabled-color: #78290F;
    --bs-btn-disabled-bg: #FEECD1;
    --bs-btn-disabled-border-color: #FEECD1;
    --bs-btn-focus-shadow-rgb: 120, 41, 15;
}

/* Botones con borde azul -> borde rojo */
.btn-outline-primary {
    --bs-btn-color: #78290F;
    --bs-btn-border-color: #78290F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #78290F;
    --bs-btn-hover-border-color: #78290F;
    --bs-btn-active-bg: #5c1f0b;
    --bs-btn-active-border-color: #5c1f0b;
    --bs-btn-focus-shadow-rgb: 120, 41, 15;
}

/* ---------- 5. Menus laterales y desplegables ---------- */
.list-group-item.active,
.list-group-item-action.active {
    color: #FEECD1 !important;
    background-color: #78290F !important;
    border-color: #78290F !important;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #78290F;
    --bs-dropdown-link-active-color: #FEECD1;
}


/* ---------- 6. Avisos: del amarillo/azul a crema con texto rojo ---------- */
.alert-warning,
.alert-info {
    --bs-alert-color: #78290F;
    --bs-alert-bg: #FEECD1;
    --bs-alert-border-color: #eed7b3;
    --bs-alert-link-color: #5c1f0b;
}

.table-warning {
    --bs-table-color: #78290F;
    --bs-table-bg: #FEECD1;
    --bs-table-border-color: #eed7b3;
    --bs-table-striped-bg: #f7e2c6;
    --bs-table-striped-color: #78290F;
    --bs-table-hover-bg: #f7e2c6;
    --bs-table-hover-color: #78290F;
}

.toast-warning {
    border-color: #eed7b3 !important;
}

.toast-warning .toast-header {
    color: #78290F !important;
    background-color: #FEECD1 !important;
}

.toast-warning .toast-body {
    color: #78290F;
}

/* ---------- 7. Formularios ---------- */
.form-check-input:checked {
    background-color: #78290F;
    border-color: #78290F;
}

.form-control:focus,
.form-select:focus {
    border-color: #78290F;
    box-shadow: 0 0 0 0.25rem rgba(120, 41, 15, 0.2);
}

/* Campos obligatorios: del amarillo a crema */
input[required].form-control:not(:read-only),
textarea[required].form-control:not(:read-only),
select[required].form-control:not(:disabled) {
    background-image: linear-gradient(to bottom, rgba(254, 236, 209, 0.95), rgba(254, 236, 209, 0.55));
}

select[required].form-select.select2 + .select2-container--bootstrap-5 .select2-selection {
    box-shadow: 0 0 0 0.2rem rgba(120, 41, 15, 0.15) !important;
}

/* ---------- 8. Logo de la barra superior ---------- */
.navbar-brand img {
    width: auto;
    height: 26px;
}

/* ---------- 9. Textos de la barra superior ---------- */

.navbar-brand {
    --bs-navbar-brand-color: #FEECD1;
    --bs-navbar-brand-hover-color: #fff;
}