/* badges.css */

/* ==========================================================================
   STYLE UNIFIÉ MONOLITH : HAUT À DROITE
   ========================================================================== */

/* 1. Reset et suppression des triangles du thème */
.woocommerce span.onsale, 
.woocommerce-page span.onsale,
.monolith-exclusive-badge {
    position: absolute !important;
    top: 15px !important;    /* Position HAUT */
    right: 15px !important;  /* Position DROITE */
    bottom: auto !important;
    left: auto !important;
    
    /* Reset technique contre l'étirement */
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    border-radius: 0 !important;
    display: inline-block !important;
    
    /* Look Monolith */
    background-color: #F9AA01 !important;
    color: #101010 !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    z-index: 999 !important;
    border: 1px solid #101010 !important;
    box-shadow: 2px 2px 0px #101010 !important;
    
    /* Animation et Rotation */
    transform: rotate(3deg) !important;
    animation: pulse-glow 2s infinite ease-in-out !important;
}

/* 2. Suppression RADICALE des pseudo-éléments triangles */
.woocommerce span.onsale:before, 
.woocommerce span.onsale:after,
.woocommerce-page span.onsale:before,
.woocommerce-page span.onsale:after {
    content: none !important;
    display: none !important;
    border: none !important;
}

/* Taille augmentée pour la fiche produit (Single) */
.single-product .woocommerce-product-gallery .onsale,
.single-product .woocommerce-product-gallery .monolith-exclusive-badge {
    top: 20px !important;
    right: 20px !important;
    font-size: 14px !important;
    padding: 5px 12px !important;
}

/* On force le conteneur à être le point de référence */
.woocommerce-product-gallery, .image-block, .product-block-inner {
    position: relative !important;
}

/* Animation Pulse Glow */
@keyframes pulse-glow {
    0% { box-shadow: 0 0 5px rgba(249, 170, 1, 0.4), 2px 2px 0px #101010; }
    50% { box-shadow: 0 0 18px rgba(249, 170, 1, 0.8), 2px 2px 0px #101010; }
    100% { box-shadow: 0 0 5px rgba(249, 170, 1, 0.4), 2px 2px 0px #101010; }
}