@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

@font-face {
  font-family: 'Ananias';
  src: url('../fonts/ananias/Ananias-Bold.otf') format('opentype'),
       url('../fonts/ananias/Ananias-Bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ananias';
  src: url('../fonts/ananias/Ananias-Regular.otf') format('opentype'),
       url('../fonts/ananias/Ananias-Regular.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


:root {

  --ff-1:'Poppins', sans-serif;
  --ff-2:'Antonio', sans-serif;

  --fs-body:12px;

  --fs-menu:14px;
  --fs-menu-title:16px;
  --fs-menu-subtitle:12px;

  --fs-footer:12px;
  --fs-footer-title:14px;
  --fs-footer-subtitle:10px;

  --fs-h1:16px;
  --fs-h2:16px;
  --fs-h3:15px;
  --fs-h4:14px;
  --fs-h5:13px;
  --fs-h6:12px; 

  --padding-body:10px 15px 10px 15px;
  --padding-button:5px 10px 5px 10px;

  --margin-block:20px;
  --margin-paragraph:20px;

  --marron:rgba(137, 81, 40, 1);
  --marron-8:rgba(137, 81, 40, 0.8);
  --marron-2:rgba(137, 81, 40, 0.2);
  --marron-1:rgba(137, 81, 40, 0.1);
  --bleu:rgba(46, 74, 157,1);
  --noir-9:rgba(0,0,0,0.9);
  --noir-8:rgba(0,0,0,0.8);
  --noir-5: rgba(0,0,0,0.5); 
}

@media only screen and (min-width: 1000px) {
  :root {
    --fs-body:14px;

    --fs-menu:12px;
    --fs-menu-title:12px;
    --fs-menu-subtitle:12px;

    --fs-footer:14px;
    --fs-footer-title:14px;
    --fs-footer-subtitle:12px;

    --fs-slogan:64px;

    --fs-h1:40px;
    --fs-h2:40px;
    --fs-h3:30px;
    --fs-h4:20px;
    --fs-h5:18px;
    --fs-h6:16px;

    --padding-body:15px 40px 15px 40px;
    --padding-button:10px 20px 10px 20px;

    --margin-block:40px;
    --margin-paragraph:25px;
  }
}

@media only screen and (min-width: 1400px) {
  :root {
    --fs-menu-title:14px;
    --fs-menu-subtitle:12px;
    --fs-menu:14px;
  }
}

@media only screen and (min-width: 1500px) {
  :root {
    --fs-menu-title:15px;
  }
}

@media only screen and (min-width: 1600px) {
  :root {
    --fs-menu-title:16px;
  }
}

@media only screen and (min-width: 1700px) {
  :root {
    --fs-menu-title:18px;
  }
}

body{
  font-family: var(--ff-1);
  font-size: var(--fs-body);
  font-weight: 300;
}

.main > *:not(.homepage__hero, .wp-block-group){
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

/**********************/
/****** HEADINGS ******/
/*********************/

h1, h2, h3, h4, h5, h6{
  font-weight: 600;
}

h1{
  text-align: center;
}

h2{
  color: var(--marron);
}

h3, h4, h5, h6{
  color: var(--bleu);
}

/**********************/
/****** QUOTE ********/
/*********************/

.wp-block-quote{
  color:var(--bleu);
}

/**********************/
/****** GROUP **********/
/*********************/

.wp-block-group{
  padding: var(--padding-body);
  padding-top: var(--margin-block);
  padding-bottom: var(--margin-block);
  margin-top: var(--margin-block);
  margin-bottom: var(--margin-block);
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 20px;
}

@media only screen and (min-width: 1000px) {
  .wp-block-group{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.wp-block-group:nth-child(2n){
  background-color: var(--marron-1);
}

.wp-block-group:nth-child(2n + 1){
  background-color: var(--blanc);
  border: solid .5px var(--marron);
}

/**********************/
/****** RANGEES *********/
/*********************/

.wp-block-group-is-layout-flex.is-horizontal{
  align-items:stretch;
  gap:40px;
  position: relative;
  overflow: scroll;
  scroll-behavior: smooth;
  padding: var(--padding-body);
  margin-top: 0px;
}

.wp-block-group-is-layout-grid{
  gap:var(--margin-block);
}

.wp-block-group-is-layout-flex, .wp-block-group-is-layout-grid{
  padding: 0;
  background-color: transparent !important;
  border: none !important;
}

@media only screen and (min-width: 1000px) {
  .wp-block-group-is-layout-flex.is-horizontal{
    padding-left: 20px;  /* demi-gap à gauche */
    padding-right: 20px;
  }
}

.wp-block-group-is-layout-flex.is-horizontal > *{
  /*flex: 0 0 50%;*/
  flex-grow:0;
  flex-shrink:0;
  width: 100%;
}

.wp-block-group-is-layout-flex.is-horizontal > *:first-child{
  margin-left: -20px;
}

.wp-block-group-is-layout-flex.is-horizontal > *:last-child{
  margin-right: -20px;
}

.wp-block-group-is-layout-flex > *, .wp-block-group-is-layout-grid > *{
  /*flex: 0 0 calc(50% - 40px);*/ 
  box-sizing: border-box;
  overflow: hidden;
}

.wp-block-group-is-layout-flex.is-vertical > *:not(:first-child){
  margin-top: var(--margin-block);
}

.wp-block-group-is-layout-flex.is-vertical > *{
  width: 100% !important;
}

.wp-block-group-is-layout-flex.is-horizontal > *:last-child {
  margin-right: 0; /* pas de marge après le dernier slide */
}

.wp-block-group-is-layout-flex > * .wp-block-image, .wp-block-group-is-layout-grid > * .wp-block-image{
  margin-left: -40px !important;
  margin-right: -40px !important;
  
}

.wp-block-group-is-layout-flex > * .wp-block-image > img, .wp-block-group-is-layout-grid > * .wp-block-image > img{
  min-width: 100%;
}

.wp-block-group-is-layout-flex > * .wp-block-image:first-child, .wp-block-group-is-layout-grid > * .wp-block-image:first-child{
  margin-top: -40px !important;
}

@media only screen and (max-width: 1000px) {
  .wp-block-group-is-layout-flex.is-horizontal > *{
    flex: 0 0 100%;
  }

  .wp-block-group-is-layout-flex.is-horizontal{
    padding-left: 15px;  /* demi-gap à gauche */
    padding-right: 15px;
  }

  .wp-block-group-is-layout-flex.is-horizontal > *:first-child{
    margin-left: 0px;
  }
  
  .wp-block-group-is-layout-flex.is-horizontal > *:last-child{
    margin-right: 0px;
  }

}

.wp-block-group:nth-child(2n)  .wp-block-group-is-layout-flex > *, .wp-block-group:nth-child(2n) .wp-block-group-is-layout-grid > *{
  background-color: var(--blanc) !important;
  border: solid .5px var(--marron) !important;
  background-color: white !important;
  border: none !important;
}

.wp-block-group:nth-child(2n + 1)  .wp-block-group-is-layout-flex > *, .wp-block-group:nth-child(2n + 1) .wp-block-group-is-layout-grid > *{
  background-color: var(--marron-1) !important;
  border: none !important;
}

.scroller-arrows-container{
  display: flex;
  justify-content: right;
  margin-top: var(--margin-paragraph);
  margin-bottom: 0px;
}

/* Boutons de navigation */
.scroller-arrow {
  background: var(--marron-1);
  border-radius: 5px;
  width: 48px !important;
  height: 48px !important;
  cursor: pointer;
  z-index: 10;
  transition: opacity .3s linear;
}

.wp-block-group:nth-child(2n) .scroller-arrows-container .scroller-arrow{
  background: white;
}

.scroller-arrow.disabled{
  opacity: 0.5;
}

.scroller-arrow.left {
  left: 1rem;
  margin-right: 10px;
}
.scroller-arrow.right {
  right: 1rem;
  float: right;
}

/**********************/
/****** BUTTONS ********/
/*********************/

.wp-block-button__link,
input[type="submit"],
.tnp-field input[type="submit"],
.wp-block-file a
{
  background-color: var(--marron-2);
  border-radius:8px;
  padding:var(--padding-button);
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  color:black !important;
  font-size: 1em;
}

.wp-block-group:nth-child(2n) .wp-block-button__link,
.wp-block-group:nth-child(2n) input[type="submit"],
.wp-block-group:nth-child(2n) .tnp-field input[type="submit"],
.wp-block-group:nth-child(2n) .wp-block-file a
{
  background-color: var(--marron);
  color:white !important;
}

.tnp-field input[type="submit"]{
  background-color: var(--marron) !important;
}

input[type="submit"]{
  padding: .5em 1em;
  font-size: inherit;
}

.wp-block-file{
  font-size: inherit !important;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}

.wp-block-file a{
  font-size: inherit;
  text-decoration: none;
  display: inline-block;
  margin-left: 0 !important;
}


.wp-block-button__link::before,
input[type="submit"]::before,
.tnp-field input[type="submit"]::before,
.wp-block-file a::before{
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: var(--marron);
  border-radius: 100%;
  margin-right: 10px;
  transition: background-color .3s linear;
  aspect-ratio: 1/1;
}

.wp-block-group:nth-child(2n) .wp-block-button__link::before,
.wp-block-group:nth-child(2n) input[type="submit"]::before,
.wp-block-group:nth-child(2n) .wp-block-file a::before{
  background-color: white;
}

.wp-block-button__link:hover::before,
.wp-block-file a:hover::before{
  background-color: var(--bleu);
}

/**********************/
/****** LISTS ********/
/*********************/

.wp-block-list {
  list-style: none; /* On supprime la puce par défaut pour éviter doublons */
  padding-left: 1.5em; /* Laisser un petit décalage pour le marker */
}

.wp-block-list li::marker {
  content: '■'; /* petit carré plein Unicode */
}

.wp-block-list li{
  padding-left: 15px;
}

.wp-block-list li:not(:first-child){
  margin-top: 15px;
}

.wp-block-list.is-style-liste-nuage{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: smaller;
  padding: 0;
}

.wp-block-list.is-style-liste-nuage > li{
  background-color: #AACF5A;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom: 10px;
  line-height: initial;
}