/**
 * SicameCustomBundle - CSS Styles
 *
 * All Sicame GLPI customizations:
 * - Sidebar logo styling
 * - Translation button styling
 * - Other UI customizations
 *
 * @package SicameCustomBundle
 */

/* ========================================
   SIDEBAR LOGO CUSTOMIZATION
   ======================================== */

:root {
    --glpi-logo-light: url("/SicameCustomBundle/Resources/images/sidebar-logo.svg") !important;
    --glpi-logo-dark: url("/SicameCustomBundle/Resources/images/sidebar-logo.svg") !important;
    --glpi-logo-light-reduced: url("/SicameCustomBundle/Resources/images/sidebar-logo-small.svg") !important;
    --glpi-logo-dark-reduced: url("/SicameCustomBundle/Resources/images/sidebar-logo-small.svg") !important;
    --glpi-logo: var(--glpi-logo-light) !important;
    --glpi-logo-reduced: var(--glpi-logo-light-reduced) !important;
}

[data-glpi-theme-dark="1"] {
    --glpi-logo: var(--glpi-logo-dark) !important;
    --glpi-logo-reduced: var(--glpi-logo-dark-reduced) !important;
}

.navbar-brand .glpi-logo {
    background: var(--glpi-logo) no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    width: 100px !important;
    height: 55px !important;
    display: inline-block !important;
}

/* Collapsed sidebar - use reduced logo */
body.navbar-collapsed .navbar-brand .glpi-logo {
    background: var(--glpi-logo-reduced) no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    width: 60px !important;
    height: 40px !important;
}

@media screen and (max-width: 767px) {
  body.navbar-collapsed .navbar-brand .glpi-logo {
    width: 100px !important;
  }
}

/* ========================================
   TRANSLATION BUTTON STYLING
   ======================================== */

.translate-ticket-btn {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.translate-ticket-btn:hover {
    opacity: 1;
}

#translateTicketModal .modal-header {
    background-color: var(--tblr-primary);
    color: white;
}

#translateTicketModal .btn-close {
    filter: brightness(0) invert(1);
}