/* ═══════════════════════════════════════════════════════════════════
   PROTOTYPE FICHE PRODUIT — CORRECTIF DESIGN 5 — DÉPLOIEMENT A (VISUEL)
   Version : 2026-09-12 — mission rectifiée (réassurances 4 items, couleurs
   neutres, « Produit vérifié », « Partager : », favoris cœur 24-28 px).
   id_product 6048 UNIQUEMENT : feuille chargée dans la même branche 6048
   du template product_styles/product_page_style.tpl, APRÈS correctif3 + 4.
   Le témoin 6081 charge ni correctif4 ni correctif5 : aucun effet hors 6048.

   OBJECTIF — obtenir le GO visuel de la validation (correctif4 : NO-GO).
   Différences vs correctif4 (déjà déployé) :
     A1. GALERIE : suppression du cadre #content (border 1px du thème avana
         autour de .images-container) — correctif4 ne ciblait pas #content.
     A2. PRIX desktop colonne : ancien prix barré AU-DESSUS, prix promo
         dessous, aligné gauche (correctif4 laissait la rangée du thème).
     A3. RÉASSURANCES : 4 items (Produit vérifié en tête), icônes 30-34 px
         couleur gris foncé #293544 (plus aucun bleu vif), aucune pastille
         ni fond derrière l'icône ; « Produit vérifié » = icône circulaire
         VERTE uniquement (classe .rt-rea-verified posée dans le template).
         Traits verticaux fins clairs ENTRE items desktop, aucun après le 4e,
         AUCUN séparateur sur mobile (empilées, icône gauche).
     A4. ESPACEMENT : 24 px desktop entre items, empilement mobile 16 px ;
         zéro débordement horizontal, aucune superposition.
     A5. FAVORIS : cœur 24-28 px même couleur texte #293544 (plus navy),
         fond transparent, aucune bordure, focus clavier visible,
         soulignement discret au survol (comportement correctif4 conservé).
     A6. PARTAGE : libellé « Partager : » (deux-points, posé dans le
         template), pastilles conservées, mobile sur sa propre ligne.
     A7. LOGO GÉANT fiche technique : 180x70 desktop / 130x55 mobile,
         suppression bordure 2px thème, object-fit contain.
     A8. WHATSAPP flottant (module orderonwhatsapp, .cbh-phone) : bulle
         mobile réduite et relevée, JS du module intact, feuille 6048 seul.
   Toutes les règles sont préfixées .rt-product-page / .rt-tabs-proto,
   sauf la bulle WhatsApp (.cbh-*) hors conteneur produit — couverte car la
   feuille n'est chargée que sur 6048, réversible en supprimant la feuille.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── A1. GALERIE #content : zéro cadre, zéro padding, zéro arrondi.
        L'image de galerie devient bord à bord. Le fin contour jaune de la
        MINIATURE ACTIVE (correctif3 .thumb.selected) reste intact ; la
        grande image ne reçoit jamais ce contour. ─── */
.rt-product-page #content {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* ─── A2. PRIX desktop sur deux niveaux : ancien prix barré AU-DESSUS,
        prix promo dessous, alignés à gauche. Mobile conservé (wrap du
        thème, ordre du DOM inchangé). ─── */
@media (min-width: 992px) {
  .rt-product-page .product-prices {
    flex-direction: column;
    align-items: flex-start;
  }
  .rt-product-page .product-prices .product-discount {
    order: 1;
    margin: 0 0 4px;
  }
  .rt-product-page .product-prices .product-price {
    order: 2;
  }
}

/* ─── A3. RÉASSURANCES — 4 items (Produit vérifié en tête).
        Desktop : une ligne, traits verticaux fins ENTRE items, aucun après
        le 4e (:not(:last-child)). Icônes gris foncé, aucune pastille. ─── */
.rt-product-page .rt-reassurances {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 24px;
  margin: 14px 0 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
.rt-product-page .rt-reassurances .rt-rea-item {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
/* Trait vertical fin gris clair entre items — jamais après le dernier */
.rt-product-page .rt-reassurances .rt-rea-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #d5dae2;
}
/* Icône : 30-34 px, gris foncé, aucune pastille ni fond derrière */
.rt-product-page .rt-reassurances .rt-rea-item i {
  flex: 0 0 auto;
  font-size: 32px;
  line-height: 1;
  color: var(--rt-ink, #293544);
  background: transparent;
}
/* « Produit vérifié / par Rightech » : icône circulaire de validation
   VERTE uniquement (aucun fond vert massif, pas de carte colorée) */
.rt-product-page .rt-reassurances .rt-rea-item.rt-rea-verified i {
  color: #16a34a;
}
.rt-product-page .rt-reassurances .rt-rea-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
}
.rt-product-page .rt-reassurances .rt-rea-l1 {
  font-size: 14px;
  font-weight: 700;
  color: var(--rt-ink, #293544);
}
.rt-product-page .rt-reassurances .rt-rea-l2 {
  font-size: 13px;
  font-weight: 400;
  color: #5b6673;
}

/* ─── A5. FAVORIS : cœur 24-28 px, couleur texte, fond transparent,
        aucune bordure, focus clavier visible, soulignement au survol.
        (Surcharge correctif4 : le cœur n'est plus navy, il suit le texte.) ─── */
.rt-product-page .rt-favoris-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin: 12px 0 0;
}
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--rt-ink, #293544);
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 4px 2px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
}
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link:hover {
  text-decoration: underline;
  color: var(--rt-ink, #293544);
  border-color: transparent;
}
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link:focus-visible,
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link:focus {
  outline: 2px solid var(--rt-accent, #fcc902);
  outline-offset: 2px;
  border-radius: 4px;
}
/* Cœur du composant natif blockwishlist : 24-28 px, même couleur que le
   texte (#293544), plus aucune teinte navy */
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link .icon-ava,
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link .icon-wishlist-outline-2 {
  font-size: 26px;
  line-height: 1;
  display: inline-block;
  color: var(--rt-ink, #293544) !important;
}

/* ─── A6. PARTAGE : libellé « Partager : » (template), regroupé à droite
        de la ligne favoris, pastilles conservées. Mobile sur sa ligne. ─── */
.rt-product-page .rt-favoris-line .rt-product-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0;
  padding-top: 0;
  border-top: none;
}
.rt-product-page .rt-favoris-line .rt-share-label {
  font-weight: 600;
  color: var(--rt-ink, #293544);
  margin-right: 4px;
}

/* ─── A7. LOGO GÉANT fiche technique (product-details.tpl, scope
        prototype .rt-tabs-proto) : cap + suppression bordure thème. ─── */
.rt-tabs-proto .product-manufacturer img.manufacturer-logo {
  max-width: 180px !important;
  max-height: 70px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: none !important;
  margin-bottom: 12px;
}

/* ═══ MOBILE ≤ 767.98 px — correction du NO-GO correctif4 ═══ */
@media (max-width: 767.98px) {
  /* A3 suite : AUCUN séparateur (correctif4 posait un trait horizontal
     statique 44x1 px entre items), empilées, icône gauche, 2 lignes. */
  .rt-product-page .rt-reassurances {
    flex-wrap: wrap;
    gap: 16px 0;
  }
  .rt-product-page .rt-reassurances .rt-rea-item {
    flex: 1 0 100%;
    justify-content: flex-start;
    padding: 2px 0;
  }
  .rt-product-page .rt-reassurances .rt-rea-item:not(:last-child)::after {
    display: none;
  }
  .rt-product-page .rt-reassurances .rt-rea-item i {
    font-size: 28px;
  }

  /* A4 : logo fabricant discret mobile 28 px max (inchangé correctif4) */
  .rt-product-page .rt-product-brand-logo {
    max-height: 28px;
    height: 28px;
  }

  /* A7 : logo géant technique mobile 130x55 */
  .rt-tabs-proto .product-manufacturer img.manufacturer-logo {
    max-width: 130px !important;
    max-height: 55px !important;
  }

  /* A5/A6 : favoris puis partage sur deux lignes, espace après favoris
     renforcé (correctif4 : 8 px seulement), aucune superposition. */
  .rt-product-page .rt-favoris-line {
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 14px;
  }
  .rt-product-page .rt-favoris-line .rt-product-share {
    width: 100%;
    justify-content: flex-start;
    row-gap: 12px;
  }

  /* A8. WHATSAPP flottant (module orderonwhatsapp) : diamètre réduit et
     bulle relevée sur mobile. Conteneur fixe 200x200 et offsets du module
     INCHANGÉS ; JS intact. Feuille chargée 6048 uniquement. */
  .cbh-phone .cbh-ph-circle {
    width: 70px !important;
    height: 70px !important;
    top: 30px !important;
    left: 30px !important;
  }
  .cbh-phone .cbh-ph-circle-fill {
    width: 46px !important;
    height: 46px !important;
    top: 42px !important;
    left: 42px !important;
  }
  .cbh-phone .cbh-ph-img-circle1 {
    width: 32px !important;
    height: 32px !important;
    top: 49px !important;
    left: 49px !important;
    background-size: 24px 24px !important;
  }
}