/* Boutons Artisélia : retour visuel discret, sans déplacement de mise en page. */
:where(.primary,.pro-button,.detail-button,.phone-button,.button),body:has(.pro-header) button {
 transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
@media (hover:hover) and (pointer:fine) {
 :where(.primary,.pro-button,.detail-button,.phone-button,.button):not(:disabled):not([aria-disabled="true"]):hover,
 body:has(.pro-header) button:not(:disabled):not([aria-disabled="true"]):hover {
  transform:translateY(-2px);box-shadow:0 5px 12px rgba(23,63,45,.16);
 }
 body:has(.pro-header) button:not(.secondary):not(:disabled):hover {background:#24543e;border-color:#24543e}
 body:has(.pro-header) :is(button.secondary,.button.secondary):not(:disabled):hover {background:#edf4e8;border-color:#487459;color:#183d2e}
 :where(.primary,.pro-button,.detail-button,.phone-button,.button):not(:disabled):active,
 body:has(.pro-header) button:not(:disabled):active {transform:translateY(0);box-shadow:0 1px 4px rgba(23,63,45,.12)}
}
@media(prefers-reduced-motion:reduce) {
 :where(.primary,.pro-button,.detail-button,.phone-button,.button),body:has(.pro-header) button {transition:none!important;transform:none!important}
}
.billing-fiche,.billing-change-confirm {margin-top:20px;padding:18px;border:1px solid #b9cbb2;border-radius:12px;background:#f8faf5}
.billing-change-confirm {border-left:4px solid #487459}
.billing-fiche h3,.billing-change-confirm h3 {margin:0 0 10px}
.billing-change-confirm form {display:inline-block;max-width:100%}
@media(max-width:650px){.billing-change-confirm form{display:block}.billing-change-confirm button{overflow-wrap:anywhere}}

/* Défilement commun aux liens de menu vers les rubriques de la page. */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Les rubriques dépliables signalent leur action à la souris et au clavier. */
summary{cursor:pointer}
summary:focus-visible{outline:3px solid #d4a23d;outline-offset:4px}