/* =============================================================================
   W3CAM - bandeau cookies Axeptio a la charte (2026-11-12)
   Cibles STABLES uniquement : ids axeptio_*, classes ax-* / axeptio_widget*.
   Les classes sc-xxxx sont generees par Axeptio et changent a chaque version.
   Choix : accepter / refuser au MEME poids visuel (recommandation CNIL).
   ============================================================================= */
#axeptio_overlay .ax-widget-container,
#axeptio_overlay .ax-widget-container button,
#axeptio_overlay .ax-widget-container p,
#axeptio_overlay .ax-widget-container span{font-family:Poppins,"Poppins repli",sans-serif!important}

/* Carte : blanc, filet gris, coins 6 px, sans ombre au repos */
#axeptio_overlay .ax-widget{border:1px solid #e2e2e2!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}
#axeptio_overlay .axeptio_widget_wrapper{border-radius:0!important}

/* Titre et texte */
#axeptio_overlay .axeptio_widget_wrapper div > span:only-child{font-size:20px!important;font-weight:500!important;color:#4d4d4d!important;letter-spacing:0!important}
#axeptio_overlay .axeptio_widget_wrapper p{font-size:13px!important;line-height:1.6!important;color:#666!important}

/* Mention « Consentements certifies par axeptio » : discrete */
#axeptio_overlay .axeptio_widget_wrapper button:not([id]){border:0!important;box-shadow:none!important;background:transparent!important;color:#767676!important;font-size:11px!important}
#axeptio_overlay .axeptio_widget_wrapper button:not([id]) span{color:#767676!important}

/* Bande d'animation orange d'Axeptio (#ff7822) : a l'orange W3CAM */
#axeptio_overlay .ax-screen{background-color:#fff4ec!important}

/* Boutons du bas : deux boutons egaux, 44 px, contour */
#axeptio_overlay #axeptio_btn_configure,
#axeptio_overlay #axeptio_btn_acceptAll{
  height:44px!important;margin:0!important;border-radius:6px!important;box-shadow:none!important;
  font-size:14px!important;font-weight:600!important;background:#fff!important;
  transition:background-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
#axeptio_overlay #axeptio_btn_configure{border:1px solid #e2e2e2!important;color:#4d4d4d!important}
#axeptio_overlay #axeptio_btn_acceptAll{border:1px solid #ff6501!important;color:#ff6501!important}
#axeptio_overlay #axeptio_btn_configure:active,
#axeptio_overlay #axeptio_btn_acceptAll:active,
#axeptio_overlay .ax-discardButton:active{transform:scale(.97)}
/* Conteneur des deux boutons (parent direct de l'id) : marge et espacement */
#axeptio_overlay .ax-widget > div:has(> #axeptio_btn_acceptAll){display:flex!important;gap:8px;padding:0 20px 20px!important;background:#fff!important;border:0!important}
#axeptio_overlay .ax-widget > div:has(> #axeptio_btn_acceptAll) > button{flex:1 1 0!important}

/* « Continuer sans accepter » : meme poids que les boutons du bas */
#axeptio_overlay .ax-discardButton{
  height:36px!important;padding:0 14px!important;border:1px solid #ff6501!important;border-radius:6px!important;
  box-shadow:none!important;background:#fff!important;color:#ff6501!important;font-size:13px!important;font-weight:600!important;
  transition:background-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
#axeptio_overlay .ax-discardButton span{color:#ff6501!important}

/* Panneau « Parametrer » : Revenir / Tout accepter / Terminer, meme traitement */
#axeptio_overlay #axeptio_btn_prev,
#axeptio_overlay #axeptio_btn_next,
#axeptio_overlay #axeptio_btn_acceptAllAndNext{
  height:44px!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important;
  font-size:14px!important;font-weight:600!important;
  transition:background-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
#axeptio_overlay #axeptio_btn_prev{border:1px solid #e2e2e2!important;color:#4d4d4d!important}
#axeptio_overlay #axeptio_btn_next,
#axeptio_overlay #axeptio_btn_acceptAllAndNext{border:1px solid #ff6501!important;color:#ff6501!important}
#axeptio_overlay div:has(> #axeptio_btn_next){display:flex!important;gap:8px;padding:12px 16px 16px!important;background:#fff!important;border:0!important}
#axeptio_overlay div:has(> #axeptio_btn_next) > button{flex:1 1 0!important;margin:0!important}
/* Telephone : trois boutons de ~110 px, « Tout accepter » tient sur une ligne */
@media (max-width:420px){
  #axeptio_overlay div:has(> #axeptio_btn_next){gap:6px!important}
  #axeptio_overlay div:has(> #axeptio_btn_next) > button{padding:0 4px!important}
  #axeptio_overlay div:has(> #axeptio_btn_next) > button,
  #axeptio_overlay div:has(> #axeptio_btn_next) > button *{font-size:13px!important;white-space:nowrap!important}
}
#axeptio_overlay #axeptio_btn_prev:active,#axeptio_overlay #axeptio_btn_next:active,#axeptio_overlay #axeptio_btn_acceptAllAndNext:active{transform:scale(.97)}

@media (hover:hover) and (pointer:fine){
  #axeptio_overlay #axeptio_btn_next:hover,
  #axeptio_overlay #axeptio_btn_acceptAllAndNext:hover{background:#fff4ec!important}
  #axeptio_overlay #axeptio_btn_prev:hover{background:#f5f5f5!important}
  #axeptio_overlay #axeptio_btn_acceptAll:hover,
  #axeptio_overlay .ax-discardButton:hover{background:#fff4ec!important}
  #axeptio_overlay #axeptio_btn_configure:hover{background:#f5f5f5!important}
}
#axeptio_overlay button:focus-visible{outline:2px solid #ff6501!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  #axeptio_overlay #axeptio_btn_configure,#axeptio_overlay #axeptio_btn_acceptAll,#axeptio_overlay .ax-discardButton{transition:none}
}