/* ============================================================
   Lunakraë — Styles communs à toutes les pages
   Structure partagée : largeurs, grilles, menu, animations.
   Modifier une règle ici la modifie sur TOUTES les pages.
   (Les couleurs/espacements propres à chaque page restent
   écrits directement dans les pages.)
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#F3ECE0;color:#2C2620;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'Mulish',sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
::selection{background:#D9C7AE;color:#2C2620}
@keyframes lkFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes lkGlow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
details[open] .lk-faq-plus{transform:rotate(45deg)}
.lk-link-u{position:relative}
.lk-link-u::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:currentColor;transition:width .4s ease}
.lk-link-u:hover::after{width:100%}
.lk-wrap{max-width:1440px;margin:0 auto;padding:0 40px}
.lk-wrap-n{max-width:1440px;margin:0 auto;padding:0 15%}
.lk-desktop-nav{display:flex;align-items:center;gap:30px}
.lk-burger{display:none}
.lk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lk-grid2r{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lk-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lk-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.lk-ctarow{display:flex;gap:16px;flex-wrap:wrap}
.lk-txtimg{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(34px,5vw,64px);align-items:stretch}
@media(max-width:900px){
  .lk-desktop-nav{display:none}
  .lk-burger{display:flex}
  .lk-grid2,.lk-grid2r{grid-template-columns:1fr;gap:36px}
  .lk-grid2r .lk-imgcol{order:-1}
  .lk-grid3{grid-template-columns:1fr;gap:18px}
  .lk-grid4{grid-template-columns:1fr 1fr;gap:14px}
  .lk-txtimg{grid-template-columns:1fr;gap:34px}
  .lk-acts{grid-template-columns:1fr 1fr}
  .lk-wrap,.lk-wrap-n{padding:0 22px}
}
@media(max-width:560px){
  .lk-grid4{grid-template-columns:1fr}
  .lk-acts{grid-template-columns:1fr}
  /* Sur petit telephone, le bouton Reserver de la barre est masque pour
     laisser la place au bouton menu (Reserver reste dans le menu et la page). */
  .lk-hdr-cta{display:none!important}
}
/* Grilles ecrites directement dans les pages : bascule mobile.
   lk-duo = 2 colonnes maintenues (ex. 2 portraits cote a cote)
   lk-cols2 = 2 colonnes qui s'empilent sur telephone (listes)
   lk-deflist = libelle a gauche / valeur a droite, empile sur telephone */
.lk-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lk-cols2{display:grid;grid-template-columns:1fr 1fr}
.lk-deflist{display:grid;grid-template-columns:160px 1fr;gap:20px}
@media(max-width:560px){
  .lk-duo{gap:12px}
  .lk-cols2{grid-template-columns:1fr}
  .lk-deflist{grid-template-columns:1fr;gap:6px}
}
/* Accueil : sur telephone, la photo de devanture passe en version verticale
   (cadree sur l'entree + l'enseigne) pour ne pas etre ecrasee. Sur PC/tablette
   c'est la version large qui reste (definie en style direct dans la page). */
@media(max-width:760px){
  #photo-accueil-hero{
    background-image:url('images/facade-lunkrae-mobile.webp')!important;
    aspect-ratio:1352/1690!important;
  }
}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Reseaux sociaux dans le pied de page */
.lk-social a{display:inline-flex;color:#E7D9C2;transition:color .3s ease,transform .3s ease}
.lk-social a:hover{color:#C7A977;transform:translateY(-2px)}
.lk-social svg{display:block}

/* Tout le texte du site est justifié (les titres restent centrés/inchangés). */
#lk-main p{text-align:justify}