/*
Theme Name: Rookie Child
Theme URI: https://fifarevolution.it/
Description: Tema child per Rookie
Author: Suatta81
Author URI: https://fifarevolution.it/
Template: rookie
Version: 1.0.0
*/

/* Qui puoi aggiungere CSS personalizzato */
.tabella-giocatori-completa img {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/*
 * Rende il contenitore di una tabella responsive.
 * Se la tabella è troppo larga, apparirà una barra di scorrimento orizzontale.
 */
.responsive-table-container {
    width: 100%; /* Assicura che il contenitore occupi la larghezza piena. */
    overflow-x: auto; /* Abilita lo scorrimento orizzontale se il contenuto lo supera. */
    -webkit-overflow-scrolling: touch; /* Migliora l'esperienza di scorrimento su iOS. */
}
/*
 * Versione migliorata per assicurarsi che la regola venga applicata.
 */
.responsive-table-container {
    width: 100% !important; /* Forza la larghezza al 100%. */
    overflow-x: auto !important; /* Forza lo scorrimento orizzontale. */
    -webkit-overflow-scrolling: touch; /* Migliora lo scorrimento su iOS. */
}

/* Un selettore aggiuntivo per maggiore sicurezza. */
body .responsive-table-container {
    width: 100% !important;
    overflow-x: auto !important;
}
/*
 * Questa regola applica lo stile direttamente a qualsiasi elemento <p> o <div>
 * che si trova dentro il contenitore, nel caso in cui lo shortcode
 * generi un output più complesso.
 */
.responsive-table-container table {
    display: block; /* A volte è necessario per far funzionare lo scorrimento. */
}

.error-message {
    color: red;
    font-weight: bold;
    background-color: #ffecec;
    border: 1px solid #c80000;
    padding: 10px;
    border-radius: 5px;
}