/* ========================================================================== 
   POMAR — home.css
   CSS extrait des blocs HTML WordPress le 23 août 2026.
   ========================================================================== */

/*
 * Root Spectra container.
 * WordPress's stable `home` body class and the document structure replace the
 * generated data-spectra-id, which changes when the page is migrated or saved.
 */
body.home .entry-content > .spectra-is-root-container{
  height:auto !important;
}
body.home .entry-content > .spectra-is-root-container > *{
  margin-block-start:0 !important;
}

.pomar-hero-home{
  position:relative;
  min-height:640px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  color:var(--white);
}
.pomar-hero-home__media{position:absolute;inset:0;z-index:0}
.pomar-hero-home__img{width:100%;height:100%;object-fit:cover;display:block}
.pomar-hero-home__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(36,28,20,.15) 0%, rgba(36,28,20,.55) 100%);
}
.pomar-hero-home__caption{
  position:absolute;top:var(--space-5);left:var(--space-5);z-index:2;
  font:var(--type-small);letter-spacing:.08em;text-transform:uppercase;color:var(--sand-100);
}
.pomar-hero-home__badges{
  position:absolute;top:var(--space-5);right:var(--space-5);z-index:2;
  display:flex;gap:var(--space-3);
}
.pomar-badge{
  display:inline-flex;align-items:center;
  padding:var(--space-2) var(--space-4);
  background:rgba(253,251,247,.16);
  border:1px solid rgba(253,251,247,.4);
  border-radius:var(--radius-pill);
  font:var(--type-small);color:var(--white);
  backdrop-filter:blur(6px);
}
.pomar-hero-home__content{
  position:relative;z-index:2;
  padding-top:var(--space-9);
  padding-bottom:var(--space-9);
}
.pomar-hero-home__eyebrow{color:var(--sun-400) !important}
.pomar-hero-home__title{
  font:var(--type-hero);
  color:var(--white);
  margin:var(--space-3) 0 var(--space-5);
  max-width:20ch;
}
.pomar-hero-home__title em{
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-regular);
  color:var(--sun-400);
}
.pomar-hero-home__subtitle{
  font:var(--type-body-lg);
  color:var(--sand-100);
  max-width:44ch;
  margin:0 0 var(--space-6);
}
.pomar-hero-home__subtitle--mobile{display:none}
.pomar-hero-home__ctas{
  display:flex;
  align-items:center;
  gap:var(--space-5);
  flex-wrap:wrap;
}
.pomar-hero-home__cta-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--control-h-lg);
  padding:0 var(--space-6);
  background:var(--white);
  color:var(--clay-600);
  border:1px solid var(--clay-600);
  border-radius:var(--radius-pill);
  font-family:var(--font-title);
  font-style:italic;
  font-size:var(--text-md);
  text-decoration:none;
  transition:var(--transition-control);
}
.pomar-hero-home__cta-primary:hover{transform:var(--hover-lift)}
.pomar-hero-home__cta-primary:active{transform:var(--press-scale)}
.pomar-hero-home__cta-link{
  font:var(--type-small);
  color:var(--white);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.5);
  transition:var(--transition-control);
}
.pomar-hero-home__cta-rating{display:none}
 
@media (max-width: 921px){
  .pomar-hero-home{min-height:560px}
  .pomar-hero-home__caption{display:none}
  .pomar-hero-home__badges{display:none}
  .pomar-hero-home__subtitle--desktop{display:none}
  .pomar-hero-home__subtitle--mobile{display:block}
  .pomar-hero-home__cta-link{display:none}
  .pomar-hero-home__cta-rating{display:inline-flex}
}

/* --- Find your stay (search card) --- */
.pomar-hero-home__search-wrap{
  position:relative;
  z-index:3;
  margin-top:-72px;
}
.pomar-hero-home__search-card{
  background:var(--white);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  padding:var(--space-6);
}
.pomar-hero-home__search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-4);
  margin-bottom:var(--space-5);
}
.pomar-hero-home__search-title{
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-regular);
  font-size:var(--text-xl);
  color:var(--text-heading);
  margin:0;
}

.pomar-hero-home__weather .pomar-wcheck-widget{
  --pomar-wc-accent: var(--clay-600);
  --pomar-wc-accent-soft: var(--sand-200);
  --pomar-wc-brown: var(--clay-700);
  --pomar-wc-brown-dark: var(--clay-900);
  --pomar-wc-cream: var(--sand-050);
  --pomar-wc-border: var(--sand-300);
  --pomar-wc-text: var(--text-body);
  --pomar-wc-text-muted: var(--text-muted);
  margin:0;
  text-align:left;
}
.pomar-hero-home__weather .pomar-wcheck-btn{
  padding:var(--space-2) var(--space-4);
  border-radius:var(--radius-pill);
  background:var(--sand-100);
  border:1px solid var(--sand-300);
}
.pomar-hero-home__weather .pomar-wcheck-btn-title{
  font:var(--type-small);
  font-weight:var(--weight-medium);
}
.pomar-hero-home__weather .pomar-wcheck-btn-sub{
  font-size:var(--text-2xs);
  color:var(--text-muted);
}
.pomar-hero-home__weather .pomar-wcheck-icon-svg{
  width:18px;
  height:18px;
}

/* MotoPress search form -- reskin leger, structure/JS du plugin conserves.
   Selecteurs provisoires, a confirmer une fois le rendu reel inspecte. */
.pomar-hero-home__search-form .mphb-search-form,
.pomar-hero-home__search-form form{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-4);
  align-items:flex-end;
}
.pomar-hero-home__search-form label{
  font:var(--type-eyebrow);
  letter-spacing:var(--tracking-eyebrow);
  text-transform:uppercase;
  color:var(--text-muted);
}
.pomar-hero-home__search-form input,
.pomar-hero-home__search-form select{
  font:var(--type-body);
  border:1px solid var(--sand-300);
  border-radius:var(--radius-sm);
  padding:var(--space-3);
}
.pomar-hero-home__search-form button,
.pomar-hero-home__search-form input[type="submit"]{
  height:var(--control-h-lg);
  padding:0 var(--space-6);
  background:var(--clay-700);
  color:var(--white);
  border:none;
  border-radius:var(--radius-pill);
  font:var(--type-button);
  text-transform:lowercase;
  letter-spacing:var(--tracking-button);
  cursor:pointer;
}

@media (max-width: 921px){
  .pomar-hero-home__search-wrap{margin-top:-48px}
  .pomar-hero-home__search-card{padding:var(--space-5)}
  .pomar-hero-home__search-head{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}

/* --- Ajustements 16/08 (retours utilisateur sur le hero) --- */

/* 1. Gouttière du hero alignée sur le chrome du site (logo ~35px), pas le container centre 1240px */
.pomar-hero-home__content,
.pomar-hero-home__search-wrap{
  max-width:1600px;
  margin-left:0;
  margin-right:0;
  padding-left:clamp(24px, 3vw, 40px);
  padding-right:clamp(24px, 3vw, 40px);
}

/* 2. Plus d'air entre les blocs de texte */
.pomar-hero-home__eyebrow{margin-bottom:var(--space-4)}
.pomar-hero-home__title{margin:var(--space-4) 0 var(--space-6)}
.pomar-hero-home__subtitle{margin:0 0 var(--space-7)}

/* 3. Carte de recherche : chevauchement plus marque sur la photo */
.pomar-hero-home__search-wrap{margin-top:-80px}

/* 4. Masquer le texte "Required fields..." de MPHB (absent de la maquette) */
.mphb-required-fields-tip{display:none}

/* --- Correctif specificite (16/08 bis) ---
   Le container Spectra racine du bloc injecte un reset global tres specifique :
   ".spectra-is-root-container h1, h2, ..., p, span { margin:0 }" (specificite 0,1,1)
   qui ecrasait silencieusement TOUTES les marges posees plus haut sur l'eyebrow (p),
   le titre (h1) et le sous-titre (p) -- specificite 0,1,0, donc perdante meme en etant
   plus bas dans la feuille. D'ou l'absence totale d'air malgre le correctif precedent.
   Sélecteurs renforces ci-dessous (ancetre + classe = 0,2,0) pour gagner. */
.pomar-hero-home .pomar-hero-home__eyebrow{margin-bottom:var(--space-4)}
.pomar-hero-home .pomar-hero-home__title{margin:var(--space-4) 0 var(--space-6)}
.pomar-hero-home .pomar-hero-home__subtitle{margin:0 0 var(--space-7)}

/* --- Chevauchement carte / photo (16/08 bis) ---
   La position de la carte ne depend que du overlap et de sa propre hauteur, pas de la
   hauteur de la photo (les deux bougent ensemble). Pour qu'une plus grande partie de la
   carte (~212px de haut) repose sur la photo sans recouvrir les CTA, il faut plus de
   marge de manoeuvre sous les CTA : padding-bottom augmente, overlap augmente en
   consequence, hauteur de section augmentee pour garder des proportions correctes. */
.pomar-hero-home{min-height:720px}
.pomar-hero-home__content{padding-bottom:180px}
.pomar-hero-home__search-wrap{margin-top:-160px}

/* --- Correctifs (16/08 ter) suite retours utilisateur sur maquette --- */

/* 1. Marges gauche/droite asymetriques : le plafond max-width:1600px force le contenu
   a rester colle a gauche sur les ecrans plus larges que 1600px, laissant tout l'espace
   restant a droite. Suppression du plafond : le padding clamp() (identique des deux cotes)
   suffit a lui seul a garder une gouttiere symetrique, quelle que soit la largeur d'ecran. */
.pomar-hero-home__content,
.pomar-hero-home__search-wrap{
  max-width:none;
}

/* 2. Sous-titre : 44ch (~445px) etait trop etroit, chaque phrase se coupait sur 2 lignes.
   La plus longue phrase ("Two family-run houses...") mesure ~538px a ce corps de texte :
   600px laisse une marge de securite pour qu'elle tienne sur une seule ligne. */
.pomar-hero-home .pomar-hero-home__subtitle{
  max-width:600px;
}

/* 3. Hero plus grand (photo plus presente), comme sur la maquette. */
.pomar-hero-home{min-height:880px}

/* --- Refonte (16/08 quater) suite retours utilisateur --- */

/* 1. Contenu vertical centre dans le bloc plutot que colle en bas (flex-end).
   La ligne du haut (caption + pastilles) reste en position:absolute, donc non affectee. */
.pomar-hero-home{justify-content:center}

/* 2. Gouttiere gauche/droite du CONTENU un peu plus genereuse qu'avant (moins collee au
   bord), mais SANS toucher la ligne du haut (caption/badges) qui reste a var(--space-5)
   via ses propres regles absolute top/left/right, non concernees ici. */
.pomar-hero-home .pomar-hero-home__content{
  padding-left:clamp(24px, 6vw, 96px);
  padding-right:clamp(24px, 6vw, 96px);
  padding-top:var(--space-9);
  padding-bottom:var(--space-9);
}

/* 3. Carte de recherche deplacee dans le HTML a l'interieur de .pomar-hero-home__content
   (meme element que le reste du contenu -> memes marges gauche/droite automatiquement,
   plus besoin de dupliquer un padding sur le wrap). Elle est donc entierement contenue
   dans la section/la photo par construction : impossible qu'elle deborde sur le reste de
   la page. L'ancienne technique de chevauchement par margin-top negatif est retiree :
   espacement normal (positif) avant la carte, comme un element de contenu classique. */
.pomar-hero-home__search-wrap{
  position:static;
  margin-top:var(--space-8);
}

/* --- Correctif (16/08 quater bis) : la carte heritait encore d'un padding-left/right
   pose quand elle etait un sibling independant (avant d'etre deplacee dans .content).
   Maintenant qu'elle est un enfant normal de .pomar-hero-home__content (deja padde),
   ce padding est en trop -> decalage de 40px par rapport a l'eyebrow/titre. Neutralise. */
.pomar-hero-home__search-wrap{
  padding-left:0;
  padding-right:0;
}

/* 16/08 quinquies - formulaire MPHB etire sur toute la largeur, champs plus grands */
.pomar-hero-home__search-form .mphb_sc_search-form{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:var(--space-4);
}
.pomar-hero-home__search-form .mphb_sc_search-check-in-date,
.pomar-hero-home__search-form .mphb_sc_search-check-out-date,
.pomar-hero-home__search-form .mphb_sc_search-adults{
  flex:1 1 0;
  min-width:140px;
}
.pomar-hero-home__search-form input.mphb-datepick.mphb_datepicker.is-datepick,
.pomar-hero-home__search-form .mphb_sc_search-adults select{
  height:56px;
  padding:16px 18px;
  font-size:16px;
}
.pomar-hero-home__search-form .mphb_sc_search-submit-button-wrapper{
  flex:0 0 auto;
}
.pomar-hero-home__search-form .mphb_sc_search-submit-button-wrapper .button{
  height:56px;
  padding:0 var(--space-6);
  font-size:15px;
}

/* 17/08 - phrase de precision sous le formulaire de recherche */
.pomar-hero-home .pomar-hero-home__search-note{
  margin:var(--space-3) 0 0;
  font-size:var(--text-xs);
  color:var(--ink-500);
  text-align:left;
}

.pomar-home-houses{
  padding-top:var(--space-9);
  padding-bottom:var(--space-8);
}
.pomar-home-houses .pomar-home-houses__header{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:left;
  align-items:flex-start;
  max-width:var(--container-narrow);
  margin-bottom:var(--space-7);
}
.pomar-home-houses .pomar-home-houses__title{
  font:var(--type-h2);
  margin:0;
  letter-spacing:var(--tracking-display);
  color:var(--text-heading);
}
.pomar-home-houses .pomar-home-houses__subtitle{
  font:var(--type-body-lg);
  margin:0;
  color:var(--text-body);
}
.pomar-home-houses__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-6);
}
.pomar-home-houses__card{
  display:flex;
  flex-direction:column;
  background:var(--surface-card);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.pomar-home-houses__media-wrap{
  position:relative;
}
.pomar-home-houses__media{
  position:relative;
  margin:0;
  aspect-ratio:4/3;
  overflow:hidden;
  box-shadow:var(--shadow-inset-hairline);
}
.pomar-home-houses__media-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.pomar-home-houses__media-overlay{
  position:absolute;
  inset:0;
  background:var(--overlay-protect);
}
.pomar-home-houses__media-content{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:var(--space-2);
  padding:var(--space-5);
  color:var(--text-on-dark);
}
.pomar-home-houses .pomar-home-houses__card-eyebrow{
  color:var(--sand-200);
}
.pomar-home-houses .pomar-home-houses__card-title{
  display:block;
  font-size:var(--text-2xl);
  font-family:var(--font-title);
  font-style:italic;
  color:var(--white);
}
.pomar-home-houses .pomar-home-houses__card-link{
  font-size:var(--text-sm);
  color:var(--sun-400);
  text-decoration:none;
  border-bottom:none;
  letter-spacing:.02em;
}
.pomar-home-houses__badge{
  position:absolute;
  top:var(--space-4);
  left:var(--space-4);
  display:inline-flex;
  align-items:center;
  padding:6px var(--space-3);
  border-radius:var(--radius-pill);
  font-family:var(--font-display);
  font-weight:var(--weight-medium);
  font-size:var(--text-sm);
  letter-spacing:.04em;
  white-space:nowrap;
  background:var(--clay-600);
  color:var(--text-on-brand);
  border:1px solid var(--clay-600);
}
.pomar-home-houses__body{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--card-pad);
  flex:1 1 0%;
}
.pomar-home-houses__tags{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}
.pomar-home-houses__tag{
  display:inline-flex;
  align-items:center;
  padding:6px var(--space-3);
  border-radius:var(--radius-pill);
  font-family:var(--font-display);
  font-weight:var(--weight-medium);
  font-size:var(--text-sm);
  letter-spacing:.04em;
  white-space:nowrap;
  background:var(--sand-200);
  color:var(--clay-800);
  border:1px solid var(--sand-300);
}
.pomar-home-houses .pomar-home-houses__desc{
  margin:0;
  font:var(--type-body);
  color:var(--text-body);
  flex:1 1 0%;
}
.pomar-home-houses__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  align-self:flex-start;
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-medium);
  letter-spacing:.02em;
  text-transform:lowercase;
  border-radius:var(--radius-pill);
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  height:var(--control-h-md);
  padding:0 var(--space-5);
  font-size:var(--text-sm);
  background:var(--brand);
  color:var(--text-on-brand);
  border:1px solid var(--brand);
}

@media (max-width: 921px){
  .pomar-home-houses__grid{
    grid-template-columns:1fr;
  }
}

.pomar-home-why{
  padding-top:0;
  padding-bottom:var(--space-9);
}
.pomar-home-why .pomar-home-why__header{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:left;
  align-items:flex-start;
  max-width:var(--container-narrow);
  margin-bottom:var(--space-7);
}
.pomar-home-why .pomar-home-why__title{
  font:var(--type-h2);
  margin:0;
  letter-spacing:var(--tracking-display);
  color:var(--text-heading);
}
.pomar-home-why__grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:var(--space-5);
}
.pomar-home-why__card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:var(--card-pad);
  border-radius:var(--radius-lg);
  background:var(--surface-card);
  border:1px solid var(--border-subtle);
  color:var(--text-body);
  box-shadow:var(--shadow-xs);
  box-sizing:border-box;
  height:100%;
}
.pomar-home-why__icon-circle{
  width:44px;
  height:44px;
  border-radius:var(--radius-pill);
  display:grid;
  place-items:center;
  background:var(--sand-200);
  color:var(--clay-700);
  flex:0 0 auto;
}
.pomar-home-why__icon-svg{
  width:22px;
  height:22px;
}
.pomar-home-why .pomar-home-why__card-title{
  margin:0;
  font-family:var(--font-body);
  font-style:normal;
  font-size:var(--text-sm);
  font-weight:var(--weight-medium);
  letter-spacing:var(--tracking-eyebrow);
  text-transform:uppercase;
  color:var(--text-heading);
}
.pomar-home-why .pomar-home-why__card-desc{
  margin:0;
  font:var(--type-small);
  color:var(--text-muted);
}

@media (max-width: 921px){
  .pomar-home-why__grid{
    grid-template-columns:1fr 1fr;
  }
}

.pomar-home-included{
  background:var(--surface-inverse);
  border-top:1px solid rgba(250,245,237,.12);
  border-bottom:1px solid rgba(250,245,237,.12);
}
.pomar-home-included__inner{
  max-width:var(--container-max);
  margin:0 auto;
  padding:var(--space-9) var(--space-5);
  display:grid;
  grid-template-columns:minmax(0, 340px) minmax(0, 1fr);
  gap:var(--space-8);
  align-items:start;
}
.pomar-home-included__intro{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.pomar-home-included .pomar-eyebrow{
  color:var(--sun-400);
}
.pomar-home-included .pomar-home-included__title{
  margin:0;
  font:var(--type-h2);
  color:var(--text-on-dark);
}
.pomar-home-included .pomar-home-included__desc{
  margin:0;
  font:var(--type-body);
  color:rgba(250,245,237,.82);
}
.pomar-home-included__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  align-self:flex-start;
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-medium);
  letter-spacing:.02em;
  text-transform:lowercase;
  border-radius:var(--radius-pill);
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  height:var(--control-h-md);
  padding:0 var(--space-5);
  font-size:var(--text-sm);
  background:var(--sand-050);
  color:var(--clay-800);
  border:1px solid var(--sand-050);
  border-bottom:1px solid var(--sand-050);
  box-sizing:border-box;
}
.pomar-home-included__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--space-3) var(--space-5);
}
.pomar-home-included__list li{
  display:flex;
  gap:var(--space-3);
  align-items:baseline;
  font:var(--type-body);
  color:var(--text-on-dark);
}
.pomar-home-included__icon{
  display:inline-flex;
  width:18px;
  height:18px;
  flex:0 0 auto;
  color:var(--sun-400);
  transform:translateY(3px);
}

@media (max-width: 921px){
  .pomar-home-included__inner{
    grid-template-columns:1fr;
  }
  .pomar-home-included__list{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 599px){
  .pomar-home-included__list{
    grid-template-columns:1fr;
  }
}

.pomar-home-community{
  background:var(--surface-page-alt);
  border-top:1px solid var(--border-subtle);
  border-bottom:1px solid var(--border-subtle);
}
.pomar-home-community__inner{
  max-width:var(--container-max);
  margin:0 auto;
  padding:var(--space-9) var(--space-5);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-8);
  align-items:center;
}
.pomar-home-community__media{
  position:relative;
  margin:0;
  aspect-ratio:4/3;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:var(--sand-300);
  box-shadow:var(--shadow-inset-hairline);
}
.pomar-home-community__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.pomar-home-community__content{
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
}
.pomar-home-community .pomar-eyebrow{
  color:var(--clay-600);
}
.pomar-home-community .pomar-home-community__title{
  margin:0;
  font:var(--type-h2);
  color:var(--text-heading);
}
.pomar-home-community .pomar-home-community__desc{
  margin:0;
  font:var(--type-body-lg);
  color:var(--text-body);
}
.pomar-home-community__highlight{
  font-size:var(--text-lg);
  font-style:italic;
  color:var(--clay-700);
}
.pomar-home-community__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  gap:var(--space-3) var(--space-5);
}
.pomar-home-community__list li{
  display:flex;
  gap:var(--space-3);
  align-items:baseline;
  font:var(--type-body);
  color:var(--text-body);
}
.pomar-home-community__icon{
  display:inline-flex;
  width:18px;
  height:18px;
  flex:0 0 auto;
  color:var(--clay-600);
  transform:translateY(3px);
}
.pomar-home-community__ctas{
  display:flex;
  gap:var(--space-4);
  margin-top:var(--space-2);
}
.pomar-home-community__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-medium);
  letter-spacing:.02em;
  text-transform:lowercase;
  border-radius:var(--radius-pill);
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  height:var(--control-h-md);
  padding:0 var(--space-5);
  font-size:var(--text-sm);
  box-sizing:border-box;
}
.pomar-home-community__cta--solid{
  background:var(--brand);
  color:var(--text-on-brand);
  border:1px solid var(--brand);
}
.pomar-home-community__cta--ghost{
  background:transparent;
  color:var(--brand-strong);
  border:1px solid transparent;
}
.pomar-home-community .pomar-home-community__cta--ghost:hover{
  color:var(--clay-900);
}

@media (max-width: 921px){
  .pomar-home-community__inner{
    grid-template-columns:1fr;
  }
}

.pomar-home-reviews{
  max-width:var(--container-max);
  margin:0 auto;
  padding:var(--space-9) var(--space-5);
}
.pomar-home-reviews__header{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:center;
  align-items:center;
  max-width:var(--container-narrow);
  margin-inline:auto;
  margin-bottom:var(--space-7);
}
.pomar-home-reviews .pomar-home-reviews__title{
  margin:0;
  font:var(--type-h2);
  letter-spacing:var(--tracking-display);
  color:var(--text-heading);
}

/* --- Widget Trustindex (avis Google réels) — restylé pour se rapprocher de la maquette --- */
/* Compromis assumés (cf. doc réglages, section dédiée) : pas de légende métier/ville (donnée
   absente des vrais avis Google), longueur de citation variable avec "Read more" plutôt que des
   citations calibrées à la main, badge Google conservé (attribution honnête de la source).
   Sélecteurs préfixés par #pomar-reviews-widget (id) plutôt que par la classe du wrapper :
   le widget s'initialise en JS après une vraie interaction utilisateur (chargement différé
   constaté), et injecte alors ses propres règles CSS — un préfixe en classe, même répété,
   peut se retrouver à égalité de spécificité avec ce que Trustindex injecte à ce moment-là.
   Un id bat n'importe quelle chaîne de classes, quel que soit l'ordre de chargement. */

#pomar-reviews-widget .ti-widget,
#pomar-reviews-widget .ti-widget .ti-widget-container *{
  font-family:var(--font-body) !important;
}

/* Forcer 3 colonnes desktop, quel que soit le nombre par défaut choisi par le widget
   (constaté : tantôt ti-col-3, tantôt ti-col-4 selon le contexte de rendu) */
#pomar-reviews-widget .ti-widget.ti-goog .ti-widget-container .ti-review-item{
  flex:0 0 33.333% !important;
  max-width:33.333% !important;
}

#pomar-reviews-widget .ti-review-item{
  padding:0 var(--space-3) !important;
  box-sizing:border-box !important;
}
#pomar-reviews-widget .ti-widget.ti-goog .ti-review-item .ti-inner{
  background:var(--sand-050) !important;
  border:1px solid var(--border-subtle) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-xs) !important;
  padding:var(--card-pad) !important;
  height:100% !important;
  box-sizing:border-box !important;
}
#pomar-reviews-widget .ti-review-header{
  margin-bottom:var(--space-3) !important;
}
#pomar-reviews-widget .ti-widget .ti-name{
  font-family:var(--font-display) !important;
  font-weight:var(--weight-semibold) !important;
  font-size:var(--text-sm) !important;
  color:var(--text-heading) !important;
}
#pomar-reviews-widget .ti-date{
  font-size:var(--text-xs) !important;
  color:var(--text-muted) !important;
}
#pomar-reviews-widget .ti-review-text-container{
  font-size:var(--text-md) !important;
  line-height:1.5 !important;
  color:var(--text-body) !important;
}
#pomar-reviews-widget .ti-widget .ti-read-more{
  color:var(--text-link) !important;
  font-family:var(--font-body) !important;
}
#pomar-reviews-widget .ti-next,
#pomar-reviews-widget .ti-prev{
  background:var(--sand-050) !important;
  border:1px solid var(--border-subtle) !important;
  box-shadow:var(--shadow-xs) !important;
}
#pomar-reviews-widget .ti-footer{
  margin-top:var(--space-6) !important;
}
#pomar-reviews-widget .ti-rating-text{
  font-size:var(--text-sm) !important;
  color:var(--text-muted) !important;
}

@media (max-width: 921px){
  #pomar-reviews-widget .ti-widget.ti-goog .ti-widget-container .ti-review-item{
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}

.pomar-home-where{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--space-5) var(--space-9);
}
.pomar-home-where__grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:var(--space-6);
  align-items:stretch;
}
.pomar-home-where__photo{
  position:relative;
  margin:0;
  aspect-ratio:16/9;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:var(--sand-300);
  box-shadow:var(--shadow-inset-hairline);
}
.pomar-home-where__photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.pomar-home-where .pomar-home-where__card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:var(--space-4);
  background:var(--surface-card);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-xs);
  padding:var(--card-pad);
}
.pomar-home-where .pomar-home-where__title{
  margin:0;
  font:var(--type-h3);
  color:var(--text-heading);
}
.pomar-home-where .pomar-home-where__text{
  margin:0;
  font:var(--type-body);
  color:var(--text-body);
}
.pomar-home-where .pomar-home-where__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  align-self:flex-start;
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-medium);
  letter-spacing:.02em;
  text-transform:lowercase;
  border-radius:var(--radius-pill);
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  height:var(--control-h-md);
  padding:0 var(--space-5);
  font-size:var(--text-sm);
  background:transparent;
  color:var(--brand-strong);
  border:1px solid var(--border-brand);
  border-bottom:1px solid var(--border-brand);
  box-sizing:border-box;
}

@media (max-width: 921px){
  .pomar-home-where__grid{
    grid-template-columns:1fr;
  }
  .pomar-home-where__photo{
    aspect-ratio:4/3;
  }
}

.pomar-home-magazine{
  background:var(--surface-page-alt);
  border-top:1px solid var(--border-subtle);
}
.pomar-home-magazine__inner{
  max-width:var(--container-max);
  margin:0 auto;
  padding:var(--space-9) var(--space-5);
}
.pomar-home-magazine__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--space-5);
  margin-bottom:var(--space-7);
}
.pomar-home-magazine__heading{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.pomar-home-magazine .pomar-home-magazine__title{
  margin:0;
  font:var(--type-h2);
  color:var(--text-heading);
}
.pomar-home-magazine .pomar-home-magazine__all{
  font:var(--type-small);
  letter-spacing:.04em;
  color:var(--text-link);
  text-decoration:none;
  border-bottom:none;
  white-space:nowrap;
}
.pomar-home-magazine__grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--space-5);
}
.pomar-home-magazine__card{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  background:var(--surface-card);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-xs);
}
.pomar-home-magazine__cover{
  position:relative;
  display:block;
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--sand-200);
  box-shadow:var(--shadow-inset-hairline);
  border-bottom:none;
}
.pomar-home-magazine__cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.pomar-home-magazine__cover-empty{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--stone-500);
}
.pomar-home-magazine__body{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:0 var(--card-pad) var(--card-pad);
}
.pomar-home-magazine__tag{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:var(--space-2);
  padding:6px var(--space-3);
  border-radius:var(--radius-pill);
  font-family:var(--font-display);
  font-weight:var(--weight-medium);
  font-size:var(--text-sm);
  letter-spacing:.04em;
  white-space:nowrap;
  background:var(--sun-200);
  color:var(--clay-800);
  border:1px solid var(--sun-300);
}
.pomar-home-magazine .pomar-home-magazine__card-title{
  margin:0;
  font:var(--type-h3);
  color:var(--text-heading);
}
.pomar-home-magazine .pomar-home-magazine__card-title a{
  color:inherit;
  text-decoration:none;
  border-bottom:none;
}
.pomar-home-magazine__meta{
  font-size:var(--text-xs);
  color:var(--text-muted);
}

@media (max-width: 921px){
  .pomar-home-magazine__header{
    flex-direction:column;
    align-items:flex-start;
    gap:var(--space-3);
  }
  .pomar-home-magazine__grid{
    grid-template-columns:1fr;
  }
}

.pomar-home-newsletter{
  background:var(--accent);
}
.pomar-home-newsletter__inner{
  max-width:var(--container-max);
  margin:0 auto;
  padding:var(--space-8) var(--space-5);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-8);
  align-items:center;
}
.pomar-home-newsletter__intro{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.pomar-home-newsletter .pomar-home-newsletter__title{
  margin:0;
  font:var(--type-h2);
  color:var(--clay-900);
}
.pomar-home-newsletter .pomar-home-newsletter__text{
  margin:0;
  font:var(--type-body);
  color:var(--clay-800);
}
.pomar-home-newsletter__form{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  max-width:420px;
}
.pomar-home-newsletter__form-title{
  display:block;
  font-size:var(--text-lg);
  color:var(--text-heading);
}
.pomar-home-newsletter__form-sub{
  display:block;
  font:var(--type-small);
  color:var(--text-muted);
}
.pomar-home-newsletter__form-row{
  display:flex;
  gap:var(--space-2);
}
.pomar-home-newsletter__input{
  flex:1 1 0%;
  height:var(--control-h-md);
  padding:0 var(--space-4);
  box-sizing:border-box;
  border-radius:var(--radius-pill);
  border:1px solid var(--border-subtle);
  background:var(--surface-card);
  font-size:var(--text-sm);
  color:var(--text-heading);
  outline:none;
}
.pomar-home-newsletter .pomar-home-newsletter__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:var(--space-2);
  font-family:var(--font-title);
  font-style:italic;
  font-weight:var(--weight-medium);
  letter-spacing:.02em;
  text-transform:lowercase;
  border-radius:var(--radius-pill);
  cursor:pointer;
  white-space:nowrap;
  box-sizing:border-box;
  height:var(--control-h-md);
  padding:0 var(--space-5);
  font-size:var(--text-sm);
  background:var(--brand);
  color:var(--text-on-brand);
  border:1px solid var(--brand);
}
.pomar-home-newsletter__disclaimer{
  display:block;
  font-style:italic;
  font-size:var(--text-xs);
  color:var(--text-muted);
}

@media (max-width: 921px){
  .pomar-home-newsletter__inner{
    grid-template-columns:1fr;
  }
  .pomar-home-newsletter__form{
    max-width:none;
  }
}