/* Styles pour le front-end et l'éditeur */

:root {
    --gris-fonce: rgba(255,255,255,0.15);
}

section {
    padding: 1rem;
}

.acf-innerblocks-container {
    max-width: 75rem;
    margin: 0 auto 0 auto;
}

.grisfonce {
    background-color: var(--gris-fonce);
}

.grisfonce h2 {
    text-transform: inherit;
}

.dore {
    background-color: var(--primary-200);
}

/* Mode full page */
.is-fullpage {
    height: 100vh;
    overflow: hidden;
    scroll-snap-align: start;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width:768px) {
.is-fullpage {
    height: auto;
    overflow: inherit;
    
}
}

/* Activer le snap sur le conteneur parent */
.snap-container {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
}

/* Scroll smooth global */
html {
    scroll-behavior: smooth;
}

/* PADDING */

.nopadding {
    padding: 0;
}

.padding-xs {
    padding: 1rem .5rem;
}

.padding-m {
    padding: 5rem .5rem;
}

.padding-l {
    padding: 7rem .5rem;
}

.padding-xl {
    padding: 8rem .5rem;
}

.padding-xxl {
    padding: 0;
}

/* Assurez-vous que les styles s'appliquent aussi dans l'éditeur */
.wp-block-theme-bloc-thematique section {
    margin: 0 auto;
    max-width: 100%;
}

section.encadre .acf-innerblocks-container {
        max-width: 75rem;
        margin: auto;
        overflow: hidden;
        position: relative
}

section {
    background-position: center;
    background-size: cover;
}

.has-bg {
  position: relative;
  overflow: hidden;
}

.has-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 24, 55, 0.87);
  z-index: 1;
}

.has-bg > * {
  position: relative;
  z-index: 2; /* pour que le contenu reste au-dessus */
}

@media (max-width:768px) {

section {
    padding: 1rem;
}

.padding-xs {
    padding: 1rem;
}

.padding-m {
    padding: 2rem 1rem;
}

.padding-l {
    padding: 3.5rem 1rem;
}

.padding-xl {
    padding: 4rem 1rem;
}

.padding-xxl {
    padding: 4.5rem 1rem;
}
}