/* --- START OF FILE css/global_buttons.css --- */

/* =========================================
   STILE GLOBALE PULSANTI LUXURY (CENTRALIZZATO)
   Applicabile a tutti i pulsanti operativi dell'app
   ========================================= */

.buttons-row {
    display: flex;
    justify-content: center; /* Centratura globale dei pulsanti */
    gap: 20px;
    padding: 15px 0;
    width: 100%;
    margin: 0 auto;
    flex-shrink: 0;
}

/* Base del bottone (Uniformato al Gold Luxury del Login) */
.gold-btn-action {
    min-width: 160px;
    height: 45px;
    border: none;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
    overflow: hidden;
    padding: 0 15px; /* Spazio per testo lungo */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

    /* Gradiente Oro Magistralis */
    background: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-size: 250%;
    background-position: left;
}

/* Pseudo-elemento per il "cuore" scuro (Effetto Luxury) */
.gold-btn-action::before {
    position: absolute;
    content: "";
    width: 98%;
    height: 92%;
    border-radius: 8px;
    transition: 0.5s;
    background-color: rgba(13, 20, 30, 0.95);
    z-index: 1;
}

/* Testo del pulsante */
.gold-btn-action span {
    position: relative;
    z-index: 2;
    color: #ffd277;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: "Cinzel", serif;
    font-size: 0.85rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
}

/* Hover & Active Effects */
.gold-btn-action:hover {
    background-position: right;
    box-shadow: 0 0 20px rgba(255, 210, 119, 0.4);
    transform: translateY(-2px);
}

.gold-btn-action:hover::before {
    background-color: rgba(13, 20, 30, 0.85);
}

.gold-btn-action:active {
    transform: scale(0.98);
}

/* --- VARIANTE PERICOLO (Rosso Metallico) --- */
.gold-btn-danger {
    background: linear-gradient(to right, #5a1a1a, #e74c3c, #5a1a1a, #5a1a1a, #e74c3c, #5a1a1a) !important;
    background-size: 250% !important;
}

.gold-btn-danger span {
    color: #ffcccc !important;
}

/* Stato Disabilitato */
.gold-btn-action:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(100%);
    pointer-events: none;
}