/*
 * Voci <button> nei menu a tendina (DGWGEOWORK-9910).
 *
 * Nei menu «Azioni» delle griglie le voci che eseguono un'azione sono <button type="button">,
 * quelle che portano a una pagina restano <a>. Metronic e Bootstrap stilano solo
 * `.dropdown-menu > li > a` (metronic/assets/global/css/components-md.css, regola
 * `.dropdown-menu > li > a`; Scripts/BIG/css/bootstrap.css): un <button> nudo nel menu uscirebbe col
 * bordo, lo sfondo grigio del tema e il testo centrato. Qui gli si da' l'aspetto della voce <a>.
 *
 * Proprieta' ridefinite (regola T3 di .claude/docs/frontend-accessibility.md §5b: un foglio globale
 * dichiara cosa tocca): su `.dropdown-menu > li > button` (e `.disabled > button`) soltanto — display, width, text-align,
 * background, border, padding, color, font-weight, line-height, white-space, cursor, border-radius.
 * Non tocca box-shadow, outline, z-index, position: l'anello di focus resta a focusVisible.css.
 * Il selettore e' limitato al figlio diretto del <li> di un .dropdown-menu, quindi i .btn della
 * barra dei pulsanti e dei form non lo vedono. Misurato il 06/10/2026: nessun'altra regola in
 * Common/Styles o in metronic/assets/global/css usa `li > button`.
 */

.dropdown-menu > li > button {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 8px 16px;
    color: #6f6f6f;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown-menu > li > button > [class^="fa-"],
.dropdown-menu > li > button > [class*=" fa-"] {
    color: #888;
}

.dropdown-menu > li:hover > button,
.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus {
    text-decoration: none;
    background-image: none;
    background-color: #f6f6f6;
    color: #555;
}

/* Voce disabilitata (<li class="disabled">): come Bootstrap fa per l'<a> (bootstrap.css, regola
   `.dropdown-menu > .disabled > a`): grigia, nessuno sfondo al passaggio, cursore «non consentito». */
.dropdown-menu > .disabled > button,
.dropdown-menu > .disabled > button:hover,
.dropdown-menu > .disabled > button:focus {
    color: #999999;
    background-color: transparent;
    cursor: not-allowed;
}

.dropdown-menu > li:first-child:hover > button {
    border-radius: 2px 2px 0 0;
}

.dropdown-menu > li:last-child:hover > button {
    border-radius: 0 0 2px 2px;
}