:root{
  --global-palette1:#7B1F3B;   /* bordeaux — accent/boutons/liens */
  --global-palette2:#5E1529;   /* bordeaux foncé — hover */
  --global-palette3:#2C2622;   /* anthracite — titres */
  --global-palette4:#2C2622;   /* anthracite — texte */
  --global-palette5:#5E4632;   /* bois foncé */
  --global-palette6:#A97C50;   /* bois — accent secondaire */
  --global-palette7:#EDE4D2;   /* pierre claire */
  --global-palette8:#FAF7F1;   /* fond pierre lumineux */
  --global-palette9:#FFFFFF;
  --global-palette-btn-bg:#7B1F3B;
  --global-palette-btn-bg-hover:#5E1529;
  --global-palette-btn-color:#FAF7F1;
  --global-palette-btn-color-hover:#FAF7F1;
  --global-heading-font-family:"Fraunces", ui-serif, Georgia, serif;
  --global-body-font-family:"Inter", ui-sans-serif, system-ui, sans-serif;
}
body{ background:#FAF7F1; color:#2C2622; font-family:"Inter",ui-sans-serif,system-ui,sans-serif; }
h1,h2,h3,h4,h5,.entry-title,.wp-block-heading{ font-family:"Fraunces",ui-serif,Georgia,serif; color:#2C2622; }

/* Masquer le titre de hero Kadence en double sur l'accueil */
.page-id-1320 .entry-hero{ display:none; }

/* Liens en bordeaux */
a{ color:#7B1F3B; }

/* Boutons core Gutenberg → bordeaux, coins doux (pas pilule) */
.wp-block-button__link,.wp-element-button{
  background-color:#7B1F3B !important; color:#FAF7F1 !important;
  border-radius:6px !important; padding:14px 26px !important;
}
.wp-block-button__link:hover,.wp-element-button:hover{ background-color:#5E1529 !important; }
/* Bouton secondaire "outline" (2e bouton du héros) */
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color:transparent !important; color:#2C2622 !important; border:1px solid #A97C50 !important;
}

/* Espacements de sections plus généreux (rapprochement maquette) */
.entry-content .wp-block-columns{ margin-top:3rem; margin-bottom:3rem; gap:2.5rem; }

/* Masquer le nom du site en double (garder seulement le logo) */
.site-branding .site-title, .site-header .site-name, .header-titles .site-title{ display:none !important; }

/* Renforcer la disparition du bandeau hero "Accueil" */
.page-id-1320 .entry-hero, .home .entry-hero{ display:none !important; }

/* Masquer le nom du site affiché à côté du logo (règle renforcée) */
.site-branding .site-title,.header-titles .site-title,.site-title{ display:none !important; }

/* ===== HÉROS (1re section de la home) ===== */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type{
  align-items:center;
  gap:3.5rem;
  margin-top:2rem;
  margin-bottom:5rem;
}
/* colonne texte un peu plus large que l'image (héros asymétrique ~ 55/45) */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child{
  flex-basis:56% !important;
}
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child{
  flex-basis:44% !important;
}
/* sur-titre doré en majuscules espacées (1er paragraphe strong du héros) */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:first-of-type strong{
  color:#A97C50;
  font-family:"Inter",sans-serif;
  font-weight:600;
  font-size:0.8rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
}
/* GRAND titre d'affichage (p.h1) */
.page-id-1320 p.h1{
  font-family:"Fraunces",serif;
  font-weight:600;
  font-size:clamp(2.6rem, 5vw, 4.6rem);
  line-height:1.02;
  color:#2C2622;
  margin:0.6rem 0 0.4rem;
}
/* titre SEO (h1.h5) : présent mais discret, sous l'accroche */
.page-id-1320 h1.h5{
  font-family:"Inter",sans-serif;
  font-weight:500;
  font-size:1.05rem;
  color:#5E4632;
  margin:0 0 1rem;
}
/* paragraphe d'intro du héros */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:nth-of-type(2){
  font-size:1.1rem;
  color:#5E4632;
  max-width:34em;
}
/* encart 170 m² : carte posée sous les boutons */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
  display:inline-block;
  margin-top:1.5rem;
  font-size:0.95rem;
  color:#2C2622;
}
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type strong{
  font-family:"Fraunces",serif;
  font-size:1.6rem;
  color:#A97C50;
  margin-right:0.4rem;
}
/* boutons du héros un peu plus grands + espacés */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type .wp-block-buttons{ gap:1rem; margin-top:1.6rem; }
/* image héros : format vertical élégant */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type .wp-block-image img{
  width:100%;
  height:520px;
  object-fit:cover;
}
/* mobile : on empile proprement */
@media(max-width:781px){
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column{ flex-basis:100% !important; }
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type .wp-block-image img{ height:320px; }
}

/* ===== HÉROS — ajustements ===== */
/* de l'air entre le grand titre et le sous-titre SEO */
.page-id-1320 p.h1{ margin-bottom:0.8rem; }
.page-id-1320 h1.h5{ margin-top:0; margin-bottom:1.4rem; }

/* image héros : un peu plus haute et arrondie légèrement en haut pour l'élégance (coins droits demandés → on garde droit) */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type .wp-block-image{ margin:0; }
.page-id-1320 .entry-content > .wp-block-columns:first-of-type .wp-block-image img{
  height:560px;
}

/* aligner le haut de la colonne image avec le haut du texte (au lieu de centrer verticalement) */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type{ align-items:stretch; }
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column{ justify-content:center; display:flex; flex-direction:column; }

@media(max-width:781px){
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type .wp-block-image img{ height:320px; }
}

/* ===== HÉROS — finitions ===== */

/* mot "hauteur" en italique doré (comme Lovable) */
.page-id-1320 p.h1 em{ font-style:italic; color:#A97C50; }

/* sous-titre SEO plus discret */
.page-id-1320 h1.h5{ font-size:0.95rem; font-weight:400; color:#6B5A48; letter-spacing:0; margin-top:0.4rem; }

/* carte "170 m²" flottante par-dessus la photo */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child{ position:relative; }
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
  position:absolute;
  left:-2.5rem;
  bottom:2.5rem;
  z-index:5;
  background:#FFFFFF;
  padding:1.4rem 1.8rem;
  box-shadow:0 24px 50px -20px rgba(44,38,34,.35);
  margin:0;
}
/* place la carte dans la colonne image via une astuce : on la sort du flux à droite */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child{ position:static; }
/* si la carte reste à gauche, alternative robuste : la coller au bas de la colonne image */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type .wkp-surface-card{ }

/* supprimer le bandeau gris/vide au-dessus du contenu (résidu entry-hero déjà masqué, on
   enlève aussi l'espace vide éventuel) */
.page-id-1320 .entry-hero, .home .entry-hero{ display:none !important; }
.page-id-1320 .entry-content-wrap{ padding-top:2.5rem; }

@media(max-width:781px){
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
    position:static; left:auto; bottom:auto; box-shadow:none; padding:0; margin-top:1rem;
  }
}

/* ===== HÉROS — repositionner la carte 170 m² ===== */
/* la colonne image devient le repère de position */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child{
  position:relative !important;
}
/* on annule l'ancien positionnement bancal et on repart proprement */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
  position:static;
}
/* NOUVELLE carte : on la déplace visuellement sur la photo via un ancrage sur la colonne image.
   Comme le paragraphe est dans la colonne texte, on le rend flottant relativement à la SECTION. */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type{ position:relative; }
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
  position:absolute;
  right:8%;              /* côté photo (colonne droite) */
  bottom:2rem;
  left:auto;
  z-index:5;
  background:#FFFFFF;
  padding:1.3rem 1.7rem;
  box-shadow:0 24px 50px -20px rgba(44,38,34,.35);
  margin:0;
}
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type strong{
  font-family:"Fraunces",serif; font-size:1.7rem; color:#A97C50; display:block;
}
@media(max-width:781px){
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
    position:static; right:auto; bottom:auto; box-shadow:none; padding:0; margin-top:1rem;
  }
}

/* ===== HÉROS — carte 170 m² : position à cheval + libellé doré ===== */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
  position:absolute;
  left:auto;
  right:78%;            /* déborde sur le bord GAUCHE de la photo (à cheval) */
  bottom:2.5rem;
  z-index:5;
  background:#FFFFFF;
  padding:1.5rem 1.9rem;
  box-shadow:0 26px 55px -22px rgba(44,38,34,.4);
  margin:0;
  text-align:left;
  min-width:190px;
}
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type strong{
  font-family:"Fraunces",serif; font-size:1.9rem; font-weight:600; color:#2C2622; display:block; line-height:1;
}
/* libellé "Espace d'exception" : doré, petites majuscules espacées */
.page-id-1320 .wkp-card-sub{
  display:block; margin-top:0.5rem;
  font-family:"Inter",sans-serif; font-size:0.72rem; font-weight:600;
  letter-spacing:0.18em; text-transform:uppercase; color:#A97C50;
}
@media(max-width:781px){
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
    position:static; right:auto; left:auto; bottom:auto; box-shadow:none; padding:0; margin-top:1rem;
  }
}

/* ===== SECTION CONCEPT ===== */
.page-id-1320 .wkp-concept{
  background:#FAF7F1;                 /* fond crème pleine largeur de la zone concept */
  margin:4rem 0;
  padding:3.5rem 0;
}
/* sur-titre "Le concept" en doré majuscules */
.page-id-1320 .wkp-concept > p:first-of-type strong{
  color:#A97C50; font-family:"Inter",sans-serif; font-weight:600;
  font-size:0.8rem; letter-spacing:0.22em; text-transform:uppercase;
}
.page-id-1320 .wkp-concept > h2{ font-size:clamp(2rem,3.5vw,2.8rem); margin:0.6rem 0 1rem; }
.page-id-1320 .wkp-concept > p{ color:#5E4632; max-width:46em; }

/* rangée 01/02/03 : chiffres dorés, séparation fine */
.page-id-1320 .wkp-concept .wp-block-columns{ gap:2.5rem; margin-top:2.5rem; border-top:1px solid rgba(168,130,62,.3); padding-top:2.5rem; }
.page-id-1320 .wkp-concept .wp-block-column h3{
  font-family:"Fraunces",serif; font-weight:600; font-size:1.25rem; color:#2C2622;
}
/* le "01"/"02"/"03" en tête de titre : on colore tout le h3, le numéro ressort via taille */
.page-id-1320 .wkp-concept .wp-block-column p{ color:#5E4632; font-size:0.95rem; }

/* BANDEAU DORÉ (la citation) */
.page-id-1320 .wkp-concept .wp-block-quote{
  background:#A97C50;
  color:#FDF9F1;
  margin:3rem 0 0;
  padding:3rem 3.5rem;
  border:none;
}
.page-id-1320 .wkp-concept .wp-block-quote p{
  font-family:"Fraunces",serif; font-style:normal; font-size:clamp(1.4rem,2.2vw,1.9rem);
  line-height:1.35; color:#FDF9F1; margin:0; max-width:none;
}
/* le bouton "Découvrir l'espace" reste bordeaux (déjà stylé) */

/* ===== HÉROS — carte 170 m² ancrée sur la photo (v2) ===== */
/* la colonne image est le repère */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child{
  position:relative !important;
}
/* la carte est maintenant DANS la colonne image (dernier paragraphe de cette colonne) */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > p:last-of-type{
  position:absolute;
  left:-1.5rem;         /* déborde légèrement à gauche, à cheval sur le bord de la photo */
  bottom:1.5rem;
  right:auto;
  z-index:5;
  background:#FFFFFF;
  padding:1.4rem 1.8rem;
  box-shadow:0 26px 55px -22px rgba(44,38,34,.4);
  margin:0;
  min-width:180px;
}
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > p:last-of-type strong{
  font-family:"Fraunces",serif; font-size:1.9rem; font-weight:600; color:#2C2622; display:block; line-height:1;
}
@media(max-width:781px){
  .page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > p:last-of-type{
    position:static; left:auto; bottom:auto; box-shadow:none; padding:0; margin-top:1rem;
  }
}

/* ===== HÉROS — neutraliser l'ancien style carte sur la colonne TEXTE ===== */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p{
  position:static !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 1rem !important;
  left:auto !important; right:auto !important; bottom:auto !important;
  min-width:0 !important;
}
/* le paragraphe d'intro reprend un style de texte propre */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > p:last-of-type{
  font-size:1.1rem; color:#5E4632; max-width:34em;
}

/* ============================================================
   BASE DE MISE EN PAGE — home pleine largeur, contenu centré
   ============================================================ */

/* 1. Le contenu global reste centré dans une largeur lisible (~1200px) */
.page-id-1320 .entry-content{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
}

/* 2. Les sections à FOND pleine largeur (concept, et futures) débordent jusqu'aux bords
      tout en gardant leur contenu centré. On utilise une technique "full-bleed". */
.page-id-1320 .wkp-concept{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  padding-top:5rem;
  padding-bottom:5rem;
}
/* le contenu interne d'une section pleine largeur reste centré */
.page-id-1320 .wkp-concept > *{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
}

/* 3. Espacements verticaux réguliers entre les grandes sections */
.page-id-1320 .entry-content > .wp-block-columns,
.page-id-1320 .entry-content > h2,
.page-id-1320 .entry-content > .wp-block-group{
  margin-top:5rem;
  margin-bottom:5rem;
}
/* le héros colle un peu moins haut */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type{ margin-top:2rem; }

/* 4. Titres harmonisés (échelle proche de la maquette) */
.page-id-1320 .entry-content h2{
  font-family:"Fraunces",serif; font-weight:600;
  font-size:clamp(2rem,3.2vw,2.9rem); line-height:1.1; color:#2C2622;
  text-align:center;
}
/* petit trait doré sous les titres de section centrés (comme Lovable) */
.page-id-1320 .entry-content > h2::after{
  content:""; display:block; width:56px; height:2px; background:#A97C50;
  margin:1rem auto 0;
}

/* 5. Confort de lecture des paragraphes */
.page-id-1320 .entry-content p{ line-height:1.7; }

/* ===== FIX centrage : le héros et tout le contenu suivent la même largeur centrée ===== */
/* on s'assure que entry-content est bien centré et que le héros n'est pas décalé */
.page-id-1320 .entry-content{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:1.5rem !important;
  padding-right:1.5rem !important;
  box-sizing:border-box;
}
/* le héros redevient une simple grille 2 colonnes centrée (pas de débordement) */
.page-id-1320 .entry-content > .wp-block-columns:first-of-type{
  width:auto !important;
  left:auto !important;
  right:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-top:2rem;
}
/* empêcher tout scroll horizontal résiduel */
html, body{ overflow-x:hidden; }