/* Skin "moderne" (effet reflet) pour .uw-btn — reprend l'effet reflet diagonal (sheen) du
   bouton d'origine du thème (.button-primary, css/style.css). Chargé uniquement si
   backoffice.bouton_style = 'reflet' (voir includes/assets_register.inc.php), après
   uw-core.css pour surcharger le skin "ombre" (classique) par défaut.
   z-index:0 sur .uw-btn + z-index:-1 sur le reflet : le reflet reste au-dessus du fond
   coloré du bouton (le fond est peint en tout premier dans le contexte d'empilement) mais
   sous le texte/icône (contenu en flux normal, toujours au-dessus des descendants négatifs).
   Le déplacement combine "left" (% de la largeur du bouton) et "transform" (comme l'original)
   pour que le reflet traverse bien tout le bouton, quelle que soit sa largeur. */

.uw-btn {
    position: relative;
    z-index: 0;
    overflow: hidden;
    text-align: center;
    text-transform: none;
    outline: none;
    cursor: pointer;
    padding: 0.625rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: var(--btn-radius, 0.25rem);
    transition: background .5s ease-in-out, border-color .5s ease-in-out;
}
.uw-btn:hover {
    transform: none;
    box-shadow: none;
}
.uw-btn::before,
.uw-btn::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 30px;
    left: 0;
    top: -50%;
    height: 200%;
    background-color: rgba(255, 255, 255, .5);
    transform: rotate(-15deg) translateX(-150%);
    transition: left .5s ease-in-out 0s, transform .5s ease-in-out 0s;
    pointer-events: none;
}
.uw-btn::after { transition-delay: .075s; }
.uw-btn:hover::before,
.uw-btn:hover::after {
    left: 150%;
    transform: rotate(-15deg) translateX(100%);
}

/* .uw-btn-outline a un fond blanc (var(--card)) : un reflet blanc dessus est invisible
   (aucun contraste). On garde le même effet mais teinté sombre pour qu'il reste visible. */
.uw-btn-outline::before,
.uw-btn-outline::after {
    background-color: rgba(12, 19, 32, .08);
}