
.lrs-hd.lrs-hd,.lrs-hd__pan.lrs-hd__pan{
  /* le panneau plein écran est un frère de l'en-tête, pas un enfant :
     sans cette déclaration partagée il n'hériterait d'aucun jeton */
  --c:var(--lrs-accent,#E07A4A);--c2:var(--lrs-accent-lit,#E07A4A);--pp:var(--lrs-paper,#F6F1EC);
  --or:var(--lrs-accent-lit,#E07A4A);--nk:var(--lrs-ink,#0D0D0D);--rl:rgba(246,241,236,.12);
  font-family:var(--lrs-text,'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif);
}
.lrs-hd.lrs-hd{--h:82px;--strip:34px;
  position:fixed;top:0;left:0;right:0;z-index:9000;box-sizing:border-box;
  background:rgba(13,13,13,calc(var(--fd,0)*0.95));
  -webkit-backdrop-filter:blur(calc(var(--fd,0)*18px)) saturate(calc(1 + var(--fd,0)*0.3));
  backdrop-filter:blur(calc(var(--fd,0)*18px)) saturate(calc(1 + var(--fd,0)*0.3));
  animation:lrs-hd-pose .5s cubic-bezier(.2,.6,.2,1) both}
.lrs-hd.lrs-hd *{box-sizing:border-box}
.lrs-hd.lrs-hd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,122,74,.45) 18%,rgba(224,122,74,.45) 82%,transparent);
  opacity:0;transition:opacity .3s}
.lrs-hd.lrs-hd.is-small{--h:60px}
body.postid-360741 .lrs-hd.lrs-hd.is-small::after{opacity:1}
@media(min-width:1100px){.lrs-hd.lrs-hd{--h:82px}.lrs-hd.lrs-hd.is-small{--h:62px}}

/* ---------- bandeau de service ---------- */
.lrs-hd__strip.lrs-hd__strip{overflow:hidden;height:var(--strip);border-bottom:1px solid var(--rl);
  transition:height .28s cubic-bezier(.4,0,.2,1),opacity .22s,border-color .28s}
.lrs-hd.lrs-hd.is-small .lrs-hd__strip{height:0;opacity:0;border-color:transparent}
@media(max-width:767px){.lrs-hd.lrs-hd{--strip:0px}.lrs-hd__strip.lrs-hd__strip{display:none}}
/* ---------- lorents-hd-mobile-2026 : barre allegee sous 768 px ----------
   Le bouton Contact de la barre est retire sur mobile : il prenait 96 px
   a cote du logo et du burger, et doublait le CTA Demander mon devis
   du panneau, qui porte le meme lien et le meme evenement dataLayer.
   Contact, Appeler et WhatsApp restent dans le panneau.
   Marges : le panneau plein ecran etait a 18 px quand la barre est a
   16 px (mobile) et 26 px (des 768 px) : ses liens ne s alignaient donc
   ni sur le logo ni sur le burger. On le cale sur la barre. */
@media(max-width:767px){
  .lrs-hd__act.lrs-hd__act .lrs-hd__cta{display:none}
  .lrs-hd__pan.lrs-hd__pan{padding-left:16px;padding-right:16px}
}
@media(min-width:768px){.lrs-hd__pan.lrs-hd__pan{padding-left:26px;padding-right:26px}}
.lrs-hd__sin.lrs-hd__sin{max-width:none;margin:0 auto;padding:0 26px;height:34px;
  display:flex;align-items:center;gap:18px;
  font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:rgba(246,241,236,.5)}
.lrs-hd__sin.lrs-hd__sin em{font-style:normal;color:var(--or)}
.lrs-hd__sin.lrs-hd__sin .lrs-hd__sr{margin-left:auto;display:flex;align-items:center;gap:18px}
.lrs-hd__sin.lrs-hd__sin a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:7px;
  min-height:34px;transition:color .2s}
.lrs-hd__sin.lrs-hd__sin a:hover{color:var(--pp)}
.lrs-hd__sin.lrs-hd__sin a:focus-visible{outline:2px solid var(--c2);outline-offset:2px}
.lrs-hd__sin.lrs-hd__sin svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- barre principale ---------- */
.lrs-hd__in.lrs-hd__in{display:flex;align-items:center;gap:14px;height:var(--h);
  max-width:none;margin:0 auto;padding:0 16px;transition:height .28s cubic-bezier(.4,0,.2,1)}
@media(min-width:768px){.lrs-hd__in.lrs-hd__in{padding:0 26px;gap:22px}}
.lrs-hd__logo.lrs-hd__logo{display:flex;align-items:center;flex:0 0 auto;margin-right:auto;-webkit-tap-highlight-color:transparent}
.lrs-hd__logo.lrs-hd__logo img{display:block;width:auto;height:46px;transition:height .28s cubic-bezier(.4,0,.2,1)}
.lrs-hd.lrs-hd.is-small .lrs-hd__logo img{height:32px}
.lrs-hd__logo.lrs-hd__logo:focus-visible{outline:2px solid var(--c2);outline-offset:5px;border-radius:4px}

/* ---------- navigation ---------- */
.lrs-hd__nav.lrs-hd__nav{display:none}
@media(min-width:1100px){.lrs-hd__nav.lrs-hd__nav{display:flex;align-items:center;gap:2px}}
/* trois fois la classe : le kit porte un html .lrs-hd__nav.lrs-hd__nav a
   a .14em, qui l'emportait sur l'approche du module */
.lrs-hd__nav.lrs-hd__nav.lrs-hd__nav a,.lrs-hd__nav.lrs-hd__nav.lrs-hd__nav button{position:relative;font:inherit;
  font-family:var(--lrs-display,'Montserrat',-apple-system,Arial,sans-serif);
  font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:var(--pp);text-decoration:none;background:none;border:0;cursor:pointer;
  padding:12px 14px;min-height:44px;display:inline-flex;align-items:center;gap:7px;
  transition:color .2s}
.lrs-hd__nav.lrs-hd__nav a,.lrs-hd__nav.lrs-hd__nav button:hover,.lrs-hd__nav.lrs-hd__nav a,.lrs-hd__nav.lrs-hd__nav button:focus,.lrs-hd__nav.lrs-hd__nav a,.lrs-hd__nav.lrs-hd__nav button:focus-visible{border:0;background:none;color:var(--pp)}
/* lrs 2026-09-13 : soulignement des liens de la nav retire (trait ::after et lampe JS) */
.lrs-hd__nav.lrs-hd__nav a:hover,.lrs-hd__nav.lrs-hd__nav button:hover{color:var(--c2)}
/* lrs 2026-09-13 : lien de la page courante et bouton ouvert en orange (ex-trait) */
.lrs-hd__nav.lrs-hd__nav a[aria-current="page"],.lrs-hd__nav.lrs-hd__nav button[aria-expanded="true"]{color:var(--c2)}
.lrs-hd__nav.lrs-hd__nav a:focus-visible,.lrs-hd__nav.lrs-hd__nav button:focus-visible{outline:2px solid var(--c2);outline-offset:2px}
.lrs-hd__nav.lrs-hd__nav button i{display:block;width:5px;height:5px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .24s}
.lrs-hd__nav.lrs-hd__nav button[aria-expanded="true"] i{transform:translateY(1px) rotate(-135deg)}

/* ---------- actions ---------- */
.lrs-hd__act.lrs-hd__act{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.lrs-hd__cta.lrs-hd__cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;color:#fff;white-space:nowrap;
  min-height:44px;padding:12px 20px;border-radius:99px;
  background:linear-gradient(100deg,var(--c),var(--c2));
  box-shadow:0 4px 16px rgba(224,122,74,.28);transition:box-shadow .2s}
.lrs-hd__cta.lrs-hd__cta::before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,#E07A4A,var(--c));opacity:0;transition:opacity .22s}
.lrs-hd__cta.lrs-hd__cta:hover::before{opacity:1}
.lrs-hd__cta.lrs-hd__cta span{position:relative;z-index:1}
.lrs-hd__cta.lrs-hd__cta:hover{box-shadow:0 8px 22px rgba(224,122,74,.4)}
.lrs-hd__cta.lrs-hd__cta:focus-visible{outline:2px solid var(--c2);outline-offset:3px}
@media(max-width:379px){.lrs-hd__cta.lrs-hd__cta{padding:12px 15px;font-size:12.5px}}

.lrs-hd__bg.lrs-hd__bg{width:46px;height:46px;border-radius:12px;border:1px solid var(--rl);
  background:rgba(246,241,236,.04);cursor:pointer;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent;
  transition:border-color .2s}
.lrs-hd__bg.lrs-hd__bg:hover,.lrs-hd__bg.lrs-hd__bg:focus,.lrs-hd__bg.lrs-hd__bg:focus-visible{border-radius:12px;border:1px solid var(--rl);background:rgba(246,241,236,.04)}
@media(min-width:1100px){.lrs-hd__bg.lrs-hd__bg{display:none}}
.lrs-hd__bg.lrs-hd__bg:hover{border-color:var(--c2)}
.lrs-hd__bg.lrs-hd__bg span{display:block;width:18px;height:1.5px;border-radius:2px;background:var(--pp);
  transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .18s}
.lrs-hd__bg.lrs-hd__bg:focus-visible{outline:2px solid var(--c2);outline-offset:2px}
.lrs-hd__bg.lrs-hd__bg[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.lrs-hd__bg.lrs-hd__bg[aria-expanded="true"] span:nth-child(2){opacity:0}
.lrs-hd__bg.lrs-hd__bg[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ---------- méga-panneau ---------- */
.lrs-hd__mega.lrs-hd__mega{display:none;border-top:0;
  background:linear-gradient(180deg,rgba(13,13,13,.985),rgba(13,13,13,.97))}
.lrs-hd__mega.lrs-hd__mega.is-open{display:block;animation:lrs-hd-drop .26s cubic-bezier(.2,.7,.2,1) both}
@keyframes lrs-hd-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.lrs-hd__mg.lrs-hd__mg{max-width:1320px;margin:0 auto;padding:30px 26px 32px;
  display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}
/* la colonne mise en avant demande 300 px a elle seule : en dessous de 1280 px
   les quatre colonnes de liens la pousseraient hors du panneau, on la retire */
@media(min-width:1280px){.lrs-hd__mg.lrs-hd__mg{grid-template-columns:repeat(4,1fr) 300px}}
/* trois fois la classe ET !important : le kit porte un
   html .lrs-hd__mg.lrs-hd__mg h3 a 600, et surtout un
   html h1,html h2,html h3{font-weight:600 !important} qui rattrape tous les
   titres du site — sans !important les colonnes restent en demi-gras */
.lrs-hd__mg.lrs-hd__mg.lrs-hd__mg h3{font-family:var(--lrs-display,'Montserrat',sans-serif);
  font-weight:700 !important;
  font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--pp);margin:0 0 7px;
  padding-bottom:15px;border-bottom:0;position:relative}
/* le separateur n'est plus un filet pleine colonne : un trait blanc sur 15 %.
   Marge basse a 6 px et non 11 : les liens portent deja 5 px de rembourrage
   haut, l'ecart vu de part et d'autre du trait est donc le meme (11 px). */
.lrs-hd__mg.lrs-hd__mg.lrs-hd__mg h3::after{content:"";position:absolute;left:0;bottom:0;
  width:15%;height:1px;background:var(--pp)}
.lrs-hd__mg.lrs-hd__mg a{display:block;font-size:14px;color:var(--pp);text-transform:lowercase;
  text-decoration:none;padding:5px 0;transition:color .18s}
.lrs-hd__mg.lrs-hd__mg a:hover{color:var(--c2)}
.lrs-hd__mg.lrs-hd__mg a:focus-visible{outline:2px solid var(--c2);outline-offset:2px}
/* le titre de colonne est lui-meme un lien vers l'archive de la categorie :
   il doit garder l'allure du titre, pas celle des liens de la colonne */
.lrs-hd__mg.lrs-hd__mg h3 a{display:inline;font:inherit;letter-spacing:inherit;
  text-transform:inherit;color:inherit;padding:0;text-decoration:none}
.lrs-hd__mg.lrs-hd__mg h3 a:hover{color:var(--c2)}
/* la vignette mise en avant reprend le dessin des cartes du site (kit,
   body.archive.category) : cadre 16 px a 24 px de marge interieure, media 4/3
   plein-bord, titre 19 px en bas de casse, chapeau a 72 % d'opacite.
   Trois fois la classe : .lrs-hd__mg a (deux classes + un type) l'emporterait
   sinon et rendrait la carte avec la mise en forme des liens de colonne. */
.lrs-hd__ft.lrs-hd__ft.lrs-hd__ft{display:block;align-self:start;padding:24px;
  background:rgba(246,241,236,.04);border:1px solid rgba(246,241,236,.14);
  border-radius:16px;overflow:hidden;text-decoration:none;
  transition:border-color .3s ease,box-shadow .28s ease}
.lrs-hd__ft.lrs-hd__ft:hover{border-color:rgba(224,122,74,.6);
  box-shadow:var(--lrs-neon,0 0 16px rgba(224,122,74,.35))}
.lrs-hd__ft.lrs-hd__ft:focus-visible{outline:2px solid var(--c2);outline-offset:3px}
/* le media annule la marge interieure pour aller au bord, comme sur les cartes
   d'archive ; l'optimiseur d'images enveloppe la balise dans un picture, les
   deux sont donc cales sur le cadre */
.lrs-hd__ftm.lrs-hd__ftm{position:relative;display:block;width:calc(100% + 48px);
  margin:-24px -24px 16px;aspect-ratio:4/3;overflow:hidden;
  border-radius:15px 15px 0 0;background:#17120F}
.lrs-hd__ftm.lrs-hd__ftm img,.lrs-hd__ftm.lrs-hd__ftm picture{position:absolute;inset:0;
  display:block;width:100%;height:100%;object-fit:cover}
.lrs-hd__ftm.lrs-hd__ftm img{transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.lrs-hd__ft.lrs-hd__ft:hover .lrs-hd__ftm img{transform:scale(1.05)}
/* meme garde que pour la top bar : le kit fige toute transition du header */
.lrs-hd.lrs-hd .lrs-hd__ft.lrs-hd__ft{
  transition:border-color .3s ease,box-shadow .28s ease !important}
.lrs-hd.lrs-hd .lrs-hd__ftm.lrs-hd__ftm img{
  transition:transform .7s cubic-bezier(.2,.6,.2,1) !important}
.lrs-hd__ftx.lrs-hd__ftx{display:block;padding:0;margin:0;width:auto}
/* trois fois la classe : la couche typographique du kit porte un
   html .lrs-hd__ftx.lrs-hd__ftx b a 600 et .01em, calibre sur l'ancien dessin
   de vignette ; la carte du site demande 800 et une approche normale */
.lrs-hd__ftx.lrs-hd__ftx.lrs-hd__ftx b{display:block;margin:0 0 10px;
  font-family:var(--lrs-display,'Montserrat',sans-serif);font-weight:800;
  font-size:19px;line-height:1.28;letter-spacing:normal;
  text-transform:lowercase;color:#F6F1EC;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lrs-hd__ftx.lrs-hd__ftx em{display:block;font-style:normal;margin:0;
  font-size:14px;line-height:1.55;letter-spacing:normal;text-transform:none;
  color:rgba(246,241,236,.72)}
@media(prefers-reduced-motion:reduce){
  .lrs-hd.lrs-hd .lrs-hd__ft.lrs-hd__ft,
  .lrs-hd.lrs-hd .lrs-hd__ftm.lrs-hd__ftm img{transition:none !important}
  .lrs-hd__ft.lrs-hd__ft:hover .lrs-hd__ftm img{transform:none}}
@media(max-width:1279px){.lrs-hd__ft.lrs-hd__ft{display:none !important}}

/* ---------- panneau plein écran ---------- */
.lrs-hd__pan.lrs-hd__pan{position:fixed;inset:0;z-index:8999;display:flex;flex-direction:column;
  background:var(--lrs-ink,#0D0D0D);box-sizing:border-box;
  padding:calc(var(--lrs-hd-h,82px) + 12px) 18px calc(24px + env(safe-area-inset-bottom));
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .24s ease,transform .24s ease,visibility .24s}
.lrs-hd__pan.lrs-hd__pan *{box-sizing:border-box}
.lrs-hd__pan.lrs-hd__pan.is-open{opacity:1;visibility:visible;transform:none}
/* Menu ouvert : le panneau passe au-dessus de la banniere de consentement
   (Complianz est a z-index:99999). Sans cela, au premier passage, la
   banniere recouvre Realisations, Espace mariage, Contact et le CTA.
   L'en-tete repasse juste au-dessus pour que la croix reste cliquable.
   Panneau ferme, on retombe sur les valeurs d'origine (8999 / 9000). */
.lrs-hd__pan.lrs-hd__pan.is-open{z-index:100000}
.lrs-hd.lrs-hd.is-menu{z-index:100001}
@media(min-width:1100px){.lrs-hd__pan.lrs-hd__pan{display:none}}
.lrs-hd__pan.lrs-hd__pan a{color:var(--lrs-paper,#F6F1EC);text-decoration:none}
.lrs-hd__l.lrs-hd__l{display:flex;align-items:center;justify-content:space-between;
  font-family:var(--lrs-display,'Montserrat',sans-serif);font-weight:700;
  font-size:23px;letter-spacing:-.02em;padding:16px 0;min-height:56px;
  border-bottom:1px solid rgba(246,241,236,.09)}
.lrs-hd__l.lrs-hd__l::after{content:"";width:8px;height:8px;border-right:2px solid rgba(246,241,236,.38);
  border-bottom:2px solid rgba(246,241,236,.38);transform:rotate(-45deg)}
.lrs-hd__pan.lrs-hd__pan details{border-bottom:1px solid rgba(246,241,236,.09)}
.lrs-hd__pan.lrs-hd__pan summary{list-style:none;cursor:pointer;position:relative;padding:16px 34px 16px 0;
  min-height:56px;display:flex;align-items:center;
  font-family:var(--lrs-display,'Montserrat',sans-serif);font-weight:700;
  font-size:23px;letter-spacing:-.02em;color:var(--lrs-paper,#F6F1EC);
  -webkit-tap-highlight-color:transparent}
.lrs-hd__pan.lrs-hd__pan summary::-webkit-details-marker{display:none}
.lrs-hd__pan.lrs-hd__pan summary::after{content:"";position:absolute;right:5px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--c2);border-bottom:2px solid var(--c2);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s}
.lrs-hd__pan.lrs-hd__pan details[open] > summary::after{transform:translateY(-30%) rotate(-135deg)}
.lrs-hd__sub.lrs-hd__sub{padding:2px 0 16px}
.lrs-hd__sub.lrs-hd__sub h3{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--or);
  margin:16px 0 2px;font-weight:700}
.lrs-hd__sub.lrs-hd__sub a{display:block;font-size:15.5px;padding:11px 0;min-height:44px;
  color:var(--pp);text-transform:lowercase}
.lrs-hd__sub.lrs-hd__sub h3 a{display:inline-block;font:inherit;letter-spacing:inherit;
  text-transform:inherit;color:inherit;padding:8px 0;min-height:0;text-decoration:none}
.lrs-hd__sub.lrs-hd__sub h3 a:hover{color:var(--c2)}
/* Second niveau : une famille de prestations est un accordeon a son tour.
   A plat, les 20 liens poussaient Realisations / Espace mariage / Contact
   et le CTA a 1637 px, soit deux ecrans de defilement. Replie par famille,
   le menu complet tient a nouveau sur un ecran.
   L'attribut name= rend les familles mutuellement exclusives sans JS ;
   la ou il n'est pas connu, plusieurs familles peuvent s'ouvrir, sans plus. */
.lrs-hd__fam.lrs-hd__fam{border-bottom:1px solid rgba(246,241,236,.07)}
.lrs-hd__fam.lrs-hd__fam:last-child{border-bottom:0}
.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam>summary{min-height:48px;padding:12px 30px 12px 0;
  font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--or)}
.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam>summary::after{width:7px;height:7px;right:7px}
.lrs-hd__fl.lrs-hd__fl{padding:0 0 8px}
.lrs-hd__pan.lrs-hd__pan a:focus-visible,.lrs-hd__pan.lrs-hd__pan summary:focus-visible{outline:2px solid var(--c2);outline-offset:2px;border-radius:4px}
.lrs-hd__foot.lrs-hd__foot{margin-top:auto;padding-top:26px}
.lrs-hd__foot.lrs-hd__foot .lrs-hd__cta{width:100%;min-height:54px;font-size:15px}
.lrs-hd__dir.lrs-hd__dir{display:flex;gap:10px;margin-top:10px}
.lrs-hd__dir.lrs-hd__dir a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;
  border-radius:99px;border:1px solid var(--rl);background:rgba(246,241,236,.04);font-size:14px;font-weight:500}
.lrs-hd__dir.lrs-hd__dir svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lrs-hd__inf.lrs-hd__inf{margin-top:18px;padding-top:16px;border-top:1px solid var(--rl);
  font-size:12.5px;line-height:1.75;color:rgba(246,241,236,.45)}
.lrs-hd__inf.lrs-hd__inf b{color:var(--or);font-weight:600}
@media(prefers-reduced-motion:reduce){
  .lrs-hd.lrs-hd,.lrs-hd__in.lrs-hd__in,.lrs-hd__strip.lrs-hd__strip,.lrs-hd__logo.lrs-hd__logo img,.lrs-hd__pan.lrs-hd__pan,.lrs-hd__bg.lrs-hd__bg span{transition:none}
  .lrs-hd__mega.lrs-hd__mega.is-open{animation:none}
}

/* ---------- header dynamique : entree en scene ---------- */
@media(min-width:1100px){.lrs-hd__nav.lrs-hd__nav{position:relative}}
@keyframes lrs-hd-pose{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){
  .lrs-hd.lrs-hd{animation:none}}

/* la fermeture de la top bar et le compactage doivent GLISSER : des gardes
   anti-transition (dont un transition:none !important global sur
   .elementor-location-header *) les figeaient -> surcharge plus specifique */
.lrs-hd.lrs-hd .lrs-hd__strip.lrs-hd__strip{
  transition:height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,
  border-color .3s ease !important}
.lrs-hd.lrs-hd .lrs-hd__in.lrs-hd__in{
  transition:height .3s cubic-bezier(.4,0,.2,1) !important}
.lrs-hd.lrs-hd .lrs-hd__logo.lrs-hd__logo img{
  transition:height .3s cubic-bezier(.4,0,.2,1) !important}
@media(prefers-reduced-motion:reduce){
  .lrs-hd.lrs-hd .lrs-hd__strip.lrs-hd__strip,
  .lrs-hd.lrs-hd .lrs-hd__in.lrs-hd__in,
  .lrs-hd.lrs-hd .lrs-hd__logo.lrs-hd__logo img{transition:none !important}}
/* lrs: en-tete une seule barre (12/09/2026) : le bandeau de service est retire a toutes les largeurs ; horaires et WhatsApp restent dans le panneau et la barre fixe, le telephone devient un bouton d'action */.lrs-hd.lrs-hd{--strip:0px}.lrs-hd__strip.lrs-hd__strip{display:none}@media(min-width:768px){html body{padding-top:82px}}/* lrs 2026-09-14 : bouton telephone retire de la barre, CTA renomme Contact */
/* lrs-hd-logo-mobile 2026-09-14 : logo mobile aere (demande client : il etait tres serre).
   Sous 768 px, logo de 40 px de haut au repos (21 px au-dessus et au-dessous dans la barre de 82 px)
   et de 32 px en barre compacte (14 px dans 60 px, il n en restait que 4) ; gouttiere de la barre
   portee de 16 a 20 px, et panneau plein ecran cale dessus (sa regle a 16 px, plus haut, etait
   battue par le padding de base a 18 px declare apres elle). Bat la hauteur de 52 px !important
   du kit 349007 (bloc logo HD du 11 septembre), qui reste ecrite. La largeur suit le rapport du
   fichier : 119 px au repos, 95 px en compact. Barre, body et heros inchanges (82 et 60 px). */
@media(max-width:767px){
  html body .lrs-hd.lrs-hd .lrs-hd__logo.lrs-hd__logo img{height:40px !important}
  html body .lrs-hd.lrs-hd.is-small .lrs-hd__logo.lrs-hd__logo img{height:32px !important}
  .lrs-hd.lrs-hd .lrs-hd__in.lrs-hd__in{padding-left:20px;padding-right:20px}
  .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan{padding-left:20px;padding-right:20px}
}

/* lrs-hd-pan-tablette 2026-09-14 : panneau plein ecran aligne sur la barre en tablette (demande client).
   De 768 a 1099 px (le panneau est masque des 1100 px), marges laterales portees de 18 a 26 px, comme
   la barre : le contenu du menu ouvert demarre au bord du logo. La regle a 26 px plus haut etait battue
   par le padding de base a 18 px declare apres elle. */
@media(min-width:768px){
  .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan{padding-left:26px;padding-right:26px}
}

/* lrs-hd-pan-capitales 2026-09-15 : panneau plein ecran (demande client).
   1. Liens de premier niveau en capitales, comme la nav du bureau ; approche ouverte a .04em
      (le kit pose .01em, trop serre en capitales).
   2. Familles du sous-menu Prestations en papier ; seule la famille ouverte reste en orange.
   3. Au survol, et en permanence sur la famille ouverte, un trait de 10 px entre par la gauche
      et pousse le libelle vers la droite. L extrait WPCode 363620 gele les transitions sous
      .elementor-location-header hors a et button : on les redit en !important, plus lourd. */
html .lrs-hd__l.lrs-hd__l.lrs-hd__l,
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan > nav > details > summary{
  text-transform:uppercase;letter-spacing:.04em}
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary{color:var(--pp)}
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam[open] > summary{color:var(--or)}
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary::after{
  border-right-color:currentColor;border-bottom-color:currentColor;opacity:.45}
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam[open] > summary::after{opacity:1}
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary::before{
  content:"";flex:0 0 auto;width:0;height:1.5px;margin-right:0;background:var(--or)}
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary:focus-visible::before,
html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam[open] > summary::before{width:10px;margin-right:10px}
@media(hover:hover){
  html .lrs-hd__pan.lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary:hover::before{width:10px;margin-right:10px}
}
html body .elementor-location-header .lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary{
  transition:color .3s ease !important}
html body .elementor-location-header .lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary::before{
  transition:width .35s cubic-bezier(.22,.61,.36,1),margin-right .35s cubic-bezier(.22,.61,.36,1) !important}
html body .elementor-location-header .lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary::after{
  transition:transform .22s,opacity .3s !important}
@media(prefers-reduced-motion:reduce){
  html body .elementor-location-header .lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary,
  html body .elementor-location-header .lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary::before,
  html body .elementor-location-header .lrs-hd__pan.lrs-hd__pan .lrs-hd__fam > summary::after{transition:none !important}
}

/* lrs-hd-esp v2 2026-09-15 17 h 15 (remplace l interrupteur, accord client) : pastille-lien entre le site
   et l espace mariages. Sur le site : filet or clair, alliances + MARIAGES, vers la page 360741.
   Sur la page mariages (classe is-mariages posee par le script) : pastille encre, fleche + LE SITE LORENTS,
   vers la derniere page du site vue dans l onglet (accueil a defaut).
   Barre des 1100 px, haut du panneau plein ecran en dessous.
   L extrait WPCode 363620 fige les transitions sous l en-tete : elles sont redites en !important. */
.lrs-hd__esp.lrs-hd__esp.lrs-hd__esp{display:none;align-items:center;justify-content:center;gap:9px;
  flex:0 0 auto;box-sizing:border-box;margin:0;height:40px;padding:0 18px;
  border:1px solid rgba(217,197,143,.55);border-radius:99px;background:rgba(184,163,106,.08);
  color:#D9C58F;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;
  font-family:var(--lrs-display,'Montserrat',-apple-system,Arial,sans-serif);
  font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}
@media(min-width:1100px){.lrs-hd .lrs-hd__esp.lrs-hd__esp.lrs-hd__esp{display:inline-flex}}
.lrs-hd__pan .lrs-hd__esp.lrs-hd__esp.lrs-hd__esp{display:flex;width:100%;height:50px;margin:0 0 10px;font-size:12px}
.lrs-hd__esp.lrs-hd__esp .lrs-hd__esp-i{display:block;width:17px;height:17px;flex:0 0 auto;
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lrs-hd__esp.lrs-hd__esp:not(.is-mariages) .lrs-hd__esp-i--si,
.lrs-hd__esp.lrs-hd__esp:not(.is-mariages) .lrs-hd__esp-l--si,
.lrs-hd__esp.lrs-hd__esp.is-mariages .lrs-hd__esp-i--ma,
.lrs-hd__esp.lrs-hd__esp.is-mariages .lrs-hd__esp-l--ma{display:none}
.lrs-hd__esp.lrs-hd__esp.lrs-hd__esp:hover{color:#F6F1EC;border-color:#D9C58F;background:rgba(184,163,106,.2)}
.lrs-hd__esp.lrs-hd__esp.lrs-hd__esp:focus-visible{outline:2px solid #D9C58F;outline-offset:3px}
.lrs-hd__esp.lrs-hd__esp:hover .lrs-hd__esp-i--si{transform:translateX(-2px)}
html body.postid-360741 .lrs-hd__esp.lrs-hd__esp.lrs-hd__esp{color:#F6F1EC;background:#2B2723;border-color:#2B2723}
html body.postid-360741 .lrs-hd__esp.lrs-hd__esp.lrs-hd__esp:hover{background:#7A6A38;border-color:#7A6A38}
html body.postid-360741 .lrs-hd__esp.lrs-hd__esp.lrs-hd__esp:focus-visible{outline-color:#7A6A38}
html body .elementor-location-header .lrs-hd__esp.lrs-hd__esp{
  transition:color .2s ease,background-color .2s ease,border-color .2s ease !important}
html body .elementor-location-header .lrs-hd__esp.lrs-hd__esp .lrs-hd__esp-i{transition:transform .25s ease !important}
@media(prefers-reduced-motion:reduce){
  html body .elementor-location-header .lrs-hd__esp.lrs-hd__esp,
  html body .elementor-location-header .lrs-hd__esp.lrs-hd__esp .lrs-hd__esp-i{transition:none !important}
}
/* lrs-hd-droite 2026-09-15 16 h 55 (demande client, remplace le centrage) : des 1100 px, logo a gauche,
   tout le reste range a droite dans cet ordre : Prestations, Realisations, L agence, interrupteur,
   icone Contact. Le lien Espace mariage quitte la barre (l interrupteur y mene) ; il reste dans le panneau.
   La barre reste en flex : le logo porte margin-right:auto. */
@media(min-width:1100px){
  .lrs-hd__nav.lrs-hd__nav.lrs-hd__nav a,
  .lrs-hd__nav.lrs-hd__nav.lrs-hd__nav button{white-space:nowrap}
}
/* 1100 a 1279 px : menu a 13,5 px, marges des liens et ecarts resserres */
@media(min-width:1100px) and (max-width:1279px){
  .lrs-hd.lrs-hd .lrs-hd__in.lrs-hd__in{gap:14px}
  .lrs-hd__nav.lrs-hd__nav.lrs-hd__nav a,
  .lrs-hd__nav.lrs-hd__nav.lrs-hd__nav button{padding-left:9px;padding-right:9px;font-size:13.5px}
  .lrs-hd .lrs-hd__esp.lrs-hd__esp.lrs-hd__esp{padding:0 14px;letter-spacing:.1em}
}

/* lrs-hd-contact 2026-09-15 : le bouton Contact de la barre devient une icone bulle.
   Meme gabarit que le bouton menu (46 px, rayon 12), bulle au trait, trois points pleins,
   pastille --or (orange sur le site, or sur la page mariages) en haut a droite cerclee de la couleur de fond (--nk).
   16/09/2026 (demande client) : ni filet ni fond, et plus de soulevement au survol -- seule la couleur change. Classe lrs-b-non : le systeme de boutons
   (lorents-boutons.php) n y pose pas son icone. */
.lrs-hd__ct.lrs-hd__ct{position:relative;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;box-sizing:border-box;width:46px;height:46px;border-radius:12px;
  border:0;background:none;color:var(--pp);text-decoration:none;
  -webkit-tap-highlight-color:transparent}
/* lrs-hd-ct-enveloppe 2026-09-18 (demande client) : la bulle a trois points se
   lisait comme une notification, et la pastille orange du coin l appuyait.
   Enveloppe au trait, sans pastille. Le dessin est peint par le CSS, donc en
   currentColor : l en-tete clair de la page mariages le suit. La regle mord
   aussi le SVG monte par lottie -- un attribut de presentation cede devant
   n importe quelle regle. */
.lrs-hd__ct.lrs-hd__ct .lrs-hd__ct-i{display:block;width:22px;height:22px}
.lrs-hd__ct.lrs-hd__ct svg{display:block;width:22px;height:22px;overflow:visible}
.lrs-hd__ct.lrs-hd__ct svg rect,
.lrs-hd__ct.lrs-hd__ct svg path{fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.lrs-hd__ct.lrs-hd__ct:hover{color:var(--or)}
.lrs-hd__ct.lrs-hd__ct:focus-visible{outline:2px solid var(--c2);outline-offset:2px}
html body .elementor-location-header .lrs-hd__ct.lrs-hd__ct{transition:color .2s ease !important}
@media(prefers-reduced-motion:reduce){
  html body .elementor-location-header .lrs-hd__ct.lrs-hd__ct,
  html body .elementor-location-header .lrs-hd__ct.lrs-hd__ct svg{transition:none !important}
}
/* 15/09 16 h 50 (demande client) : l icone reste visible sous 768 px, a cote du bouton menu. */

/* lrs-hd-ordre-ct-esp 2026-09-16 (demande client) : Contact avant Mariages dans la barre.
   L interrupteur est dans .lrs-hd__act (ecart 9 px) : 13 px de plus redonnent les 22 px d avant. */
@media(min-width:1100px){.lrs-hd__act.lrs-hd__act > .lrs-hd__esp{margin-left:13px}}
