/* frontend-style.css */

/* Espacement et affichage en bloc pour les boutons de contact et de partage */
.wacb-contact-share-zone a,
.wacb-contact-share-zone button {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

/* Réseaux sociaux : réduire la taille des icônes et du texte */
.wacb-social-links a,
.wacb-share-buttons a {
    display: block;
    margin-bottom: 10px;
    font-size: 24px; /* taille réduite par rapport à 32px */
    text-align: center;
}

/* Couleurs spécifiques pour chaque réseau social */
/* Assurez-vous d'ajouter les classes correspondantes (fb, x, youtube, tiktok, linkedin) dans vos balises HTML */
.wacb-social-links a.fb {
    background-color: #3b5998; /* Bleu Facebook */
    color: #fff;
}
.wacb-social-links a.x {
    background-color: #000; /* Noir pour X */
    color: #fff;
}
.wacb-social-links a.youtube {
    background-color: #FF0000; /* Rouge YouTube */
    color: #fff;
}
.wacb-social-links a.tiktok {
    background-color: #000; /* Noir pour TikTok */
    color: #fff;
}
.wacb-social-links a.linkedin {
    background-color: #0077B5; /* Bleu LinkedIn */
    color: #fff;
}

/* Badge promo personnalisé */
.custom-promo-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    padding: 5px 10px;
}
.custom-promo-badge.badge-rounded {
    border-radius: 20px;
}
.custom-promo-badge.badge-flat {
    border-radius: 0;
}

/* Bouton flottant mis à jour */
#wacb-floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #007bff;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
    max-width: 250px;
}


/* === WACB single: show status + promo pills above the title === */
.single-product .summary .wacb-status-badge.custom-promo-badge,
.single-product .summary .custom-promo-badge:not(.wacb-status-badge),
.single-product .summary .special-promo-badge {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 4px 8px 8px 0;
  z-index: auto !important;
}

/* Wrap (if any) should not constrain absolute positions on single */
.single-product .summary .wacb-status-badge-wrap {
  position: static !important;
  display: inline-block;
  margin: 4px 8px 8px 0;
}

/* Typography for pills on single (keeps your theme look) */
.single-product .summary .wacb-status-badge.custom-promo-badge,
.single-product .summary .special-promo-badge {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
}

/* Keep archive/listing overlay behavior unchanged */
.archive .custom-promo-badge,
.post-type-archive-product .custom-promo-badge,
.tax-product_cat .custom-promo-badge {
  /* no change: overlay rules from earlier remain in effect */
}
/* === /WACB single === */


/* === WACB single: pills above title (position static) === */
.single-product .summary .wacb-status-badge.custom-promo-badge,
.single-product .summary .custom-promo-badge:not(.wacb-status-badge),
.single-product .summary .special-promo-badge{
  position: static !important;
  top:auto!important; left:auto!important; right:auto!important;
  display:inline-flex!important; align-items:center; gap:6px;
  margin:4px 8px 8px 0; z-index:auto!important;
}
.single-product .summary .wacb-status-badge-wrap{
  position:static!important; display:inline-block; margin:4px 8px 8px 0;
}
.single-product .summary .wacb-status-badge.custom-promo-badge,
.single-product .summary .special-promo-badge{
  font-size:13px; font-weight:600; line-height:1;
  padding:6px 10px; border-radius:999px;
}


/* === WACB archive: ensure promo badge overlays image and stacks under status === */
.archive .custom-promo-badge:not(.wacb-status-badge),
.post-type-archive-product .custom-promo-badge:not(.wacb-status-badge),
.tax-product_cat .custom-promo-badge:not(.wacb-status-badge) {
  position: absolute !important;
  top: 44px !important;   /* status sits at 10px; promo sits below */
  left: 10px !important;
  z-index: 9 !important;
  pointer-events: none;
}
/* make sure product card is positioning context */
.archive .products li.product,
.post-type-archive-product .products li.product,
.tax-product_cat .products li.product {
  position: relative;
}