/** * PAAJIP — Restylage des notices WooCommerce (erreur / succès / info) sur la page produit, pour * remplacer leur habillage par défaut (blocs épais rouge/vert, icône WooCommerce) par le style * "pastille" déjà utilisé partout ailleurs dans le plugin (.paajip-badge, .badge-rouge, .badge-vert * — voir paajip-gestion.php), et rester cohérent visuellement avec le reste de la fiche produit. * * [23/09/2026] Demande initiale : un encart de notice WooCommerce s'affichait juste après un clic * sur "Ajouter au panier" (succès natif WooCommerce, ou un des blocages ajoutés par * paajip_bloquer_reinscription_meme_activite() / paajip_bloquer_adhesion_deja_valide() dans * paajip-gestion.php) avec le style WooCommerce brut, jugé peu esthétique — et difficile à isoler * car cette notice ne s'affiche qu'une seule fois, juste après le rechargement de page qui suit * l'ajout au panier (WooCommerce la vide de la session dès qu'il l'a affichée). * * Volontairement limité à la page produit (classe "single-product" que WordPress ajoute * automatiquement au ) pour ne rien changer sur le panier, le tunnel de commande ou * "Mon compte", où ces mêmes notices gardent leur apparence actuelle. * * [23/09/2026 v2] "border: none" (et pas juste "border-top: none") : le thème pose en fait une * bordure verte sur TOUS les côtés de la notice (pas seulement en haut comme le fait WooCommerce * par défaut), ce qui laissait un contour vert visible même sur l'encart rouge une fois le fond * recoloré. Les badges du plugin (.paajip-badge) n'ont eux-mêmes aucune bordure, juste un fond * pastel — on retire donc toute bordure ici aussi pour rester cohérent. * * [23/09/2026 v3] "!important" ajouté sur toutes les propriétés qui reprennent visuellement * l'encart (bordure, fond, padding, ombre...) : même cause que pour paajip-cache-date-fin-activite.css * et paajip-cache-stock-doublon-panier.css — le thème applique sa propre règle sur ces notices * avec une spécificité au moins égale à la nôtre, donc sans !important c'est la sienne qui gagne * selon l'ordre de chargement des feuilles de style (la bordure verte restait visible malgré le * "border: none" de la v2). */ body.single-product .woocommerce-error, body.single-product .woocommerce-message, body.single-product .woocommerce-info { border: none !important; border-radius: 10px !important; padding: 14px 18px !important; list-style: none !important; font-size: 13px; line-height: 1.5; font-weight: 700; box-shadow: none !important; outline: none !important; } /* Retire l'icône WooCommerce par défaut (police "WooCommerce", pictogramme en ::before) : la couleur du fond suffit à distinguer erreur/succès/info, comme pour les badges du plugin. */ body.single-product .woocommerce-error::before, body.single-product .woocommerce-message::before, body.single-product .woocommerce-info::before { display: none !important; } body.single-product .woocommerce-error { background: #fee2e2 !important; color: #991b1b !important; } body.single-product .woocommerce-message { background: #dcfce7 !important; color: #166534 !important; } body.single-product .woocommerce-info { background: #dbeafe !important; color: #1e3a8a !important; } /* [23/09/2026 v4] Le lien natif WooCommerce "Voir le panier" (classe "button wc-forward", ajoutée automatiquement par WooCommerce sur certains messages — ex. "vous en avez déjà 2 dans votre panier") s'affichait en gros bouton, jugé "moche" dans un encart déjà coloré. On veut juste un lien texte simple, cohérent avec le lien "Voir le panier" ajouté à la main dans paajip-gestion.php (paajip_bloquer_adhesion_deja_dans_panier). * * [23/09/2026 v5] "all: unset" de la v4 retiré : trop radical (il touchait aussi "position", * "display", "float"...), ce qui a fait apparaître une bordure autour de TOUTE la colonne produit — * sans doute un style d'accessibilité du thème sur un ancêtre de la colonne, déclenché par une de * ces propriétés remise à zéro. On ne touche donc plus qu'aux propriétés nécessaires pour retirer * l'apparence "bouton" (fond, bordure, padding, arrondi, ombre), sans toucher à "display"/"position". * * [23/09/2026 v6] "outline: none" rajouté (mais UNIQUEMENT sur ce lien précis, pas en "all: unset" * comme la v4 fautive) : ce lien "Voir le panier" natif est spécifiquement mis au focus par le script * de WooCommerce à l'affichage de la notice (contrairement au lien texte ajouté à la main dans * paajip-gestion.php, jamais focus par du JS) — d'où le contour visible autour de lui seul, différent * du bug de la v4 qui touchait toute la colonne. Sans risque de récidive : la v5 avait déjà isolé le * problème à "position"/"display"/"float" (jamais touchés ici), pas à "outline". * * [23/09/2026 v7] Toujours une bordure malgré "border: none !important" : la bordure vient en fait * d'un système de boutons du thème piloté par variables CSS (--btn-border-width, --btn-border-color, * etc. — visibles dans l'inspecteur), posées par une règle au moins aussi spécifique que la nôtre ET * elle-même en !important, donc notre !important seul ne suffisait pas à trancher. On répète la * classe ".button" quatre fois (".button.button.button.button" — astuce sans risque, ça ne change * rien pour le HTML, WooCommerce n'a qu'une seule classe "button" sur ce lien) pour rendre notre * sélecteur plus spécifique que celui du thème, et on détaille aussi "border-width/-style/-color" en * plus du raccourci "border", au cas où le thème définirait ces trois-là séparément plutôt qu'en un * bloc — pour être sûr qu'aucune de ces déclarations individuelles ne puisse rester prioritaire. * * [23/09/2026 v8] "color: inherit" remplacé par une couleur fixe (#56a58d, survol #26a1c4 — * couleur accent déjà utilisée ailleurs dans le plugin, ex. .paajip-navette-trajet-nom) : sur * demande, le lien doit ressortir avec sa propre couleur plutôt que reprendre celle, rouge/verte/ * bleue selon le type, du texte de la notice. Même couleur/typo appliquée aussi au lien texte simple * ajouté à la main dans paajip-gestion.php (sans classe "button", ex. "Minnie a déjà une adhésion en * cours d'achat. Voir le panier") juste en dessous, pour que les deux soient identiques. */ body.single-product .woocommerce-message a.button.button.button.button, body.single-product .woocommerce-error a.button.button.button.button { background: transparent !important; background-image: none !important; border: none !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; color: #56a58d !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 700 !important; } body.single-product .woocommerce-message a.button.button.button.button:hover, body.single-product .woocommerce-error a.button.button.button.button:hover { color: #26a1c4 !important; } /* Lien texte simple (sans classe "button", ex. celui ajouté à la main dans paajip_bloquer_adhesion_deja_dans_panier() de paajip-gestion.php) : même couleur/typo que le lien natif WooCommerce ci-dessus, pour qu'ils soient identiques quel que soit le message. Pas besoin de la même astuce de spécificité ("button" répété) puisqu'il n'affronte pas le système de boutons du thème (aucune classe "button" à écraser ici). */ body.single-product .woocommerce-message a:not(.button), body.single-product .woocommerce-error a:not(.button), body.single-product .woocommerce-info a:not(.button) { color: #56a58d !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 700 !important; text-decoration: none !important; } body.single-product .woocommerce-message a:not(.button):hover, body.single-product .woocommerce-error a:not(.button):hover, body.single-product .woocommerce-info a:not(.button):hover { color: #26a1c4 !important; } /* Le texte du blocage est dans un
  • (WooCommerce affiche .woocommerce-error comme une