.elementor-5245 .elementor-element.elementor-element-50044554{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}@media(min-width:768px){.elementor-5245 .elementor-element.elementor-element-50044554{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-694b2d91 *//* ===========================================================
   DOKAN DASHBOARD MASTER SHEET
   Version: Final Optimized
   =========================================================== */
/* Estilos Adicionales */
.mdk-menu { display: none; }
.delivery-time-dashboard {
  display: none;
}
/* --- 1. VARIABLES & CONFIG --- */
.elementor-5245 .elementor-element.elementor-element-694b2d91 {
    --color-blanco: #FFFFFF;
    --color-fondo-gris: #F4F6FF;
    --color-texto-oscuro: #333333;
    --color-texto-gris: #757575;
    --color-azul-brand: #324986;
    --color-azul-acento: #2979FF;
    
    --ancho-sidebar: 25%;
    --radio-borde: 10px;
}

/* --- 2. LAYOUT GENERAL (Flexbox Wrapper) --- */
.elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dashboard-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 30px;
    background-color: var(--color-fondo-gris);
    border-radius: var(--radio-borde);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    align-items: flex-start;
    box-sizing: border-box;
}

/* --- 3. SIDEBAR CONTAINER --- */
.elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar {
    flex: 0 0 var(--ancho-sidebar) !important;
    width: var(--ancho-sidebar) !important;
    min-width: var(--ancho-sidebar) !important;
    background-color: var(--color-blanco);
    border-radius: var(--radio-borde);
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    padding: 15px 0;
    margin-right: 0 !important;
}

/* --- 4. MAIN MENU STYLES --- */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* List Items (Reset & Base) */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li { 
    background: transparent !important;
    border: none !important; 
    margin-bottom: 2px; 
    transition: none !important;
}

.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li:hover {
    background: transparent !important;
}

/* Links (Anchor Tags) */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li > a {
    color: var(--color-texto-gris) !important;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    border-left: 4px solid transparent; 
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease; 
}

/* Icons (Left side) */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li > a i { 
    color: inherit; 
    margin-right: 15px; 
    font-size: 16px; 
    width: 20px; 
    text-align: center; 
}

/* Active & Hover States */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li:hover > a,
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li.active > a,
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li.dokan-current-menu-item > a {
    background-color: var(--color-fondo-gris) !important;
    color: var(--color-azul-brand) !important;
    border-left-color: var(--color-azul-acento) !important;
    font-weight: 600;
    box-shadow: none !important;
}

/* --- 5. SUBMENU (Accordion Style) --- */

/* Container (Hidden by default, Static Position) */
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu ul.navigation-submenu {
    position: static !important; 
    display: none !important; 
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    background-color: #FFFFFF !important;
    border: none !important;
    border-left: 4px solid var(--color-azul-brand) !important; 
}

/* Triggers (Show on Hover or Active) */
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu > li:hover > ul.navigation-submenu,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active > ul.navigation-submenu,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-current-menu-item > ul.navigation-submenu,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu > li.current-menu-parent > ul.navigation-submenu {
    display: block !important;
    animation: fadeIn 0.3s ease;
}

/* Submenu Items & Links */
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu ul.navigation-submenu li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu ul.navigation-submenu li a {
    font-size: 14px !important;
    padding: 8px 10px 8px 25px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    color: var(--color-texto-gris) !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

html body .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar ul.dokan-dashboard-menu ul.navigation-submenu li a:hover {
    background-color: var(--color-fondo-gris) !important;
    color: var(--color-azul-brand) !important;
    font-weight: 500 !important;
}

/* --- 6. ARROW HANDLING (Clean & Custom) --- */

/* 6a. Cleanup: Remove default Theme Arrows (::after) */
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li::after,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li:hover::after,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li.active::after,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li.has-submenu::after,
html body .elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li.dokan-current-menu-item::after {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* 6b. Custom Arrow (.menu-dropdown icon) */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li > a i.menu-dropdown {
    margin-left: auto !important;
    margin-right: 0 !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    line-height: 1 !important;
    color: var(--color-texto-gris) !important;
    font-size: 14px !important;
    transition: transform 0.3s ease, color 0.2s ease !important;
}

/* Arrow Interaction (Rotate & Color) */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li:hover > a i.menu-dropdown,
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu > li.active > a i.menu-dropdown {
    color: var(--color-azul-brand) !important;
    transform: rotate(90deg) !important;
}

/* --- 7. BOTTOM COMMON LINKS (Settings, Logout, etc.) --- */

/* Container Alignment */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu li.dokan-common-links {
    display: flex !important;
    justify-content: space-evenly !important; /* Equal spacing */
    align-items: center !important;
    width: 100% !important;
    
    /* Reset Padding/Margin for perfect centering */
    padding: 15px 0 !important;
    margin: 10px 0 0 0 !important;
    
    border-top: 1px solid #eee !important;
    background: transparent !important;
    box-sizing: border-box !important;
    border-left: none !important;
}

.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu li.dokan-common-links::after { display: none !important; }

/* Link Buttons */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu li.dokan-common-links a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    
    font-size: 16px !important;
    color: #999999 !important;
    background: transparent !important;
    
    width: 35px !important;
    height: 35px !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

/* Icons inside Links (Center Fix) */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu li.dokan-common-links a i {
    margin: 0 !important; /* Remove right margin inherited from main menu */
    width: auto !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: inherit !important;
}

/* Hover State */
.elementor-5245 .elementor-element.elementor-element-694b2d91 ul.dokan-dashboard-menu li.dokan-common-links a:hover {
    color: var(--color-azul-brand) !important;
    background-color: #F0F2F5 !important;
    transform: translateY(-2px);
    border: none !important;
}

/* --- 8. HEADER & CONTENT (Right Side) --- */
.dokan-breadcrumb, .page-header, .entry-header {
    background-color: var(--color-blanco) !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #E0E6ED !important;
    padding: 20px 30px !important;
    margin-bottom: 0 !important;
}

.page-header h1, .entry-header h1 {
    color: var(--color-azul-brand) !important;
    margin: 0 !important;
}

.dokan-breadcrumb a { color: var(--color-texto-gris) !important; }

.elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dashboard-content {
    flex: 1 1 auto;
    background-color: var(--color-blanco);
    border-radius: var(--radio-borde);
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    min-width: 0;
}

.elementor-5245 .elementor-element.elementor-element-694b2d91 .woocommerce-dashboard__chart-block {
    border: 1px solid #E0E0E0;
    box-shadow: none;
    border-radius: 8px;
}

/* --- 9. RESPONSIVE --- */
@media (max-width: 900px) {
    .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dashboard-wrap {
        flex-direction: column !important;
        padding: 5px;
    }
    .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dash-sidebar {
        width: 100% !important; /* Adjusted for mobile */
        flex: auto !important;
        margin-bottom: 20px;
    }
    .elementor-5245 .elementor-element.elementor-element-694b2d91 .dokan-dashboard-content {
        width: 100% !important;
    }
}

/* Animation Definition */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50044554 *//* -----------------------------------------------------------
   FASE 1: REFACTORIZACIÓN ESTRUCTURAL DEL SIDEBAR
   Objetivo: Inversión de contraste y alineación de marca.
----------------------------------------------------------- */

.elementor-5245 .elementor-element.elementor-element-50044554 {
    /* Variables Locales basadas en Paleta Mediks */
    --dokan-sidebar-bg: #FFFFFF;
    --dokan-sidebar-text-idle: #757575;  /* Gris medio para inactivos */
    --dokan-sidebar-text-active: #324986; /* Brand Primary */
    --dokan-sidebar-bg-hover: #F4F6FF;    /* Gris Azula suave */
    --dokan-border-accent: #2979FF;       /* Azul brillante */
    --dokan-font-family: 'Inter', system-ui, sans-serif;
}

/* 1. Contenedor Principal de la Barra Lateral */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dash-sidebar {
    background-color: var(--dokan-sidebar-bg) !important;
    border-right: 1px solid rgba(0,0,0,0.05); /* Separación sutil */
    border-radius: 8px 0 0 8px; /* Redondeo solo a la izquierda */
    padding-top: 20px;
    box-shadow: 2px 0 15px rgba(0,0,0,0.03); /* Elevación mínima */
}

/* 2. Reset y Estilizado de la Lista de Menú */
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu {
    background: transparent !important;
}

.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li {
    margin-bottom: 4px; /* Espaciado vertical entre items */
    border: none !important; /* Eliminar bordes por defecto */
}

/* 3. Enlaces (Estado de Reposo) */
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li a {
    color: var(--dokan-sidebar-text-idle) !important;
    font-family: var(--dokan-font-family);
    font-size: 15px;
    font-weight: 500;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); /* Transición fluida */
    border-left: 4px solid transparent; /* Reserva de espacio para el indicador */
}

.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li a i {
    margin-right: 14px;
    font-size: 1.1em;
    width: 20px;
    text-align: center;
    color: inherit; /* Hereda el gris del padre */
}

/* 4. Estados Interactivos (Hover y Active) */
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li:hover a,
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li.active a,
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li.dokan-current-menu-item a {
    background-color: var(--dokan-sidebar-bg-hover) !important;
    color: var(--dokan-sidebar-text-active) !important;
    border-left-color: var(--dokan-border-accent);
}

/* Forzar cambio de color en iconos al activarse */
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li:hover a i,
.elementor-5245 .elementor-element.elementor-element-50044554 ul.dokan-dashboard-menu li.active a i {
    color: var(--dokan-sidebar-text-active) !important;
}

/* 5. Ajuste de la sección inferior (Logout/Perfil) */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dash-sidebar .dokan-common-links {
    padding: 15px 20px;
    border-top: 1px solid #eeeeee;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}

.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dash-sidebar .dokan-common-links a {
    color: var(--dokan-sidebar-text-idle) !important;
    font-size: 1.2em;
    transition: color 0.2s ease;
}

.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dash-sidebar .dokan-common-links a:hover {
    color: var(--dokan-border-accent) !important;
}
/* ===========================================================
   CORRECCIÓN FINAL DE CONTRASTE (VISIBILIDAD ACTIVA)
   Objetivo: Que el ítem seleccionado sea AZUL, no blanco.
   =========================================================== */

/* 1. RESETEO DE LOS ITEMS DE LISTA (LI) */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 2. ESTADO NORMAL (NO SELECCIONADO)
   Texto Gris (#757575) sobre fondo transparente */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li a {
    color: #757575 !important; 
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    
    /* Borde invisible pero presente (para evitar saltos) */
    border-left: 3px solid transparent !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

/* 3. ICONOS EN ESTADO NORMAL */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li a i {
    color: inherit !important; 
    margin-right: 10px !important;
    font-size: 14px !important;
}

/* 4. ESTADO ACTIVO Y HOVER (LA CORRECCIÓN CRÍTICA)
   Aquí forzamos los colores de la marca para reemplazar el blanco invisible */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li a:hover,
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li.active a,
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li.current-menu-item a {
    /* Fondo: Gris Azulado Suave */
    background-color: #F4F6FF !important; 
    
    /* Texto: Azul Brand Primary (NO BLANCO) */
    color: #324986 !important; 
    
    /* Borde Lateral: Azul Acento (NO BLANCO) */
    border-left-color: #2979FF !important; 
}

/* 5. CORRECCIÓN DE ICONOS EN ESTADO ACTIVO */
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li a:hover i,
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li.active a i,
.elementor-5245 .elementor-element.elementor-element-50044554 .dokan-dashboard-menu li ul.navigation-submenu li.current-menu-item a i {
    color: #324986 !important; /* El icono también se vuelve azul */
}/* End custom CSS */