/* ==========================================================================
   FP-1 — fiche produit principale.

   Mise en file sur la seule fiche produit principale (functions.php,
   digic_child_fiche_produit_styles ; condition digic_child_est_fiche_produit(),
   inc/fiche-produit.php), apres boutique.css. Les selecteurs des sections 1
   et 2 partent en outre de « .main-single-product », enveloppe propre au
   gabarit de la fiche ; la section 3 vise le corps de la page.
   Les cartes des produits associes sont stylees par boutique.css, pas ici.
   ========================================================================== */

/* 1. Galerie : image principale dans un cadre carre.

   Motif des cartes (boutique.css, section 1) : rapport 1:1, fond #F2F2F2,
   visuel entier, marge interieure proportionnelle de 5,73 %. Un ecart avec
   la carte : le visuel n est jamais agrandi au-dela de sa taille native
   (max-width / max-height, sans width:100 %). Mesure FP-1 : 55 visuels de
   produit sur 58 font 600 px ou moins de cote, pour un cadre de 668 px a
   1440 px ; etires, ils seraient flous, et le zoom au survol du parent
   (elevateZoom, type « inner »), qui se cale sur la taille affichee, perdrait
   son objet. Le zoom au survol n est pas modifie.

   Specificite : le parent pose « display:inline-block » par
   « .contents-detail .bwp-single-product.zoom .image-additional »
   (template.css l. 21700, 4 classes) ; le cadre emploie 4 classes et cette
   feuille est servie apres, il l emporte. Filet de 1 px et rayon de 6 px du
   parent conserves (convention des visuels).

   La bande de miniatures n est plus rendue pour un produit a une seule image
   (inc/fiche-produit.php, point 2) : rien a regler ici pour elle. */
.main-single-product .bwp-single-product .bwp-single-image .image-additional{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  padding:5.73%;
  background:#f2f2f2;
}
/* Sous 992 px, la galerie passe en pleine largeur (col-md-12 du parent) : a
   990 px, le cadre montait a 945 x 945 px et repoussait titre, prix et zone
   d achat d environ 250 px (mesure FP-1). Il est borne a sa taille de
   1440 px (668 px) et centre. Sans effet a 390 px (345 px). */
@media (max-width:991px){
  .main-single-product .bwp-single-product .bwp-single-image .image-additional{
    max-width:668px;
    margin-left:auto;
    margin-right:auto;
  }
}
.main-single-product .bwp-single-image .image-additional .woocommerce-product-gallery__image{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.main-single-product .bwp-single-image .image-additional .woocommerce-product-gallery__image img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

/* 1 bis. Description courte apres la zone d achat (inc/fiche-produit.php,
   point 1).

   Le parent l espace pour sa place d origine, sous le prix : 20 px de retrait
   bas, un filet bas, 30 px de marge basse (template.css l. 22671 ; 15 px sur
   un produit variable, l. 23011). Deplacee, elle collait au formulaire (0 px
   au-dessus) et son filet doublait celui des metadonnees, qui portent deja
   un filet haut et 30 px de marge — marge qui ne fusionne pas, .product_meta
   etant en inline-block : 60 px vides entre deux filets (mesure FP-1 a
   1440 px). Elle prend 20 px au-dessus et perd filet, retrait et marge bas ;
   le filet des metadonnees reste le seul separateur. */
.main-single-product .bwp-single-info .summary > .description{
  margin:20px 0 0;
  padding-bottom:0;
  border-bottom:0;
}

/* 2. Casse des metadonnees (categories, etiquettes).

   Le parent capitalise chaque mot du bloc .product_meta
   (css/template.css l. 22561, « .single-product .bwp-single-info
   .product_meta »), d ou « Logiciels Microsoft Au Sénégal ». Les noms sont
   enregistres en casse francaise et restent complets : la casse ecrite
   s affiche telle quelle. Le selecteur du parent porte aussi la vue rapide
   (.quickview-container) : elle n est pas touchee ici. */
.main-single-product .bwp-single-info .product_meta{
  text-transform:none;
}

/* 2 bis. FP-1.1 — titres contenus dans la description du produit.

   Dans l onglet Description, les titres saisis dans le contenu prenaient les
   tailles de titres de page du theme : mesure FP-1.1 sur Microsoft Project
   Standard 2024, H2 a 50 px (30 px a 390 px) et H3 a 22,75 px, pour un titre
   de produit a 24 px a 1440 px (30 px a 390 px) et un texte courant a 13 px.
   Ils prennent ici une taille d intertitre, la meme a toutes les largeurs :
   h1 et h2 a 18 px, h3 a h6 a 15 px — toujours sous le titre du produit
   (24 px au plus petit), toujours au-dessus du texte (13 px) ; graisse 600,
   interligne 1,4 ; 26 px au-dessus (deux lignes de texte), 10 px en dessous,
   rien au-dessus du premier element de l onglet. Presentation seulement :
   contenu et balises inchanges, la structure (H1 multiples) releve de la
   Phase 8. Borne a l onglet Description de la fiche (#tab-description). */
.main-single-product .woocommerce-tabs #tab-description :is(h1, h2, h3, h4, h5, h6){
  margin:26px 0 10px;
  font-family:inherit;
  font-size:15px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:normal;
  text-transform:none;
}
.main-single-product .woocommerce-tabs #tab-description :is(h1, h2){
  font-size:18px;
}
.main-single-product .woocommerce-tabs #tab-description > :first-child{
  margin-top:0;
}

/* 3. Fin de page sous 992 px : place de la barre mobile fixe du bas.

   La barre .header-mobile-fixed (49 px, template.css l. 1573, affichee jusqu a
   991 px) recouvrait en fin de fiche le bas du pied de page (mesure FP-1 a
   390 px : le lien « Conditions générales d’utilisation », 780-822 px, sous la
   barre, 795-844 px). Le meme recouvrement existe sur les autres pages : il est
   signale, non corrige hors de la fiche. Ici, le corps de la fiche recoit en
   bas la hauteur de la barre. */
@media (max-width:991px){
  body.single-product{
    padding-bottom:49px;
  }
}

/* 4. FCFA-1 — prix principal : chaque montant d un bloc.

   Le separateur des milliers est une espace ordinaire (reglage
   WooCommerce) : avec « FCFA » (inc/devise.php), la fourchette d un produit
   variable se coupait a 360 px a l interieur d un montant (« 63 » puis
   « 130 FCFA TTC »). Comme les cartes (boutique.css, section 1), la fourchette
   se replie au tiret ; corps de texte inchange. */
.main-single-product .summary .price .woocommerce-Price-amount{
  white-space:nowrap;
}

/* 5. LOT-6 (PO-5b) — delai de livraison indicatif (inc/delai-livraison.php),
   juste sous la zone d achat, avant la description courte.

   Corps, interligne et couleur de la description courte. 20 px au-dessus :
   sous le formulaire d ajout au panier (aucune marge basse), 20 px ; sous le
   bouton de devis, sa marge basse de 20 px fusionne avec celle-ci, 20 px
   aussi. Aucune marge basse : la description courte porte ses 20 px
   au-dessus (section 1 bis). Lien au vert des liens du site. Mesure LOT-6 a
   1440 et 390 px, fiche tarifee comme sur devis. */
.main-single-product .summary .smg-delai-fiche{
  margin:20px 0 0;
  font-size:inherit;
  line-height:inherit;
}
.main-single-product .summary .smg-delai-fiche a{
  color:#218663;
  text-decoration:underline;
}
.main-single-product .summary .smg-delai-fiche a:hover,
.main-single-product .summary .smg-delai-fiche a:focus{
  text-decoration:none;
}