/* Morphorium - feuille de style de la boutique. */

/* ------------------------------------------------------------------
   Mention fiscale sous le bouton d'achat (inc/fiche-produit.php).
   Discrete : une ligne en petit, pas un bandeau. L'information doit
   etre disponible sans concurrencer le prix ni le bouton.
   ------------------------------------------------------------------ */
.mrph-mention-tva {
	margin: .6em 0 0;
	font-size: .8em;
	line-height: 1.4;
	opacity: .75;
}

/* ------------------------------------------------------------------
   Les deux blocs communs a toutes les fiches produit
   (inc/fiche-produit.php). Sobres : ils informent et rassurent, ils
   ne doivent pas concurrencer le prix ni le bouton d'achat.
   ------------------------------------------------------------------ */
.mrph-fiche-blocs {
	margin-top: 2em;
}

.mrph-bloc {
	margin-top: 1.4em;
	padding: 1em 1.2em;
	border-left: 3px solid currentColor;
	background: rgba(127, 127, 127, .07);
}

.mrph-bloc__titre {
	margin: 0 0 .5em;
	font-size: 1.05em;
}

.mrph-bloc__sous-titre {
	margin: .9em 0 .3em;
	font-weight: 600;
	font-size: .95em;
}

.mrph-bloc__liste {
	margin: 0;
	padding-left: 1.2em;
	font-size: .92em;
	line-height: 1.55;
}

.mrph-bloc__liste li {
	margin-bottom: .35em;
}

.mrph-bloc__fabricant {
	margin: 0;
	font-style: normal;
	font-size: .92em;
	line-height: 1.5;
}

/* ------------------------------------------------------------------
   THEME SOMBRE — RATTRAPAGE SUR LE TUNNEL
   ------------------------------------------------------------------

   Astra pose un fond quasi blanc (#fbfbfb) sur les en-tetes WooCommerce
   via --ast-wc-container-head-bg-color. Ce reglage n'a jamais ete adapte
   au theme sombre du site : sur la page de confirmation, les titres
   « Details de la commande », « Adresse de facturation » et « Adresse de
   livraison » s'affichaient en texte clair sur fond blanc — illisibles.
   Constate le 06/08/2026 sur une vraie commande de test.

   Meme cause pour le champ quantite du panier : fond blanc impose par
   WooCommerce, mais couleur de texte heritee du theme. Le chiffre saisi
   etait invisible.

   Les champs du tunnel de commande, eux, ne sont PAS touches : WooCommerce
   leur pose un fond blanc AVEC un texte fonce, ils sont donc lisibles.
   On ne redessine pas ce qui fonctionne.
   ------------------------------------------------------------------ */

/* La variable, pour tout ce qui la consomme (en-tetes de tableaux). */
:root {
  --ast-wc-container-head-bg-color: var(--ast-global-color-7, #201917);
}

/* Les titres de la page de confirmation. La couleur est ecrite en dur
   dans le CSS compile d'Astra, redefinir la variable ne suffit donc pas. */
.woocommerce .woocommerce-order h2.woocommerce-column__title,
.woocommerce .woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-page .woocommerce-order h2.woocommerce-column__title,
.woocommerce-page .woocommerce-order h2.woocommerce-order-details__title {
  background: var(--ast-global-color-7, #201917);
  color: var(--ast-global-color-2, #efe6e0);
  border-color: var(--ast-global-color-8, #382c28);
}

/* En-tetes des tableaux recapitulatifs. */
.woocommerce table.shop_table thead,
.woocommerce-page table.shop_table thead {
  background-color: var(--ast-global-color-7, #201917);
}
.woocommerce table.shop_table thead th,
.woocommerce-page table.shop_table thead th {
  color: var(--ast-global-color-2, #efe6e0);
}

/* Champ quantite du panier : fond blanc impose, on remet un texte fonce
   plutot que d'imposer un fond sombre — c'est le meme parti pris que les
   champs du tunnel, donc l'ensemble reste coherent. */
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  color: #2b2d2f;
}

/* Le bandeau « mode test » de Stripe reste volontairement jaune vif :
   c'est un avertissement, il doit jurer. Il disparaitra en production. */

/* ------------------------------------------------------------------
   BLOC « ET MAINTENANT ? » — page de confirmation de commande.
   Meme traitement visuel que les blocs des fiches produit : filet
   accent a gauche, fond de surface. Le client reconnait le motif.
   ------------------------------------------------------------------ */
.mrph-confirmation {
  margin: 0 0 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--ast-global-color-7, #201917);
  border-left: 3px solid var(--ast-global-color-0, #c94f5a);
}
.mrph-confirmation__titre {
  margin: 0 0 .75rem;
  font-size: 1.15rem;
  color: var(--ast-global-color-2, #efe6e0);
}
.mrph-confirmation__liste {
  margin: 0; padding-left: 1.1rem;
  line-height: 1.7;
  color: var(--ast-global-color-3, #d8ccc5);
}
.mrph-confirmation__liste li { margin-bottom: .4rem; }
.mrph-confirmation__contact {
  margin: .9rem 0 0;
  font-size: .9rem;
  color: var(--ast-global-color-3, #d8ccc5);
}