/* ═══════════════════════════════════════════════════════════
   BSS DEMO - Personalización visual v4
   ═══════════════════════════════════════════════════════════ */

/* 1. NAVBAR AZUL CORPORATIVO (Offimat) */
.navbar,
.navbar-dark,
.navbar-default,
.navbar-expand-lg,
.bg-dark,
header.navbar,
nav.navbar {
    background-color: #1e3a8a !important;
    background-image: none !important;
    border-color: #1e3a8a !important;
}

.navbar-brand,
.navbar-nav .nav-link,
.navbar .nav-link,
.navbar a,
.navbar span:not(.badge):not(.caret),
.navbar .navbar-text {
    color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar a:hover {
    color: #fbbf24 !important;
}

/* 2. OCULTAR IMÁGENES DE EASYAPPOINTMENTS EN NAVBAR */
.navbar img:not(.bss-keep),
.navbar-brand img:not(.bss-keep),
.brand img:not(.bss-keep) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* 3. OCULTAR TEXTO "EASY!APPOINTMENTS" + "Online Appointment Scheduler" */
/*    (es texto HTML dentro de .navbar-brand, no una imagen) */
.navbar-brand {
    font-size: 0 !important;
    color: transparent !important;
    text-shadow: none !important;
    background: none !important;
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. OCULTAR LOGOS EN OTRAS PARTES DE LA PÁGINA */
img[src*="logo.png"]:not(.bss-keep),
img[src*="logo-16x16"]:not(.bss-keep),
img[src*="alextselegidis"]:not(.bss-keep) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* 5. BLOQUEAR DROPDOWN DEL USUARIO (sin ocultar el botón) */
.dropdown-menu,
.dropdown-menu.show,
.navbar-nav .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.nav-item.dropdown > .nav-link,
.nav-item.dropdown > a[data-bs-toggle="dropdown"],
.nav-item.dropdown > a[data-toggle="dropdown"],
.navbar .dropdown-toggle {
    pointer-events: none !important;
    cursor: default !important;
}

/* 6. OCULTAR FOOTER Y DATOS DEL FABRICANTE */
footer,
.footer,
.page-footer,
.page-copyright,
#footer,
.footer-links,
.powered-by,
.copyright,
#browser-warning,
.browser-warning {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 7. OCULTAR CUALQUIER TEXTO CON "EASY!APPOINTMENTS" O "Powered by" */
a[href*="easyappointments"],
a[href*="alextselegidis"],
a[title*="Easy!Appointments"],
a[title*="Powered by"] {
    display: none !important;
    visibility: hidden !important;
}

/* 8. OCULTAR LICENCIAS Y ENLACES AL FABRICANTE */
a[href*="github.com/alextselegidis"],
a[href*="easyappointments.org"],
a[href*="easy-appointments"],
.license,
.licenses {
    display: none !important;
    visibility: hidden !important;
}

/* 9. NO TOCAR TIME SLOTS del calendario */
/* (Eliminadas las reglas tr:has() que rompían el grid) */


/* ═══════════════════════════════════════════════════════════
   10Z - LOGO OFFIMAT VISIBLE (bloque final añadido)
   ═══════════════════════════════════════════════════════════ */
.navbar img.bss-keep,
.navbar-brand img.bss-keep,
img.bss-keep {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: 44px !important;
    max-height: 44px !important;
    max-width: 220px !important;
    opacity: 1 !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    object-fit: contain !important;
    margin: 0 10px 0 0 !important;
    float: left !important;
}

/* Icono + texto "Calendario y Reservas" */
.navbar-brand i.fas {
    color: #ffffff !important;
    font-size: 18px !important;
    display: inline-block !important;
    visibility: visible !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

.navbar-brand span {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    visibility: visible !important;
    vertical-align: middle !important;
}

/* ═══════════════════════════════════════════════════════════
   10AA - FIX NUCLEAR: forzar visibilidad con ID #header-logo
   (máxima especificidad posible)
   ═══════════════════════════════════════════════════════════ */

#header-logo.navbar-brand {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-shadow: none !important;
    background: transparent !important;
    padding: 0.5rem 0.75rem !important;
    margin: 0 !important;
    align-items: center !important;
    gap: 0.5rem !important;
    clip: auto !important;
    clip-path: none !important;
    position: static !important;
    line-height: 1.2 !important;
}

#header-logo.navbar-brand > img,
#header-logo.navbar-brand > img.bss-keep {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: 48px !important;
    max-height: 48px !important;
    max-width: 240px !important;
    opacity: 1 !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    margin: 0 !important;
    object-fit: contain !important;
    clip: auto !important;
    clip-path: none !important;
    position: static !important;
    float: none !important;
}

#header-logo.navbar-brand > i.fas,
#header-logo.navbar-brand > i {
    display: inline-block !important;
    visibility: visible !important;
    color: #ffffff !important;
    font-size: 18px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

#header-logo.navbar-brand > span,
#header-logo.navbar-brand > div > span {
    display: inline-block !important;
    visibility: visible !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

#header-logo.navbar-brand > div {
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    gap: 0.5rem !important;
}