/* klog-edit.css */

/* Stile generale del modulo */
#klog-edit-form {
    margin: 20px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* Stile per i titoli dei campi */
#klog-edit-form p {
    margin-top: 20px;
    margin-bottom: 5px;
}

/* Stile per gli input e le textarea, aggiorna questa parte del codice */
#klog-edit-form input[type="text"],
#klog-edit-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #0073aa; /* Aggiunge un bordo simile al colore del testo */
    border-radius: 5px; /* Arrotonda i bordi */
    background-color: #fff; /* Imposta il colore di sfondo a bianco */
}

/* Stile per il pulsante di invio */
#klog-edit-form input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Aggiungi transizione al cambio di colore di sfondo */
}

/* Cambia lo stile del pulsante quando ci si passa sopra con il mouse */
#klog-edit-form input[type="submit"]:hover {
    background-color: #4da8da; /* Colore di sfondo più chiaro */
}

/* Mantieni lo stile del pulsante durante il click del mouse */
#klog-edit-form input[type="submit"]:active {
    background-color: #4da8da; /* Colore di sfondo più chiaro */
}


/* Stile per il dropdown delle categorie, aggiorna questa parte del codice */
#klog-edit-form select[name="post_category"] {
    width: auto;
    max-width: 200px; /* Imposta la larghezza massima del dropdown */
    padding: 5px; /* Aggiunge spazio intorno al testo nel dropdown */
    background-color: #fff; /* Imposta il colore di sfondo a bianco */
    color: #0073aa; /* Imposta il colore del testo a blu */
    border: 1px solid #0073aa; /* Aggiunge un bordo simile al colore del testo */
    border-radius: 5px; /* Arrotonda i bordi */
}

/* Stile per il contenitore dei tag */
.tag-container {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
}

/* Stile per i tag */
.tag {
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer; /* rendi il cursore un puntatore quando passi sopra i tag */
}

/* Stile per i tag quando il mouse passa sopra */
.tag-container .tag:hover {
    background-color: #0073aa; /* Colore di sfondo blu */
    color: #fff; /* Colore del testo bianco */
}

/* Stile per i tag selezionati */
.tag.selected {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}