/* =====================================================
   pizzeria-settings.css
   - Una sola scrollbar a livello di pagina
   - Font ridotto (12px) SOLO per la tabella
   - Resto invariato, con i colori/gradienti
   ===================================================== */

/* (Facoltativo) Font Poppins, se lo vuoi
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
*/

/* Font e reset di base */
body {
    font-family: 'Poppins', sans-serif !important; /* o un altro font */
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 1) CONTENITORE PRINCIPALE
   - NIENTE height fissa, NIENTE overflow: auto
   - Così avrai una sola scrollbar a livello di pagina
   - Manteniamo la larghezza massima (1100px) e la centratura
*/
.pizzeria-gs-container {
    position: relative !important;     /* pulsanti absolute top-left */
    max-width: 1100px !important;
    width: 95% !important;
    margin: 10px auto !important;      /* centrato orizzontalmente */
    float: none !important;

    /* tolte le regole di height e overflow per evitare doppia scrollbar */
    /* height: 90vh !important; */
    /* overflow-y: auto !important; */
    /* overflow-x: hidden !important; */

    background-color: #f0fffa !important; 
    border: 2px solid #aae7db !important;
    border-radius: 8px !important;
    padding: 60px 20px 10px 20px !important; /* top 60px per i pulsanti */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Titolo principale */
.pizzeria-gs-container h2 {
    color: #2c3e50 !important; 
    font-size: 20px !important;
    margin: 10px 0 !important;
    text-align: center !important;
}

/* ----------------------------------------------
   BARRA PULSANTI (Indietro, Logout, Registra)
   in alto a sinistra, neri
---------------------------------------------- */
.pizzeria-settings-buttons {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    display: flex !important;
    gap: 5px !important;
    margin-bottom: 0 !important;
}

.pizzeria-button-back,
.pizzeria-button-logout,
.pizzeria-button-register {
    background-color: #000 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}
.pizzeria-button-back:hover,
.pizzeria-button-logout:hover,
.pizzeria-button-register:hover {
    background-color: #333 !important;
    transform: scale(1.05) !important;
}

/* ----------------------------------------------
   TABS stile "pill" con gradienti blu / verde
---------------------------------------------- */
.pizzeria-gs-tabs {
    display: flex !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
}
.pizzeria-gs-tablink {
    background: linear-gradient(to bottom right, #3498db, #2980b9) !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.3s ease !important;
    white-space: nowrap !important;
}
.pizzeria-gs-tablink:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.2) !important;
    transform: translateY(-2px) !important;
}
.pizzeria-gs-tablink.active {
    background: linear-gradient(to bottom right, #2ecc71, #27ae60) !important;
}
/* Contenuto tab */
.pizzeria-gs-tabcontent {
    display: none !important;
}
.pizzeria-gs-tabcontent.active {
    display: block !important;
    animation: fadeIn 0.3s ease-in-out !important;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ----------------------------------------------
   FORMS (layout a 2 colonne)
---------------------------------------------- */
.pizzeria-gs-form-inline {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    border: 1px solid #f0e5e3 !important;
    padding: 10px !important;
    border-radius: 6px !important;
    background-color: #fffdfa !important;
}

.pizzeria-gs-form-inline label {
    font-weight: 600 !important;
    margin-bottom: 2px !important;
    display: block !important;
    color: #444 !important;
    font-size: 13px !important;
}

.pizzeria-gs-form-inline input[type="text"],
.pizzeria-gs-form-inline input[type="number"],
.pizzeria-gs-form-inline input[type="time"],
.pizzeria-gs-form-inline input[type="date"],
.pizzeria-gs-form-inline select {
    width: 100% !important;
    padding: 4px 6px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}
.pizzeria-gs-form-inline button[type="submit"] {
    grid-column: span 2 !important;
    justify-self: end !important;
    margin-top: 4px !important;
}

/* Bottoni generici (Aggiungi, Salva, ecc.) */
.pizzeria-gs-button {
    background-color: #3498db !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}
.pizzeria-gs-button:hover {
    background-color: #2980b9 !important;
    transform: scale(1.03) !important;
}

/* ----------------------------------------------
   TABELLE: Font ridotto a 12px per "stringere" 
   le colonne e niente scroll orizzontale
---------------------------------------------- */
table.pizzeria-gs-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 5px !important;
    background-color: #fff !important;
    font-size: 12px !important; /* Solo qui ridotto a 12px */
}
table.pizzeria-gs-table th {
    background: linear-gradient(to bottom right, #3498db, #2980b9) !important;
    color: #fff !important;
    padding: 6px !important;
    text-align: left !important;
    border-bottom: 2px solid #2980b9 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}
table.pizzeria-gs-table td {
    border: 1px solid #eee !important;
    padding: 6px !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

/* ----------------------------------------------
   MESSAGGI DI FEEDBACK
---------------------------------------------- */
.pizzeria-gs-message {
    margin: 6px 0 !important;
    padding: 6px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}
.pizzeria-gs-message.success {
    background: #d8f8d8 !important;
    color: #0f5132 !important;
}
.pizzeria-gs-message.error {
    background: #f8d8d8 !important;
    color: #842029 !important;
}

/* Link "Elimina" */
.pizzeria-gs-delete-btn {
    color: #c00 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}
.pizzeria-gs-delete-btn:hover {
    color: #f00 !important;
}

/* Animazione fadeIn per i tab */
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}