/* v1.6.0 : boutons de réservation visibles — Snazzy Digital Agency
   Piloté par la classe body : snc-cta-discret (maquette) / snc-cta-visible / snc-cta-fort.
   Tout est additif : les gabarits inline ne changent pas, on surcharge par classe. */

/* --- 1. Fin de section : le lien souligné devient un bouton plein brun --- */
.snc-cta-visible .snc-cta-line,
.snc-cta-fort .snc-cta-line{
  background:#5E3B2B !important;color:#F7F4F1 !important;
  border-bottom:0 !important;border-radius:100px;
  padding:17px 28px !important;gap:16px !important;
  font-size:10.5px !important;letter-spacing:.22em !important;
  box-shadow:0 18px 38px -18px rgba(94,59,43,.65);
  transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,background .35s ease;
}
.snc-cta-visible .snc-cta-line:hover,
.snc-cta-fort .snc-cta-line:hover{background:#4A2E21 !important;transform:translateY(-2px);box-shadow:0 24px 44px -18px rgba(94,59,43,.75)}
.snc-cta-visible .snc-cta-line svg,
.snc-cta-fort .snc-cta-line svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.snc-cta-visible .snc-cta-line:hover svg,
.snc-cta-fort .snc-cta-line:hover svg{transform:translateX(4px)}
/* Sur fond brun (bande, pied de page) : bouton crème */
.snc-cta-visible .snc-cta-line[data-tone="fonce"],
.snc-cta-fort .snc-cta-line[data-tone="fonce"]{background:#F7F4F1 !important;color:#5E3B2B !important;box-shadow:0 18px 38px -18px rgba(0,0,0,.5)}
.snc-cta-visible .snc-cta-line[data-tone="fonce"]:hover,
.snc-cta-fort .snc-cta-line[data-tone="fonce"]:hover{background:#D8B7B1 !important;color:#4A2E21 !important}

/* --- 2. En-tête : « Réserver » devient un vrai bouton rose --- */
.snc-cta-visible [data-mq="reserve"],
.snc-cta-fort [data-mq="reserve"]{
  background:#D8B7B1 !important;color:#4A2E21 !important;
  border-bottom:0 !important;border-radius:100px;
  padding:12px 20px !important;margin-left:6px;
  font-size:10px !important;letter-spacing:.24em !important;
  transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.snc-cta-visible [data-mq="reserve"]:hover,
.snc-cta-fort [data-mq="reserve"]:hover{background:#5E3B2B !important;color:#F7F4F1 !important;transform:translateY(-1px)}

/* --- 3. Barre collante (niveau « fort » uniquement) --- */
.snc-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:118;
  background:#5E3B2B;color:#F7F4F1;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px clamp(16px,4vw,56px);
  padding-bottom:max(12px,env(safe-area-inset-bottom));
  box-shadow:0 -18px 40px -24px rgba(51,32,26,.6);
  transform:translateY(110%);opacity:0;
  transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s ease;
}
.snc-sticky.is-on{transform:none;opacity:1}
.snc-sticky-txt{display:flex;align-items:baseline;gap:14px;min-width:0;font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(14px,1.6vw,18px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snc-sticky-txt em{font-style:italic;font-weight:400;color:#D8B7B1}
.snc-sticky-sur{font-family:'Manrope',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:rgba(247,244,241,.6)}
.snc-sticky-btn{
  flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;
  background:#F7F4F1;color:#5E3B2B;padding:0 22px;border-radius:100px;
  font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;
  transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.snc-sticky-btn:hover{background:#D8B7B1;color:#4A2E21;transform:translateY(-1px)}
.snc-sticky-close{
  flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  background:none;border:1px solid rgba(247,244,241,.3);border-radius:50%;color:#F7F4F1;cursor:pointer;padding:0;
  transition:background .3s ease,transform .45s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent;
}
.snc-sticky-close:hover{background:rgba(247,244,241,.14);transform:rotate(90deg)}
/* La barre pousse le bouton flottant rond au-dessus d'elle */
.snc-sticky-on [data-fab]{bottom:calc(clamp(14px,2.4vw,30px) + 68px) !important}
/* v1.6.1 : mobile — la pastille tournante (illisible en petit) laisse place à la barre */
@media (max-width:920px){
  .snc-cta-fort [data-fab]{display:none !important}
}
@media (max-width:640px){
  .snc-sticky{gap:10px;padding-left:14px;padding-right:14px}
  .snc-sticky-sur{display:none}
  .snc-sticky-txt{font-size:13px}
  .snc-sticky-btn{padding:0 16px;font-size:9.5px;min-height:40px}
  .snc-sticky-btn svg{display:none}
}
@media (prefers-reduced-motion:reduce){
  .snc-sticky,.snc-cta-line,[data-mq="reserve"]{transition:none !important}
}

/* v2.2.0 : landing — en-tête épuré */
.snc-landing .snc-landing-cta{transition:background .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.snc-landing .snc-landing-cta:hover{background:#4A2E21 !important;transform:translateY(-1px)}
@media (max-width:640px){.snc-landing .snc-landing-cta{padding:11px 16px !important;font-size:9px !important;letter-spacing:.18em !important}}
