﻿/* ============================================================================
   TURNO YA - APARIENCIA GLOBAL DE MENÚS POR PERFIL
   Sobrescribe únicamente la navegación lateral de los perfiles configurables.
   ============================================================================ */

body[data-turnoya-role="SUPERADMIN"] .admin-navigation-sidebar,
body[data-turnoya-role="AFFILIATE"] .sidebar,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"],
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] {
    background: var(--ty-nav-bg, #06111F) !important;
    border-color: var(--ty-nav-border, #1E3142) !important;
    color: var(--ty-nav-text, #FFFFFF) !important;
}

body[data-turnoya-role="SUPERADMIN"] .admin-navigation-menu a,
body[data-turnoya-role="AFFILIATE"] .sidebar nav a,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] nav a,
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] nav a {
    color: var(--ty-nav-text, #FFFFFF) !important;
}

body[data-turnoya-role="SUPERADMIN"] .admin-navigation-menu a:hover,
body[data-turnoya-role="AFFILIATE"] .sidebar nav a:hover,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] nav a:hover,
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] nav a:hover {
    background: var(--ty-nav-hover-bg, #101D2B) !important;
    color: var(--ty-nav-hover-text, #FFFFFF) !important;
}

body[data-turnoya-role="SUPERADMIN"] .admin-navigation-menu a.active,
body[data-turnoya-role="AFFILIATE"] .sidebar nav a.active,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] nav a.active,
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] nav a.active {
    background: var(--ty-nav-active-bg, #2A2408) !important;
    border: 1px solid var(--ty-nav-active-border, #FFC107) !important;
    color: var(--ty-nav-active-text, #FFFFFF) !important;
}

body[data-turnoya-role="SUPERADMIN"] .admin-navigation-menu i,
body[data-turnoya-role="AFFILIATE"] .sidebar nav i,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] nav a > :first-child,
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] nav a > :first-child {
    color: var(--ty-nav-icon, #D7E0EA) !important;
}

body[data-turnoya-role="SUPERADMIN"] .admin-navigation-menu a.active i,
body[data-turnoya-role="AFFILIATE"] .sidebar nav a.active i,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] nav a.active > :first-child,
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] nav a.active > :first-child {
    color: var(--ty-nav-active-icon, #FFC107) !important;
}

/* Logo dinámico en estructuras heredadas que todavía usan texto Ty. */
body[data-turnoya-has-sidebar-logo="true"][data-turnoya-role="OWNER"] .brand-mark,
body[data-turnoya-has-sidebar-logo="true"][data-turnoya-role="OWNER"] aside[class*="sidebar"] .brand > span:first-child,
body[data-turnoya-has-sidebar-logo="true"][data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] .brand > span:first-child {
    width: 48px !important;
    min-width: 48px !important;
    height: 42px !important;
    display: inline-block !important;
    background-image: var(--ty-sidebar-logo) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: transparent !important;
    font-size: 0 !important;
}


/* ============================================================================
   LOGO GLOBAL DINÁMICO EN MENÚS LATERALES
   El logo configurado por el Super Administrador se aplica a los perfiles:
   Super Administrador, Propietario, Profesional, Cliente y Afiliado.
   ============================================================================ */
.ty-platform-sidebar-logo,
.ty-platform-mobile-logo,
img[data-turnoya-sidebar-logo="true"] {
    display: block;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

.ty-platform-sidebar-logo,
.admin-brand-logo,
.brand img[data-turnoya-sidebar-logo="true"] {
    width: 132px !important;
    height: 54px !important;
    flex: 0 0 auto;
}

.ty-platform-mobile-logo,
.admin-mobile-brand-logo,
.mobile-brand-logo,
.mobile-topbar img[data-turnoya-sidebar-logo="true"] {
    width: 118px !important;
    height: 42px !important;
    object-fit: contain !important;
}

/* Cuando se inserta el logo dinámicamente, ocultamos únicamente el fallback
   textual del bloque de marca, sin afectar navegación, perfil ni botones. */
.ty-platform-logo-applied > :not(img.ty-platform-sidebar-logo):not(img[data-turnoya-sidebar-logo="true"]) {
    display: none !important;
}

body[data-turnoya-has-sidebar-logo="true"] .ty-platform-logo-applied {
    min-height: 62px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body[data-turnoya-has-sidebar-logo="true"] .ty-platform-mobile-logo-applied > strong {
    display: none !important;
}

body[data-turnoya-role="CLIENT"] aside[class*="sidebar"] .brand,
body[data-turnoya-role="OWNER"] aside[class*="sidebar"] .brand,
body[data-turnoya-role="PROFESSIONAL"] aside[class*="sidebar"] .brand,
body[data-turnoya-role="AFFILIATE"] aside[class*="sidebar"] .brand {
    overflow: hidden;
}

@media (max-width: 900px) {
    .ty-platform-sidebar-logo,
    .admin-brand-logo,
    .brand img[data-turnoya-sidebar-logo="true"] {
        width: 120px !important;
        height: 48px !important;
    }
}
