/* =========================================================
   MONOEAT UI
   Paleta corporativa definitiva
   ========================================================= */

:root {
    --monoeat-primary: #F2B949;
    --monoeat-primary-hover: #DFA934;

    --monoeat-brown: #1E130E;
    --monoeat-brown-hover: #2A1B14;

    --monoeat-page: #F4F6F8;
    --monoeat-surface: #FFFFFF;

    --monoeat-text: #20242C;
    --monoeat-muted: #687080;
    --monoeat-border: #E3E6EA;

    --monoeat-dark-page: #24201E;
    --monoeat-dark-surface: #2B2623;
    --monoeat-dark-surface-2: #332D29;
    --monoeat-dark-border: #403733;
}


/* =========================================================
   COLOR CORPORATIVO GLOBAL
   ========================================================= */

.bg-skin-base {
    background-color: var(--monoeat-primary) !important;
}

.text-skin-base {
    color: var(--monoeat-primary) !important;
}

.border-skin-base {
    border-color: var(--monoeat-primary) !important;
}


/* Botones amarillos: texto café */
.bg-skin-base,
button.bg-skin-base,
a.bg-skin-base {
    color: var(--monoeat-brown) !important;
}

.bg-skin-base *,
button.bg-skin-base *,
a.bg-skin-base * {
    color: var(--monoeat-brown) !important;
}


/* =========================================================
   HEADER SUPERADMIN
   Siempre café
   ========================================================= */

html:not(.dark) body.monoeat-superadmin nav.fixed,
html.dark body.monoeat-superadmin nav.fixed {
    background-color: var(--monoeat-brown) !important;
    border-color: rgba(255,255,255,.08) !important;
}

body.monoeat-superadmin nav.fixed,
body.monoeat-superadmin nav.fixed a,
body.monoeat-superadmin nav.fixed button,
body.monoeat-superadmin nav.fixed span {
    color: #FFFFFF !important;
}


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

body.monoeat-superadmin #sidebar,
body.monoeat-superadmin #sidebar > div,
body.monoeat-superadmin #sidebar > div > div,
body.monoeat-superadmin #sidebar [class*="dark:bg-gray"],
body.monoeat-superadmin #sidebar [sidebar-bottom-menu] {
    background-color: var(--monoeat-brown) !important;
    border-color: rgba(255,255,255,.08) !important;
}


/* Items normales */
body.monoeat-superadmin #sidebar li > a {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 0 !important;
}

body.monoeat-superadmin #sidebar li > a > span {
    color: #FFFFFF !important;
}


/* Hover */
body.monoeat-superadmin #sidebar li > a:hover {
    background-color: var(--monoeat-brown-hover) !important;
    color: var(--monoeat-primary) !important;
}

body.monoeat-superadmin #sidebar li > a:hover > span {
    color: var(--monoeat-primary) !important;
}


/* Item activo */
body.monoeat-superadmin #sidebar li > a.text-skin-base {
    background-color: var(--monoeat-primary) !important;
    color: var(--monoeat-brown) !important;
    font-weight: 700 !important;
}

body.monoeat-superadmin #sidebar li > a.text-skin-base > span {
    color: var(--monoeat-brown) !important;
}


/* =========================================================
   BOTÓN SOPORTE
   ========================================================= */

body.monoeat-superadmin #sidebar [sidebar-bottom-menu] a {
    background-color: transparent !important;
    color: var(--monoeat-primary) !important;
    border: 1px solid var(--monoeat-primary) !important;
}

body.monoeat-superadmin #sidebar [sidebar-bottom-menu] a span {
    color: var(--monoeat-primary) !important;
}

body.monoeat-superadmin #sidebar [sidebar-bottom-menu] a:hover {
    background-color: var(--monoeat-primary) !important;
    color: var(--monoeat-brown) !important;
}

body.monoeat-superadmin #sidebar [sidebar-bottom-menu] a:hover span {
    color: var(--monoeat-brown) !important;
}


/* =========================================================
   MODO CLARO
   ========================================================= */

html:not(.dark) body.monoeat-superadmin,
html:not(.dark) body.monoeat-superadmin #main-content {
    background-color: var(--monoeat-page) !important;
    color: var(--monoeat-text);
}


/* =========================================================
   MODO OSCURO
   Carbón cálido, no café rojizo
   ========================================================= */

html.dark body.monoeat-superadmin,
html.dark body.monoeat-superadmin #main-body,
html.dark body.monoeat-superadmin #main-content,
html.dark body.monoeat-superadmin .dark\:bg-gray-900 {
    background-color: var(--monoeat-dark-page) !important;
}

html.dark body.monoeat-superadmin .dark\:bg-gray-800 {
    background-color: var(--monoeat-dark-surface) !important;
}

html.dark body.monoeat-superadmin .dark\:bg-gray-700 {
    background-color: var(--monoeat-dark-surface-2) !important;
}

html.dark body.monoeat-superadmin .dark\:border-gray-700 {
    border-color: var(--monoeat-dark-border) !important;
}


/* =========================================================
   FORMULARIOS
   ========================================================= */

html:not(.dark) body.monoeat-superadmin input,
html:not(.dark) body.monoeat-superadmin select,
html:not(.dark) body.monoeat-superadmin textarea {
    border-color: var(--monoeat-border);
}

html:not(.dark) body.monoeat-superadmin input:focus,
html:not(.dark) body.monoeat-superadmin select:focus,
html:not(.dark) body.monoeat-superadmin textarea:focus {
    border-color: var(--monoeat-primary) !important;
    --tw-ring-color: rgba(242,185,73,.25) !important;
}


/* =========================================================
   SELECCIÓN DE TEXTO
   ========================================================= */

::selection {
    background: var(--monoeat-primary);
    color: var(--monoeat-brown);
}


/* =========================================================
   MONOEAT - CONTROLES HEADER SUPERADMIN
   ========================================================= */

/* Botón modo claro / oscuro */
body.monoeat-superadmin nav.fixed button[aria-label*="Dark"],
body.monoeat-superadmin nav.fixed button[title*="Dark"],
body.monoeat-superadmin nav.fixed button[aria-label*="dark"],
body.monoeat-superadmin nav.fixed button[title*="dark"] {
    background-color: #F2B949 !important;
    color: #1E130E !important;
    border-color: #F2B949 !important;
}

/* Iconos del toggle */
body.monoeat-superadmin nav.fixed button[aria-label*="Dark"] svg,
body.monoeat-superadmin nav.fixed button[title*="Dark"] svg,
body.monoeat-superadmin nav.fixed button[aria-label*="dark"] svg,
body.monoeat-superadmin nav.fixed button[title*="dark"] svg {
    color: #1E130E !important;
    stroke: #1E130E !important;
}

/* Avatar de usuario en header */
body.monoeat-superadmin nav.fixed .rounded-full {
    background-color: #F2B949 !important;
    color: #1E130E !important;
}

/* Texto del avatar */
body.monoeat-superadmin nav.fixed .rounded-full span,
body.monoeat-superadmin nav.fixed .rounded-full {
    color: #1E130E !important;
}


/* =========================================================
   MONOEAT - LOGO OFICIAL
   ========================================================= */

.monoeat-official-logo {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    object-fit: contain !important;
}

/* Evitar fondos, bordes o deformaciones */
body.monoeat-superadmin nav.fixed .monoeat-official-logo {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}