/* General Always */
ul {
    margin-bottom: 0.9rem;
    padding-bottom: 0.9rem;
    /*margin-left: 30px;*/
}

/* SHORTCODES */
#subo_page_list {
    background-color: var(--e-global-color-primary);
    padding: 20px 20px 30px 20px;
    border-radius: 0 30px 0 0;
}

#subo_page_list h2 {
    color: #ffffff;
}

#subo_page_list ul.subo_page_list {
    /*list-style: none;
    list-style-type: none;*/
    margin: 0;
    padding: 0 0 0 15px;
}

#subo_page_list ul.subo_page_list li.page_item {
    padding: 10px 0;
}

#subo_page_list ul.subo_page_list li.page_item::before, #subo_page_list ul.subo_page_list li.page_item::marker {
    color: #ffffff;
}

#subo_page_list ul.subo_page_list li.page_item a {
    color: #ffffff;

}

/* GALERIES DANS CLASSIC EDITOR */

.gallery {
    display: grid;
    gap: 10px; /* Espacement entre les éléments */
}

.gallery-columns-1, .columns-1 {
    grid-template-columns: repeat(1, 1fr);
}

.gallery-columns-2, .columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3, .columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4, .columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5, .columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6, .columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

figure.gallery-item {
    margin: 0;
    padding: 0;
}

/* BOUTON RADIO AU PLUGIN DE COOKIES */
.cky-switch input[type="checkbox"] {
    border-style: none !important;
    border-radius: 50px !important;
    padding: 0 !important;
}

/* Récupérer les styles des boutons Elementor et les appliquer aux boutons Gutenberg */
.wp-block-button__link {
    /* Couleurs du bouton */
    background-color: var(--e-global-color-primary, #3498db) !important; /* Couleur de fond par défaut */
    color: var(--e-global-color-222059ef, #ffffff) !important; /* Couleur du texte par défaut */
    border-color: var(--e-global-color-primary, #3498db) !important; /* Couleur de la bordure */

    /* Typographie */
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    font-weight: var(--e-global-typography-primary-font-weight, normal) !important;
    font-size: var(--e-global-typography-primary-font-size, inherit) !important;
    line-height: var(--e-global-typography-primary-line-height, normal) !important;
    text-transform: var(--e-global-typography-primary-text-transform, none) !important;

    /* Espacement */
    padding: var(--e-button-padding, 10px 20px) !important;
    border-width: var(--e-border-width, 2px) !important;
    border-style: solid !important;
    border-radius: var(--e-border-radius, 5px) !important;

    /* Transition pour l'effet hover */
    transition: all 0.3s ease-in-out !important;
}

/* Effet hover */
.wp-block-button__link:hover {
    background-color: var(--e-global-color-secondary, #2ecc71) !important; /* Couleur de fond au survol */
    color: var(--e-global-color-hover-text, #ffffff) !important; /* Couleur du texte au survol */
    border-color: var(--e-global-color-secondary, #2ecc71) !important; /* Couleur de la bordure au survol */
}

/* TARTEAUCITRON HACK */
.tarteaucitron-magic-block-googlemaps {
    line-height: 1.3em;
}