/* ═══════════════════════════════════════════════════════════════════
   PROTOTYPE FICHE PRODUIT — CORRECTIF DESIGN 4 — PHASE A (2026-09-12)
   id_product 6048 UNIQUEMENT (conteneur .rt-product-page émis par le
   template product_styles/product_page_style.tpl, branche 6048).
   Feuille chargée APRÈS child-custom-correctif3.css, DANS CETTE BRANCHE
   UNIQUEMENT. Le témoin 6081 ne la charge pas : aucun effet hors 6048.

   Périmètre PHASE A (complément visuel validé points 1-7) :
     1. Grande image : AUCUN encadrement réintroduit (correctif 3 conservé
        tel quel, rien d'autre n'y touche ici) — POINT 7.
     2. Réassurances SANS cartes : fond transparent, zéro bordure complète,
        zéro arrondi de carte, zéro ombre, trait vertical fin entre 1-2 et
        2-3 uniquement, icônes 30-34 px desktop / 26-30 px mobile, bleu
        marine, alignement vertical centré, hauteurs uniformes — POINT 6.
     3. Logo fabricant discret au-dessus du H1 + fallback texte (markup tpl).
     4. PRIX : ancien prix barré, petit, gris, SUR une ligne AU-DESSUS du
        prix promo (aligné à gauche, proche) ; prix promo principal dessous ;
        pastille « Économisez X » à droite du prix promo desktop, dessous sur
        mobile — POINTS 4 et 5 (pastille absente naturellement si aucune
        réduction native active : le span n'est rendu que si has_discount).
     5. Logo géant (product-details.tpl) : limitation ciblée, uniquement
        dans le scope prototype (.rt-tabs-proto), sans le supprimer.
     6. FAVORIS + PARTAGE sur la même ligne : favoris discret à gauche (pas
        de grand bouton encadré), partage à droite ; mobile sur 2 lignes,
        zéro débordement, focus clavier visible — POINT 3.
   Toutes les règles sont préfixées .rt-product-page / .rt-tabs-proto.
   ═══════════════════════════════════════════════════════════════════ */

.rt-product-page { --rt-navy: #1e3a8a; }

/* ─── 1. GRANDE IMAGE (POINT 7) : aucune règle ajoutée volontairement.
        Le correctif 3 gère déjà : fond blanc, border/box-shadow none.
        Rien ici ne cible .product-cover ni .swiper-slide pour ne pas
        réintroduire d'encadrement. Les flèches circulaires et les
        miniatures (fin contour jaune UNIQUEMENT sur la miniature active)
        restent exactement celles du correctif 3. La grande image principale
        ne reçoit jamais le fin contour jaune de la miniature sélectionnée. */

/* ─── 2. RÉASSURANCES SANS CARTES (POINT 6 — surpasse correctif3 + child.css) ─── */
.rt-product-page .rt-reassurances {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 28px;
  margin: 12px 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 1-2 et 2-3, aucun après le 3e */
.rt-product-page .rt-reassurances .rt-rea-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #d5dae2;
}
.rt-product-page .rt-reassurances .rt-rea-item i {
  flex: 0 0 auto;
  font-size: 32px;
  line-height: 1;
  color: var(--rt-navy);
  background: transparent;
}
.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;
}

/* ─── 3. LOGO FABRICANT DISCRET au-dessus du H1 (markup tpl Phase A) ─── */
.rt-product-page .rt-product-brand {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  min-height: 32px;
}
.rt-product-page .rt-product-brand-link {
  display: inline-block;
  line-height: 0;
}
.rt-product-page .rt-product-brand-logo {
  max-width: 100px;
  max-height: 32px;
  width: auto;
  height: 32px;
  object-fit: contain;
}

/* ─── 4. PRIX — ancien prix barré AU-DESSUS, prix promo dessous (POINT 4).
        Le bloc natif product-prices.tpl rend déjà .product-discount
        (regular-price) AVANT .current-price : l'ordre du DOM est conservé,
        seul le style est appliqué. Aucune balise <sup>, aucun recalcul. ─── */
.rt-product-page .product-discount {
  margin: 0 0 4px;             /* proche du prix promo (rapport évident) */
}
.rt-product-page .product-discount .regular-price {
  display: inline-block;
  font-size: 13px;              /* plus petit que le prix promo */
  font-weight: 500;             /* plus discret */
  color: #6b7280;               /* gris */
  text-decoration: line-through;
  text-align: left;
  margin: 0;
  line-height: 1.4;
}
/* Prix promotionnel = texte principal (child-custom.css garde 30px/800) */
.rt-product-page .product-price .current-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}

/* ─── 5. PASTILLE NATIVE « Économisez X » (POINT 5).
        Restyle visuel UNIQUEMENT du bloc natif discount-amount :
        - le montant et la logique restent ceux de PrestaShop ;
        - aucun recalcul, aucun montant en dur, aucune lecture de
          specific_price, aucune seconde logique de promo ;
        - à DROITE du prix promo desktop, DESSOUS (wrap) sur mobile ;
        - ABSENTE automatiquement si aucune réduction native valide
          (le <span class="discount discount-amount"> n'est rendu que
          lorsque $product.has_discount est vrai). ─── */
.rt-product-page .current-price .discount.discount-amount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-height: 36px;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #212a36;               /* bleu marine */
  background: #fcc902;          /* jaune Rightech */
  border: none;                 /* aucune bordure */
  border-radius: 999px;         /* capsule très arrondie */
  box-shadow: 0 1px 2px rgba(20, 30, 50, 0.12); /* ombre très légère */
  vertical-align: middle;
}

/* ─── 6. LOGO GÉANT LIMITÉ dans la fiche technique (product-details.tpl,
          rendu dans le scope prototype .rt-tabs-proto uniquement) ─── */
.rt-tabs-proto .product-manufacturer img.manufacturer-logo {
  max-width: 200px;
  max-height: 80px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ─── 7. FAVORIS + PARTAGE sur la même ligne (POINT 3).
        Favoris discret à gauche ; « Partager : » WhatsApp / Facebook /
        Copier à droite. Le lien conservé est le composant natif du module
        blockwishlist (mêmes classes/attributs/JS que le témoin 6081) —
        plus aucun lien factice #favoris. ─── */
.rt-product-page .rt-favoris-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 10px 0 0;
}
/* Favoris : suppression du « grand bouton encadré » actuel (child-custom.css
   .btn-wishlist a un fond blanc + bordure + radius 10 px). */
.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;      /* fond transparent */
  border: none;                 /* aucune bordure extérieure */
  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;   /* soulignement discret au survol */
  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;          /* focus clavier clairement visible */
  border-radius: 4px;
}
/* Icône cœur conservée (le sprite .icon-wishlist-outline-2 / .icon-ava du
   module ou du thème reste tel quel, suivi du texte). */
.rt-product-page .rt-favoris-line a.btn-wishlist.rt-favoris-link .icon-ava {
  color: var(--rt-navy, #1e3a8a);
}

/* Partage regroupé à droite dans la ligne favoris (le style de base des
   .rt-share-link — pastilles fines — reste celui de child-custom.css). */
.rt-product-page .rt-favoris-line .rt-product-share {
  margin: 0;
  padding-top: 0;
  border-top: none;
}
.rt-product-page .rt-favoris-line .rt-share-label {
  margin-right: 4px;
}

/* ═══ MOBILE : autoriser empilement, séparateurs horizontaux, pastille
        sous le prix, aucune superposition ni débordement horizontal ─── */
@media (max-width: 767.98px) {
  .rt-product-page .rt-reassurances {
    flex-wrap: wrap;
    gap: 14px 0;
  }
  .rt-product-page .rt-reassurances .rt-rea-item {
    flex: 1 0 100%;
    justify-content: flex-start;
    padding: 4px 0;
  }
  .rt-product-page .rt-reassurances .rt-rea-item:not(:last-child)::after {
    position: static;
    transform: none;
    width: 44px;
    height: 1px;
    margin: 2px 0 -2px;
    background: #d5dae2;
  }
  .rt-product-page .rt-reassurances .rt-rea-item i {
    font-size: 28px;            /* 26-30 px mobile (POINT 6) */
  }
  .rt-product-page .rt-product-brand-logo {
    max-height: 28px;
    height: 28px;
  }
  /* Prix : la pastille passe DESSOUS (wrap existant) sans superposition.
     L'ancien prix reste au-dessus, le prix actuel reste principal. */
  .rt-product-page .current-price .discount.discount-amount {
    transform: none;
  }
  /* Favoris + partage sur deux lignes autorisées, zéro débordement. */
  .rt-product-page .rt-favoris-line {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .rt-product-page .rt-favoris-line .rt-product-share {
    width: 100%;
    justify-content: flex-start;
  }
}