/*-------------------------------------------------------------------
    * software: .... AETHEROS PHP CUSTOMIZABLE FRAMEWORK
    * version:  .... 25.1
    * content:  .... stili per il pulsante del profilo utente
    * author :  .... Poggi Donato 2025
    * copyright .... © 2020-2025 ITC-CS G. Poggi Donato - Gavi (AL)
    -------------------------------------------------------------------*/

/* Stile base per il wrapper */
.ae-account-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem;
}

/* Immagine profilo */
.ae-account-btn-wrapper .dropdown img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-right: 0.5rem;
}

/* Dropdown generale (valido ovunque) */
.ae-account-btn-wrapper .dropdown-menu {
    background-color: var(--ae-menuitem-bg, #2b3035) !important;
    border: 1px solid var(--ae-border, #495057) !important;
    min-width: 200px;
    font-size: 0.875rem;
}

.ae-account-btn-wrapper .dropdown-item {
    color: var(--ae-menuitem-color, #f8f9fa) !important;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.ae-account-btn-wrapper .dropdown-item:hover {
    background-color: var(--ae-menuitem-hover-bg, #343a40) !important;
    color: var(--ae-menuitem-hover-color, #b0b0b0) !important;
}

.ae-account-btn-wrapper .dropdown-menu .dropdown-divider {
    border-color: var(--ae-divider-color, #495057); /* colore personalizzato */
    opacity: 1; /* opzionale, nel caso Bootstrap lo rendesse troppo trasparente */
}

.ae-account-btn-wrapper a.dropdown-toggle {
    color: var(--ae-account-link-color);
    transition: color 0.2s ease;
  }
  
  .ae-account-btn-wrapper a.dropdown-toggle:hover {
    color: var(--ae-account-link-hover);
  }

/* Sidebar specifica */
.sidebar .ae-account-btn-wrapper {
    justify-content: flex-start;
    padding-bottom: 1rem;
}

.sidebar .ae-account-btn-wrapper .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    transform: none;
}

/* Topbar specifica */
.topbar .ae-account-btn-wrapper {
    justify-content: flex-end;
    margin-right: 1rem;
}