/* =========================================================================
   WEBCRAFT — atelier-corrections.css · 2026
   Correctifs de mise en page de l'accueil, sans toucher au design.
   1. Le plan (contenu) ne peut pas être comprimé par la grille : fini la
      colonne de 29 px, le contenu occupe toute la largeur restante.
   2. Révélations : une section déjà à l'écran est visible même si
      l'observateur ne se déclenche pas (filet de sécurité).
   3. Filigranes 01 / 02 / 03 : jamais rognés au bord droit.
   ========================================================================= */

/* ---------- 1. Coquille : rail fixe + plan élastique ---------- */
.shell{
  grid-template-columns: var(--rail-occupe, clamp(228px,15.5vw,296px)) minmax(0,1fr);
}
.shell > .plan,
.shell > main,
.shell > .contenu{
  min-width: 0;
  width: auto;
  max-width: none;
  grid-column: 2;
}

/* Le voile du menu mobile est un calque, pas un élément de la grille */
.shell > .voile{
  position: fixed;
  inset: 0;
  height: 0;
  grid-column: 1 / -1;
  grid-row: 1;
  pointer-events: none;
}
body.menu-ouvert .shell > .voile{
  height: auto;
  pointer-events: auto;
}

/* ---------- 2. Logo de marque : proportions d'origine (225 x 54 px) ---------- */
.rail__marque,
.bandeau .rail__marque{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: none;
}
.rail__marque img{
  width: auto;
  height: clamp(22px, 2.1vw, 30px);
  max-width: 100%;
  object-fit: contain;
}
.rail__lieu{
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--doux);
}

/* ---------- 3. Bouton du rail et pictos ---------- */
.rail__cta,
a.rail__cta{
  background: var(--encre);
  color: #fff !important;
}
.rail__cta .fleche{color:#fff}

.carte-service__icone,
.valeur__icone{
  background: var(--degrade);
  box-shadow: 0 14px 26px rgba(12,12,16,.18);
  border-radius: 14px;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 0;
}
.carte-service__icone img,
.valeur__icone img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(2.4);
  filter: brightness(0) invert(1);
}

/* ---------- 4. Filigranes : jamais coupés par le bord droit ---------- */
.filigrane{
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
}
@media (min-width: 981px){
  .filigrane{
    right: auto;
    left: auto;
    text-align: right;
    padding-right: .04em;
  }
}

/* ---------- 5. Filet de sécurité des révélations ---------- */
@media (prefers-reduced-motion: reduce){
  .mv{opacity:1 !important;transform:none !important}
}