/* ==========================================================================
   Verre liquide — premier système « esprit Apple »
   Panneaux translucides à reflet, fond en dégradé doux, grands arrondis,
   mouvements à ressort. Chargé après le CSS de chaque page.
   ========================================================================== */

/* Fond : blanc. Le volume vient des ombres et des reflets, pas d'un fond coloré. */
.le-contact,.le-faq,.le-about{background:#fff}
.le-contact .lc-wrap,.le-faq .lf-wrap{position:relative;z-index:1}

/* Blocs : surface claire à reflet, bord fin, ombre portée nette */
.le-contact .lc-card,.le-contact .lc-link,
.le-faq .lf-item,.le-faq .lf-tab:not(.is-active),
.le-about .la-value,.le-about .la-modes li,.le-about .la-tip,.le-about .la-chip{
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F7FB 100%) !important;
  border:1px solid rgba(15,36,64,.07) !important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(15,36,64,.03),0 2px 4px rgba(15,36,64,.05),0 10px 24px rgba(15,36,64,.08),0 28px 56px rgba(15,36,64,.07) !important}
.le-faq .lf-tab:not(.is-active),.le-about .la-chip{box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(15,36,64,.05),0 6px 14px rgba(15,36,64,.07) !important}

/* Verre : éléments internes plus légers */
.le-contact .lc-channel,.le-contact .lc-dest:not(.is-active){
  background:#fff !important;border:1px solid rgba(15,36,64,.06);
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(15,36,64,.04),0 8px 18px rgba(15,36,64,.08)}
.le-contact .lc-channel--whatsapp .lc-channel-icon{background:linear-gradient(180deg,#2B5594,#17335C);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.le-contact .lc-input,.le-contact .lc-select select{background:#F2F5F9 !important;border:1px solid rgba(15,36,64,.09) !important;
  box-shadow:inset 0 2px 4px rgba(15,36,64,.06),0 1px 0 rgba(255,255,255,.9) !important}
.le-contact .lc-input:focus,.le-contact .lc-select select:focus{background:#fff !important;box-shadow:inset 0 1px 3px rgba(15,36,64,.05),0 0 0 4px rgba(14,99,201,.16) !important}
.le-contact .lc-social,.le-contact .lc-channel-go,.le-contact .lc-link-icon,.le-contact .lc-channel-icon:not(.x){backdrop-filter:blur(8px)}

/* Reflet spéculaire sur les grands panneaux */
.le-contact .lc-card,.le-faq .lf-cta{position:relative}
.le-contact .lc-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 30%)}
.le-contact .lc-card > *{position:relative}
.le-faq .lf-cta,.le-about .la-cta{border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.08),0 28px 70px rgba(15,36,64,.28)}
.le-faq .lf-cta::after,.le-about .la-cta::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 38%)}

/* Boutons « liquides » */
.le-contact .lc-btn--primary,.le-about .la-btn--primary{
  background:linear-gradient(180deg,#2D5A9C 0%,#17335C 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 6px rgba(8,18,34,.25),0 12px 28px rgba(23,51,92,.35) !important}
.le-contact .lc-btn--primary:hover,.le-about .la-btn--primary:hover{background:linear-gradient(180deg,#3463AA 0%,#1B3C6B 100%) !important}
.le-faq .lf-btn--light,.le-about .la-btn--light{box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(8,18,34,.25)}
.le-faq .lf-btn--outline,.le-about .la-btn--outline{background:rgba(255,255,255,.08) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}

/* Mouvement : ressort doux + entrée en douceur */
.le-contact .lc-card,.le-contact .lc-link,.le-faq .lf-item,.le-about .la-value,.le-about .la-tip,.le-about .la-modes li,
.le-contact .lc-btn,.le-about .la-btn,.le-faq .lf-btn,.le-contact .lc-channel,.le-contact .lc-social{transition:transform .45s cubic-bezier(.2,.9,.3,1.25),box-shadow .3s ease,background .25s ease,border-color .25s ease}
.le-contact .lc-link:hover,.le-about .la-value:hover,.le-about .la-tip:hover{transform:translateY(-4px) scale(1.01)}
.le-contact .lc-btn:active,.le-about .la-btn:active,.le-faq .lf-btn:active,.le-contact .lc-dest:active{transform:scale(.97)}
.le-faq .lf-item.is-open{background:#fff !important;border-color:rgba(30,58,102,.16) !important;box-shadow:inset 0 1px 0 #fff,0 3px 6px rgba(15,36,64,.06),0 16px 36px rgba(15,36,64,.12),0 36px 70px rgba(15,36,64,.08) !important}
@keyframes lg-rise{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.le-contact .lc-side .lc-card{animation:lg-rise .7s cubic-bezier(.2,.9,.3,1) both}
.le-contact .lc-main .lc-card{animation:lg-rise .7s .08s cubic-bezier(.2,.9,.3,1) both}
.le-contact .lc-links{animation:lg-rise .7s .16s cubic-bezier(.2,.9,.3,1) both}
.le-faq .lf-cta{animation:lg-rise .7s cubic-bezier(.2,.9,.3,1) both}
.le-faq .lf-group{animation:lg-rise .7s .06s cubic-bezier(.2,.9,.3,1) both}

@media (prefers-reduced-motion:reduce){
  .le-contact *,.le-faq *,.le-about *{animation:none !important}
}

.le-faq .lf-search input{background:#F2F5F9 !important;border:1px solid rgba(15,36,64,.09) !important;box-shadow:inset 0 2px 4px rgba(15,36,64,.06),0 1px 0 rgba(255,255,255,.9) !important}
.le-faq .lf-search input:focus{background:#fff !important;box-shadow:0 0 0 4px rgba(14,99,201,.16) !important}