/* ═════════════════════════════════════════════════════════════════════════
   Notices boutique (bannières wc-blocks : « ajouté au panier », erreurs…)
   Chargé sur toutes les pages Woo (fiche, archives, panier, commande, compte).

   Lien « Voir le panier » (a.button.wc-forward) : wc-blocks l'aplatit en lien
   souligné flottant (`.wc-block-components-notice-banner__content .wc-forward`,
   0,3,0 — float:right, fond transparent, opacity .7). On le remonte en bouton
   par défaut du thème (fond doré, cf. elements.button de theme.json) avec
   `a.button` en plus dans le sélecteur (0,5,0) pour passer devant quel que
   soit l'ordre d'enqueue. ⚠️ WC pose background/color/padding en !important
   sur cette règle → obligé de répondre en !important (spécificité seule
   insuffisante) sur ces trois propriétés uniquement.
   ═════════════════════════════════════════════════════════════════════════ */

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.button.wc-forward {
    float: none;
    display: inline-block;
    margin: var(--wp--preset--spacing--xs) 0 0;
    padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--primary) !important;
    border: 0;
    border-radius: 0;
    font-family: var(--wp--preset--font-family--secondary);
    font-size: var(--wp--preset--font-size--s);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.button.wc-forward:hover,
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.button.wc-forward:focus {
    background: var(--wp--custom--color--or-hover) !important;
    color: var(--wp--preset--color--primary) !important;
    text-decoration: none;
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(193, 154, 107, .45);
}

/* Mobile : le bouton passe sous le message et prend toute la largeur. */
@media (max-width: 600px) {
    .wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.button.wc-forward {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-top: var(--wp--preset--spacing--s);
        text-align: center;
    }
}