/* Estilos básicos del plugin */

/* Contenidor del formulari */
#narrativa-projectes-wrapper {
    max-width: 100%;
    margin-bottom: 20px;
}

/* Estil del formulari: FLEX per mantenir el botó al costat de l'input */
#narrativa-afegir-projecte-form, .inline-narrativa-form {
    display: flex;
    align-items: center;
    gap: 10px; /* Projecte entre l'input i el botó */
    max-width: 100%;
}

/* Estil de l'input */
#narrativa-nom-projecte, .inline-narrativa {
    flex-grow: 1; /* Fa que l'input ocupi tot l'projecte disponible */
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Estil del botó */
#narrativa-boto-afegir,  .afegir {
    background-color: #0073aa; /* Blau WordPress */
    color: white;
    border: none;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

#narrativa-boto-afegir:hover, .afegir:hover {
    background-color: #005a87;
}

/* Icona del botó */
#narrativa-boto-afegir .material-icons, .inline-narrativa .afegir .material-icons {
    font-size: 24px;
}

.projecte-editable {
    display: inline-block;
    cursor: pointer;
}

.projecte-label {
    font-weight: bold;
    padding: 4px 8px;
    background: #eef;
    border-radius: 4px;
}

.projecte-select {
    font-size: 1em;
}
.guardarInfo {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.author-recent-projects li{margin-top:20px;}