/**
 * Compatibilité markup Gutenberg — feuille ADDITIVE.
 * Mappe les styles conçus pour le markup PHP vers le markup des core blocks
 * (figure autour des images, classe sur la figure du tableau, etc.).
 * Ne modifie aucun style existant.
 */

/* Les images passent en <figure class="wp-block-image"> : neutraliser les marges par défaut */
.partners-logos-wrapper .wp-block-image,
.concept-image .wp-block-image,
.header-image .wp-block-image,
.engagement-icon-text .wp-block-image,
.engagement-image .wp-block-image {
    margin: 0;
}

/* concept : la figure doit remplir son conteneur pour que l'img garde
   le comportement original (.concept-image img : 100%/100% + contain) */
.concept-image .wp-block-image {
    width: 100%;
    height: 100%;
}

/* engagement : classes qui étaient sur l'img, désormais sur la figure */
.engagement-icon-text .wp-block-image.engagement-icon {
    flex-shrink: 0;
    width: 5.25rem;
}

.engagement-icon-text .wp-block-image.engagement-icon img {
    width: 100%;
    height: auto;
}

.engagement-image .wp-block-image.main-image {
    width: 100%;
}

.engagement-image .wp-block-image.main-image img {
    width: 100%;
    height: auto;
    border-radius: 1rem;
    display: block;
}

/* cartes expériences : wp:cover remplace le background-image inline */
.experience-card.wp-block-cover {
    padding: 10rem 2rem 2rem;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
    min-height: 0;
}

@media (max-width: 768px) {
    .experience-card.wp-block-cover {
        padding: 6rem 1.5rem 1.5rem;
    }
}

.experience-card.wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    color: inherit;
}

.experience-card.wp-block-cover .card-content p {
    margin: 0;
}

/* programme : tableaux core block dans .table-responsive */
.program-tab-content .wp-block-table {
    margin: 0;
    width: 100%;
}

.program-tab-content .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.program-tab-content .wp-block-table thead th {
    background-color: var(--color-orange);
    color: var(--color-black);
    padding: 1.5rem 2rem;
    font-family: var(--ff-montserrat);
    font-weight: 500;
    font-size: clamp(1.125rem, 1vw + 0.875rem, 1.25rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    border: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.program-tab-content .wp-block-table tbody td {
    padding: 1.5rem 2rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.1);
    color: var(--color-white);
    font-family: var(--ff-montserrat);
    font-weight: 500;
    font-size: clamp(1rem, 0.5vw + 0.875rem, 1.125rem);
    line-height: 1.33;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .program-tab-content .wp-block-table thead th {
        padding: 1rem;
    }

    .program-tab-content .wp-block-table tbody td {
        padding: 0.75rem 1rem;
    }
}

/* titres de cartes (h3 dans cover) : neutraliser la marge du heading block */
.experience-card.wp-block-cover .card-content .wp-block-heading {
    margin: 0;
}

/* icônes converties en blocs image (pages Événements et VIP) */
.grid-item .icon-box .wp-block-image {
    margin: 0;
}

.grid-item p.body-regular {
    font-weight: 600;
    font-size: 1rem;
    margin: 0;
}

.event-concept-image .wp-block-image {
    margin: 0;
    width: 100%;
    height: 100%;
}

.sky-dome-card .wp-block-image.card-icon {
    margin: 0;
    width: 3rem;
}

@media (max-width: 48rem) {
    .sky-dome-card .wp-block-image.card-icon {
        width: 2rem;
    }
}

.sky-dome-card .wp-block-image.card-icon img {
    width: 100%;
    height: auto;
    display: block;
}

.partner-card .wp-block-image.card-icon,
.vip-experience-section .experience-card .wp-block-image.card-icon {
    margin: 0;
}

/* boutons CTA convertis en blocs wp:button.
   La classe .cta-button / .cta-button-is-stroke se retrouve sur le <div class="wp-block-button">
   (déjà stylé par global.css). Le <a> interne WP doit devenir transparent et hériter,
   pour que le div reste le pill orange exact. */
.wp-block-buttons {
    margin: 0;
}

.wp-block-button.cta-button,
.wp-block-button.cta-button-is-stroke {
    /* hérite du style .cta-button de global.css ; le bloc WP ne doit pas imposer sa largeur */
    max-width: none;
}

.wp-block-button.cta-button .wp-block-button__link,
.wp-block-button.cta-button-is-stroke .wp-block-button__link {
    background: transparent;
    color: inherit;
    padding: 0;
    border: 0;
    border-radius: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    width: auto;
}

/* cartes expériences (home) : le tag était un <span> (text-transform uppercase),
   converti en <p class="body-small"> → réappliquer la capitalisation */
.experience-card.wp-block-cover .card-content p.body-small {
    text-transform: uppercase;
}

/* Pastille hero « SAME DREAM, DIFFERENT PATHS » sur fond blanc (au lieu de transparent
   sur la photo). Texte orange pour rester lisible, cohérent avec la bordure. */
.hero-tagline.section-tag {
    background-color: #ffffff;
    color: var(--color-orange-vif) !important;
    border-color: var(--color-orange-vif);
}