/*-------------------------------------------------------------------
     * software: .... AETHEROS PHP CUSTOMIZABLE FRAMEWORK
     * version:  .... 25.1
     * content:  .... Classi per la personalizzazione della topbar
     * author :  .... Poggi Donato 2025
     * copyright .... © 2020-2025 ITC-CS G. Poggi Donato - Gavi (AL)
    -------------------------------------------------------------------*/

/* stili della top bar ----------------------------------------------------------------------------- */
.topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: var(--ae-topbar-bg,#2b3035);
    color:var(--ae-text,#212529);
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid var(--ae-topbar-border,#495057);
    z-index: 1030;
    
  }
    
  .topbar .logo {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .topbar .logo img {
    /*width: 64px;*/
    height: 64px;
    margin-right: 8px;
    max-height: 64px;
    margin-left: -10px;
    transition: all 0.3s ease; /* Animazione per hover */
    /*filter: drop-shadow(0 0 4px rgba(241, 241, 241, 0.5)); /* Bagliore leggero */
  }

  .topbar .logo div {
    display: flex;
    flex-direction: column; /* Disposizione verticale della scritta e descrizione */
    justify-content: center; /* Centra verticalmente rispetto all'immagine */
  }

  .topbar .logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .topbar .logo svg {
    display: block;
    max-height: 64px;
    height: 64px;
    width: auto;
    margin: 0;
    padding: 0;
  }

  /* -- link menu topbar -------------------------------------------------- */

  .ae-topbar {
    background-color: var(--ae-topbar-bg, #2b3035);
  }
  
  .ae-topbar-link {
    color: var(--ae-topbar-link-color, #f8f9fa);
    padding: 12px 20px;
    margin: 0 6px;
    font-weight: 500;
    font-size: .925rem;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
  }
  
  /* Effetto linea sotto al passaggio del mouse */
  .ae-topbar-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 2px;
    background-color: transparent;
    transition: background-color 0.3s ease, transform 0.3s ease;
    transform: scaleX(0);
    transform-origin: center;
  }
 
  .ae-topbar-link.dropdown-toggle::after {
    height: 2px; /* Forza la stessa altezza degli altri */
  }
  
  /* Hover - attiva la linea */
  .ae-topbar-link:hover::after {
    background-color: var(--ae-topbar-link-line-hover, #b0b0b0);
    color: var(--ae-topbar-link-line-hover, #b0b0b0);
    transform: scaleX(1);
  }

  .ae-topbar-link:hover {
    /*background-color: var(--ae-topbar-link-hover-bg, #343a40);*/
    color: var(--ae-topbar-link-hover-color, #b0b0b0);
  }
  
  .navbar-nav .nav-link.active {
    /*background-color: var(--ae-topbar-link-hover-bg, #343a40);*/
    color: var(--ae-topbar-link-hover-color, #b0b0b0);
  }
  
  /* Voce attiva - linea visibile più spessa */
  .ae-topbar-link.active::after {
    background-color: var(--amber-500, #FFB300);
    height: 3px;
    transform: scaleX(1);
  }

  /* Voce attiva - colore del testo */
  .ae-topbar-link.active {
    /*color: #009245 !important; /* Verde brand */
    color:var(--ae-topbar-link-active) !important;
    font-weight: 600;
  }

  /* Stato focus e active coerente */
  .ae-topbar-link:focus,
  .ae-topbar-link:active {
      background-color: transparent !important; /* Evita sfondo bianco o grigio */
      color: var(--ae-topbar-link-color) !important; /* Ripristina il colore corretto */
      outline: none; /* Rimuove il bordo focus */
  }

  
  .ae-topbar .dropdown-menu {
    animation: ae-fadeIn 0.2s ease-in-out;
    margin-top: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
  }

  /* --- Voci attive per topbar --- */
  .ae-topbar-link i:first-child {
    margin-right: 6px;
  }
  .active-icon {
      color:var(--ae-topbar-link-active) !important; /*verde futurenergy*/
  }



  /* --- Voci disabilitate per topbar e dropdown (tema light/dark) --- */
  .ae-disabled {
      opacity: 0.90;
      pointer-events: none; /* Rende non cliccabile */
      cursor: not-allowed;
  }

  /* Tema chiaro: colore leggibile */
  [data-bs-theme="light"] .ae-disabled {
      color: #6c757d !important; /* Grigio scuro leggibile */
  }

  /* Tema scuro: colore chiaro per contrasto */
  [data-bs-theme="dark"] .ae-disabled {
      color: #b0b0b0 !important; /* Grigio chiaro coerente col tema scuro */
  }
  
  @keyframes ae-fadeIn {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }