/* =========================================================
 * Zavia Badges – Front-end styles
 * ========================================================= */

/* Assurer un conteneur positionné pour le badge sur la plupart des thèmes */
:where(.woocommerce ul.products li.product,
       .woocommerce ul.products li.product .woocommerce-LoopProduct-link,
       .woocommerce ul.products li.product .product-image,
       .woocommerce ul.products li.product .product-thumbnail,
       .products .product,
       .woocommerce div.product .images) {
  position: relative;
}

/* Badge de base (le style visuel principal est injecté inline) */
.zavia-badge {
  position: absolute;
  z-index: 20;              /* au-dessus du sale-flash et des overlays */
  pointer-events: none;     /* ne bloque pas le clic vers le produit */
  white-space: nowrap;      /* pas de retour à la ligne par défaut */
  line-height: 1.1;
}

/* Positions */
.zavia-pos-top-left { top: 10px; left: 10px; }
.zavia-pos-top-right { top: 10px; right: 10px; }
.zavia-pos-bottom-left { bottom: 10px; left: 10px; }
.zavia-pos-bottom-right { bottom: 10px; right: 10px; }

/* Variante : badge "Rupture de stock" (visuel légèrement distinct) */
.zavia-badge.zavia-badge-oos {
  box-shadow: 0 0 0 2px rgba(0,0,0,0.06); /* léger anneau pour se distinguer */
}

/* Petits écrans : autoriser l’enroulement si le texte est long */
@media (max-width: 480px) {
  .zavia-badge {
    white-space: normal;          /* autorise le retour à la ligne */
    max-width: calc(100% - 20px); /* garde une marge avec le bord */
  }
}

/* RTL : inverser logiquement les positions gauche/droite */
[dir="rtl"] .zavia-pos-top-left    { left: auto; right: 10px; }
[dir="rtl"] .zavia-pos-top-right   { right: auto; left: 10px; }
[dir="rtl"] .zavia-pos-bottom-left { left: auto; right: 10px; }
[dir="rtl"] .zavia-pos-bottom-right{ right: auto; left: 10px; }

/* -----------------------------------------------------------------
   Les textes sous le titre sur la page produit ont leur taille/
   couleur en inline style depuis le PHP (zavia-single-notices).
   ----------------------------------------------------------------- */