/* Adattamenti di Gutenberg per Bootstrap 5 */

/* Centratura del blocco */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Blocco allineato a sinistra */
.alignleft {
    float: left;
    margin-right: 1.5rem; /* Margine a destra per evitare sovrapposizioni */
    max-width: 100%;
}

/* Blocco allineato a destra */
.alignright {
    float: right;
    margin-left: 1.5rem; /* Margine a sinistra per evitare sovrapposizioni */
    max-width: 100%;
}

/* Blocco allineamento ampio (wide alignment) */
.alignwide {
    width: 100%;
    max-width: 1200px; /* Puoi adattarlo in base alle tue necessità */
    margin-left: auto;
    margin-right: auto;
}

/* Blocco allineamento a larghezza piena (full-width alignment) */
.alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100%;
}

/* Stili per i blocchi di immagini */
.wp-block-image {
    margin-bottom: 1.5rem;
    display: block;
    max-width: 100%;
    height: auto;
}

/* Adattamento delle immagini in base all'allineamento */
.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: auto; /* Lascia che Bootstrap gestisca la larghezza in base alla griglia */
    max-width: 50%; /* Limita l'immagine per evitare overflow */
}

/* Bootstrap 5 Grid: full-width row */
.wp-block-group.alignfull {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100vw;
}

.wp-block-group.alignwide {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Griglia di Bootstrap 5 per colonne all'interno dei gruppi */
.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem; /* Spaziatura tra le colonne */
}

/* Colonne di Gutenberg basate su Bootstrap 5 */
.wp-block-column {
    flex: 1 1 0;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}

/* Rispetto delle proporzioni per video */
.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Stili per il blocco di citazione */
.wp-block-quote {
    border-left: 5px solid #ccc;
    padding-left: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
}

/* Paragrafi (stile predefinito) */
.wp-block-paragraph {
    margin-bottom: 1.5rem;
}

/* Allineamento al centro per Bootstrap */
.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}