/* Fiche produit publique -- les blocs qu'Axyss pose dans le resume produit du
   theme : mode de vente, mention courte, « pourquoi ne puis-je pas
   commander ? », « prevenez-moi ».

   ⚠ CETTE FEUILLE EST CHARGEE PAR LA FICHE PRODUIT (ASSCW_Product_Page), pas
   par le workspace. Ces regles ont vecu dans ass-client-workspace.css, qui ne
   se charge que sur les pages du workspace : sur la fiche, les blocs
   s'affichaient NUS -- titre noir, sans filet, sans italique -- et personne
   ne l'a vu avant une capture (19/09/2026). Une regle ecrite dans une feuille
   que la page ne charge pas est une regle qui n'existe pas. */

/* Mode de vente sur la fiche produit : ce que le client doit comprendre avant
   de choisir sa quantite. Presentation reprise de l'ancien deploiement, qui a
   fait ses preuves (retour Patrick, 19/09/2026) : le titre a l'accent, les
   explications en italique entre deux filets, la base du prix en grand sous
   un troisieme. Filets plutot qu'un cadre : le bloc s'insere dans le resume
   produit du theme, et un cadre plein y ferait une boite etrangere. Les
   couleurs sont celles du THEME quand il les declare (variables globales du
   constructeur de pages), la palette Axyss a defaut -- jamais un bouton. */
.asscw-sale-mode{margin:16px 0;padding:14px 0;border-top:1px solid rgba(191,172,149,.55);border-bottom:1px solid rgba(191,172,149,.55)}
.asscw-sale-mode__titre{margin:0 0 12px;font-weight:600;font-size:1.05em;color:var(--e-global-color-accent,#F2911B)}
.asscw-sale-mode__texte{margin:0 0 10px;font-size:.95em;line-height:1.55;font-style:italic}
.asscw-sale-mode__texte:last-child{margin-bottom:0}
.asscw-sale-mode__base{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(191,172,149,.55);font-size:1.25em}
.asscw-sale-mode__base-libelle{font-weight:400}
/* Le montant se detache du libelle : c'est lui qu'on cherche du regard, et le
   libelle qui le qualifie. Meme intention que la fiche eprouvee. */
.asscw-sale-mode__base-montant{font-weight:700;color:var(--e-global-color-primary,#3270A6)}
.asscw-sale-mode__base-montant del{opacity:.6;font-weight:400;margin-right:6px}
.asscw-sale-mode__base-montant ins{text-decoration:none}
   libelle qui le qualifie. Meme intention que la fiche eprouvee. */
.asscw-sale-mode__base-montant{font-weight:600;color:#3270A6}
.asscw-sale-mode__base-montant del{opacity:.6;font-weight:400;margin-right:6px}
.asscw-sale-mode__base-montant ins{text-decoration:none}

/* La mention sous le titre : elle previent, elle n'explique pas. Discrete mais
   impossible a manquer -- c'est la premiere chose lue apres le nom. */
.asscw-sale-mode__mention{margin:0 0 12px;font-style:italic;font-weight:600;color:#384759}

/* « Pourquoi je n'arrive pas a commander ? » — un cadre sobre, replie. La
   question a l'air d'un champ tant qu'on ne l'ouvre pas : c'est voulu, elle
   doit se remarquer sans crier. */
.asscw-pourquoi{margin:16px 0 0;border:1px solid rgba(191,172,149,.8);border-radius:6px;padding:12px 15px}
.asscw-pourquoi__q{cursor:pointer;color:#384759;font-size:15px;list-style:none}
.asscw-pourquoi__q::-webkit-details-marker{display:none}
.asscw-pourquoi__q::after{content:' BE';color:#3270A6}
.asscw-pourquoi[open] .asscw-pourquoi__q::after{content:' B4'}
.asscw-pourquoi__r{margin:10px 0 0;font-size:14px;line-height:1.5;color:#384759}
.asscw-pourquoi__suite{margin:8px 0 0;font-size:14px;line-height:1.5;color:#3270A6}

/* « Prevenez-moi » sous un article non commandable. Le module campagne ne pose
   aucun style sur sa page publique -- l'integrateur la compose -- mais ce
   bloc-ci s'insere dans la fiche produit du theme : sans un minimum
   d'espacement il colle a la mention qui le precede. On ne va pas plus loin :
   les couleurs restent celles du theme. */
.asscw-campaign-attente{margin:12px 0 0}
.asscw-campaign-attente .asscw-campagne__attente{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.asscw-campaign-attente .asscw-campagne__attente label{flex:1 0 100%;font-size:14px;color:#384759}
.asscw-campaign-attente .asscw-campagne__attente-msg{flex:1 0 100%;font-size:13px;color:#384759}

/* ----- Ligne de commande avec vignette : le nom est un bouton qui ouvre
   l'apercu. Il garde l'allure d'un lien : c'est ce qu'on attend d'un nom de
   produit cliquable. ----- */
.asscw-order-line{display:flex;align-items:center;gap:12px}
.asscw-order-line__thumb{flex:0 0 52px;width:52px;height:52px;padding:0;border:1px solid rgba(191,172,149,.55);border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}
.asscw-order-line__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.asscw-order-line__name{background:none;border:0;padding:0;font:inherit;color:#3270A6;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.asscw-order-line__name:hover{color:#384759}
.asscw-order-line__info{display:block;font-size:12.5px;line-height:1.4;color:#5a6b80;margin-top:2px}
.asscw-order-line__stock{color:#384759}

/* ----- L'apercu : la fiche par-dessus l'ecran, sans le quitter. Un panneau
   centre, defilant, ferme par la croix, le fond ou Echap. ----- */
body.asscw-apercu-ouvert{overflow:hidden}
.asscw-apercu-overlay{position:fixed;inset:0;z-index:100000;background:rgba(56,71,89,.55);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:32px 16px}
.asscw-apercu-box{position:relative;background:#fff;border-radius:12px;max-width:860px;width:100%;padding:28px 30px 26px;box-shadow:0 18px 50px rgba(56,71,89,.35)}
.asscw-apercu-fermer{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#F2E4D8;color:#384759;font-size:24px;line-height:1;cursor:pointer}
.asscw-apercu-fermer:hover{background:#e6d3c2}
.asscw-apercu-attente{margin:0;color:#5a6b80}
.asscw-apercu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:26px;align-items:start}
.asscw-apercu__media img{display:block;width:100%;height:auto;border-radius:8px}
.asscw-apercu__titre{margin:0 0 10px;font-size:1.5em;line-height:1.25}
.asscw-apercu__reference{margin:0 0 8px;font-size:12.5px;color:#5a6b80}
.asscw-apercu__prix{margin:0 0 8px;font-size:1.25em;font-weight:700;color:#3270A6}
.asscw-apercu__prix del{opacity:.6;font-weight:400;margin-right:6px}
.asscw-apercu__prix ins{text-decoration:none}
.asscw-apercu__dispo{margin:0 0 10px;font-size:13px;color:#384759}
.asscw-apercu__courte,.asscw-apercu__description{font-size:.95em;line-height:1.55}
.asscw-apercu__description{margin-top:14px}
.asscw-apercu__lien{margin:18px 0 0}
.asscw-apercu__lien a{color:#3270A6;font-weight:600;text-decoration:none}
.asscw-apercu .asscw-fiche__classement-seul{margin-top:14px}
@media (max-width:640px){.asscw-apercu{grid-template-columns:1fr}.asscw-apercu-box{padding:22px 18px 20px}}