/* verre.css : « liquid glass » de référence (repris de studiocanelle.fr).
   À charger après landing.css sur toutes les pages de canelle.fr ; s'utilise avec les classes
   .verre (clair, sur fond sombre) et .verre-sombre (bandeaux, cartes, menus), ou les variables --verre-*. */
:root{
  --verre-clair:radial-gradient(130% 170% at 16% -25%,rgba(255,255,255,.55),rgba(255,255,255,0) 52%),linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
  --verre-sombre:radial-gradient(130% 170% at 16% -40%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(70,70,110,.55),rgba(14,14,26,.40));
  --verre-flou:blur(22px) saturate(2.1) contrast(1.12) brightness(1.1);
  --verre-bord:rgba(255,255,255,.30);
  --verre-relief:inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.12),0 14px 34px -14px rgba(0,0,0,.6);
}
.verre{background:var(--verre-clair);-webkit-backdrop-filter:blur(20px) saturate(2.1) contrast(1.15) brightness(1.15);backdrop-filter:blur(20px) saturate(2.1) contrast(1.15) brightness(1.15);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.85),inset 0 -2px 6px rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px -10px rgba(0,0,0,.6);color:#fff}
.verre-sombre{background:var(--verre-sombre);-webkit-backdrop-filter:var(--verre-flou);backdrop-filter:var(--verre-flou);border:1px solid var(--verre-bord);box-shadow:var(--verre-relief);color:var(--os,#fffdf9)}

/* boutons : verre « loupe » (contour) et reflet sur les boutons pleins, comme studiocanelle.fr */
.hero .btn-contour,.rdv .btn-contour,.pied .btn-contour,.preuves .btn-contour{background:var(--verre-clair);-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.8),inset 0 -2px 6px rgba(255,255,255,.18),0 10px 24px -10px rgba(0,0,0,.6);color:#fff}
.hero .btn-contour:hover,.rdv .btn-contour:hover,.pied .btn-contour:hover,.preuves .btn-contour:hover{background:radial-gradient(130% 170% at 16% -25%,rgba(255,255,255,.7),rgba(255,255,255,0) 55%),linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,.14));border-color:rgba(255,255,255,.75);color:#fff}
.btn-plein,.nav .btn,.entete .btn{background-image:radial-gradient(130% 170% at 16% -25%,rgba(255,255,255,.42),rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.12));box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -2px 5px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.1),0 10px 22px -10px rgba(169,17,53,.8)}
.rdv-calendly{background-image:radial-gradient(130% 170% at 16% -25%,rgba(255,255,255,.4),rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.12));box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -2px 5px rgba(0,0,0,.25),0 10px 22px -10px rgba(0,0,0,.6)}