/************************************************************
 * BASE / GLOBAL
 ************************************************************/

:root {
  /* Personnalise au besoin */
  --primary: #B94A34;          /* Couleur primaire (header/CTA) */
  --primary-soft: #F4D7CF;     /* Variante douce/secondaire */
  --text-color: #494440;       /* Couleur texte par défaut */
  --bg-body: #F7F2E9;          /* Fond global */
  --radius-card: 12px;
  --shadow-soft: 0 1px 2px rgba(0,0,0,.04);
  --shadow-hover: 0 6px 24px rgba(0,0,0,.16);
}

@media (max-width: 768px) {
  h1 {
    font-size: 3rem !important; /* Ajuste ici (1.8rem, 1.7rem, etc.) */
    line-height: 1.2;
  }
}

/* Corps du site */
body {
  background-color: var(--bg-body) !important;
  color: var(--text-color) !important;
  font-style: normal;
  font-weight: 500;
}
body a { color: var(--text-color); }

/* Titres divers */
h1.title-page-politic { padding-top: 30px; }
h1.first-title { margin-top: 10px !important; }
p.first-paragraphe { margin-top: 10px !important; }

/************************************************************
 * ALIGNEMENTS & LAYOUT GUTENBERG / FSE
 ************************************************************/

/* Réduit le top-margin des sections full-width (calé finement) */
.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align='full'] {
  margin-block-start: min(0px, 5vw);
}

/* Supprime le margin-top par défaut des premiers enfants (layout + propre) */
:where(.wp-site-blocks) > * { margin-block-start: 0; }

/************************************************************
 * HEADER / NAVIGATION
 ************************************************************/

.header {
  position: sticky !important;
  top: 0 !important;
  backdrop-filter: blur(10px);
  background: rgba(185, 74, 52, 0.9) !important; /* cohérent avec --primary */
  box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
  z-index: 100 !important;
}

/* Liens de première ligne du header */
.header1 a {
  font-weight: 500 !important;
  position: relative !important;
  text-shadow: 0 0 0 currentColor !important; /* stabilise le rendu sous hover */
}
.header1 a:hover {
  text-shadow:
    0.4px 0 0 currentColor,
   -0.4px 0 0 currentColor !important;
}

/* Cacher la nav desktop en mobile (au besoin) */
@media (max-width: 768px) {
  .header-nav { display: none !important; }
}

/* Bouton du header (si présent) */
.headerbutton:hover { border: 0 !important; }

/************************************************************
 * BOUTONS (GÉNÉRIQUES)
 ************************************************************/

.btn-primary {
  background: var(--primary);
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: var(--shadow-soft);
  display: inline-block;
  width: max-content;
  transition: transform .25s ease, box-shadow .25s ease, font-weight .25s ease;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  font-weight: 800;
}

.btn-secondary {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border-radius: 999px !important;
}

/* Ancien sélecteur restant (garde-fou) */
.secondarybutton { border-radius: 50px !important; }

/************************************************************
 * BLOCS “TYPOLOGIE” (cartes)
 ************************************************************/

.typologie {
  margin-block-end: 1em;
  border-radius: var(--radius-card);
  border: 1px solid #623d1140; /* 25% d’opacité */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
  background-color: #fff;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
  cursor: pointer;
  overflow: hidden; /* utile si éléments internes débordent */
}
.typologie:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
  background-color: #fffcf9 !important; /* léger highlight */
}
/* Effet interne sur le contenu */
.typologie > * { transition: transform .3s ease; }
.typologie:hover > * { transform: scale(1.01); }

/************************************************************
 * SECTION “OSTÉOPATHIE POUR QUI ?” (égalisation des 4 colonnes)
 ************************************************************/

.container-typologie { align-items: stretch; } /* parent Colonnes */
.container-typologie > .wp-block-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
/* Si wrapper interne (Group/Card) */
.container-typologie > .wp-block-column > .wp-block-group,
.container-typologie > .wp-block-column > .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* Boutons en bas des cartes */
.container-typologie .wp-block-buttons { margin-top: auto; }

/************************************************************
 * TRUSTINDEX (widget avis) + GOOGLE REVIEWS
 ************************************************************/

/* Header/Footer du widget : alignés à gauche + padding nul */
.ti-widget[data-layout-id='110'][data-set-id='light-minimal'] > .ti-widget-container > .ti-header,
.ti-widget[data-layout-id='110'][data-set-id='light-minimal'] > .ti-widget-container > .ti-footer {
  text-align: left !important;
  justify-content: flex-start !important;
  padding: 0;
}
/* Alignement général du widget */
.ti-widget[data-layout-id='110'][data-set-id='light-minimal'] { text-align: left !important; }

/* Wrapper d’avis centré + largeur maîtrisée (≈ 3 avis) */
.avis {
  display: flex !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.avis > div {
  max-width: 1200px !important;
  padding-inline: 40px !important;
  margin-inline: auto !important;
}

/* Google Reviews (plugin) */
.wp-gr .wp-google-powered { display: none; } /* supprime “powered by” */
.wp-gr .wp-google-list .grw-header-inner { padding-top: 10px !important; }

/************************************************************
 * BOUTONS DANS GROUPES AVEC COULEUR AVANT-PLAN (FSE)
 ************************************************************/

/* Neutralise la bordure au hover (bouton filled) */
.wp-block-group.has-foreground-background-color .wp-block-button .wp-block-button__link:not(.has-background-color):hover {
  border: 0;
}

/* Style outline → rempli avec couleurs custom */
.wp-block-group.has-foreground-background-color
  .wp-block-button.is-style-outline
  .wp-block-button__link:not(.has-background-color) {
  border: 0 !important;
  background-color: #B27B68 !important; /* couleur bouton */
  border-color: #323232 !important;     /* backup si thème ajoute une bordure */
}

/************************************************************
 * DIVERS
 ************************************************************/

/* Petit ajustement de titrage (si utilisé) */
h1.first-title { margin-top: 10px !important; }
p.first-paragraphe { margin-top: 10px !important; }


/* Masquer la colonne sur mobile */
@media (max-width: 768px) {
  .to-hide-column {
    display: none !important;
  }
}