/**
 * GATARD Pro Pages 1.9.79
 * CMS 9 uniquement — finition TABLETTE.
 * La version mobile validée reste intacte. La tablette reprend la même logique
 * verticale et centrée, avec deux cartes événement par ligne.
 */

@media (min-width: 768px) and (max-width: 1199.98px) {
    html body.cms-id-9 #gatard-events.gatard-events {
        --gatard-events-v1979-gutter: 15px;
        --gatard-events-v1979-section-gap: clamp(46px, 6vw, 68px);
        --gatard-events-v1979-card-gap: clamp(16px, 2.2vw, 26px);
        overflow-x: clip !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events,
    html body.cms-id-9 #gatard-events.gatard-events * {
        box-sizing: border-box !important;
        min-width: 0;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__inner {
        width: calc(100% - 30px) !important;
        max-width: 1170px !important;
        margin-inline: auto !important;
        padding: 0 0 clamp(50px, 6vw, 72px) !important;
    }

    /* Hero : même ordre et même logique que le mobile, sans toucher au menu. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "visual" "copy" !important;
        justify-items: center !important;
        align-items: center !important;
        width: 100% !important;
        gap: clamp(22px, 3.2vw, 36px) !important;
        margin: 0 auto !important;
        padding-top: max(
            38px,
            calc(var(--gatard-mobile-menu-safe-offset, 0px) + 26px),
            calc(var(--ccm-quick-real-height, 0px) + 24px)
        ) !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-media {
        grid-area: visual !important;
        position: relative !important;
        width: min(72%, 610px) !important;
        max-width: 610px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-media > img {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center !important;
        opacity: .90 !important;
        transform: none !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy {
        grid-area: copy !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: min(100%, 820px) !important;
        max-width: 820px !important;
        margin: 0 auto !important;
        padding: 0 clamp(8px, 2vw, 20px) !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__eyebrow,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__script,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy h1,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy h1 *,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy > p {
        width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy h1,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy h1 * {
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(36px, 5vw, 54px) !important;
        line-height: 1.05 !important;
        text-wrap: balance !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__script {
        font-size: clamp(16px, 2vw, 21px) !important;
        line-height: 1.35 !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__hero-copy > p {
        width: min(100%, 720px) !important;
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(13.5px, 1.55vw, 16px) !important;
        line-height: 1.62 !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__btn {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    /* Avantages : une pile centrée, comme sur mobile, adaptée à la tablette. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__features {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: min(100%, 720px) !important;
        margin: clamp(24px, 3.6vw, 38px) auto 0 !important;
        gap: 10px !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__feature {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 64px !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        text-align: left !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__feature .gatard-events__round-ico {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        justify-self: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__feature strong {
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(13px, 1.5vw, 15px) !important;
        line-height: 1.38 !important;
        text-align: left !important;
    }

    /* Titres et rythme des sections. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title:not(.gatard-events__section-title--gallery) {
        width: min(100%, 980px) !important;
        margin: var(--gatard-events-v1979-section-gap) auto clamp(22px, 3vw, 32px) !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title:not(.gatard-events__section-title--gallery) > h2,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__commitment-title h2,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title--gallery h2 {
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(22px, 3vw, 31px) !important;
        line-height: 1.12 !important;
        text-align: center !important;
        text-wrap: balance !important;
    }

    /* Seule exception à la logique mobile : deux cartes par ligne. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        width: min(100%, 1080px) !important;
        max-width: 1080px !important;
        margin: 0 auto !important;
        gap: var(--gatard-events-v1979-card-gap) !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-event-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding-bottom: clamp(18px, 2.3vw, 25px) !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-event-card figure {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1.48 / 1 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-event-card figure > img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-event-card h3 {
        width: calc(100% - 28px) !important;
        margin: clamp(14px, 1.8vw, 20px) auto 0 !important;
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(14px, 1.7vw, 17px) !important;
        line-height: 1.28 !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-event-card p {
        width: calc(100% - 32px) !important;
        margin: 10px auto 0 !important;
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(12.5px, 1.32vw, 14px) !important;
        line-height: 1.55 !important;
        text-align: center !important;
    }

    /* Engagement : même matrice 2 x 2 que la version mobile. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__commitment {
        width: min(100%, 980px) !important;
        margin: var(--gatard-events-v1979-section-gap) auto 0 !important;
        padding: clamp(28px, 4vw, 44px) clamp(20px, 4vw, 42px) !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__commitment-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 800px) !important;
        margin: clamp(22px, 3vw, 32px) auto 0 !important;
        gap: clamp(18px, 2.8vw, 30px) !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__commitment-grid article {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 0 !important;
        padding: clamp(14px, 2vw, 20px) clamp(10px, 1.7vw, 18px) !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__commitment-grid article h3 {
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(13px, 1.55vw, 15.5px) !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__commitment-grid article p {
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(11.8px, 1.2vw, 13.5px) !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    /* Projet : une seule colonne, image puis texte puis garanties. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "visual" "copy" "trust" !important;
        justify-items: center !important;
        align-items: center !important;
        width: min(100%, 980px) !important;
        max-width: 980px !important;
        margin: var(--gatard-events-v1979-section-gap) auto 0 !important;
        padding: clamp(28px, 4.2vw, 44px) clamp(22px, 5vw, 52px) !important;
        gap: clamp(22px, 3.2vw, 34px) !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project > figure {
        grid-area: visual !important;
        justify-self: center !important;
        width: min(60%, 480px) !important;
        max-width: 480px !important;
        margin: 0 auto !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-copy {
        grid-area: copy !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;
        width: min(100%, 760px) !important;
        max-width: 760px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-copy > h2,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-copy > h2 * {
        display: block !important;
        width: 100% !important;
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(27px, 3.8vw, 39px) !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: -.012em !important;
        text-align: center !important;
        text-transform: uppercase !important;
        text-wrap: balance !important;
        transform: none !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-copy > p {
        width: min(100%, 630px) !important;
        margin: clamp(11px, 1.7vw, 17px) auto 0 !important;
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(13px, 1.42vw, 15px) !important;
        line-height: 1.58 !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-copy > .gatard-events__small-btn {
        align-self: center !important;
        margin: clamp(16px, 2vw, 22px) auto 0 !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-list {
        grid-area: trust !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 820px) !important;
        margin: 0 auto !important;
        padding: clamp(18px, 2.4vw, 26px) 0 0 !important;
        gap: clamp(8px, 1.8vw, 18px) !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__project-list p {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 4px !important;
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(10.5px, 1.2vw, 12.8px) !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }

    /* Galerie : centrée et proportionnée comme sur mobile. */
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__gallery {
        width: 100% !important;
        margin: var(--gatard-events-v1979-section-gap) auto 0 !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title--gallery {
        width: min(100%, 980px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title--gallery > div,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title--gallery h2,
    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title--gallery p {
        text-align: center !important;
    }

    html body.cms-id-9 #gatard-events.gatard-events .gatard-events__section-title--gallery p {
        font-family: "Poppins", Arial, Helvetica, sans-serif !important;
        font-size: clamp(12.5px, 1.35vw, 14.5px) !important;
        line-height: 1.5 !important;
    }
}