/* ==========================================================================
   Paraexpert – CSS personnalisé (migré depuis WPCode)
   Thème enfant : moderno-child
   Fichier : assets/css/paraexpert.css

   CE QUE FAIT CE FICHIER
   Feuille de style unique qui regroupe les personnalisations visuelles du
   site, auparavant injectées par l'extension WPCode. Elle est chargée sur
   toutes les pages par functions.php (handle « paraexpert-custom »),
   APRÈS les styles du thème Moderno, pour que ces règles l'emportent.

   CONTENU
   - Variables de couleur Paraexpert (--px-green, --px-promo, --px-blue…)
   - Grille produits : bouton « Ajouter au panier » vert toujours visible
     sous l'image, badges colorés (promo, nouveau, vedette), prix en rouge
   - Recherche instantanée : couleurs de prix, catégories masquées
   - Fiche produit : onglet actif en vert, encart de réassurance
   - Boutons du thème en vert, ajustements mobile (< 768 px)

   MAINTENANCE
   - Une section par ancien extrait WPCode, repérée par [WPCode #ID].
   - Après modification : vider le cache WP Rocket (la version du fichier
     change automatiquement grâce à filemtime() dans functions.php).
   ========================================================================== */


/* --------------------------------------------------------------------------
   [WPCode #82634] Esthétique – couleurs, badges et bouton Ajouter au panier
   Ajouté le 08/10/2026 par Asma – Paraexpert – Couleurs & boutons (point 5 – esthétique)
   -------------------------------------------------------------------------- */
/*:root{
  --px-green:#3a9a3f;
  --px-green-dark:#2c7a31;
  --px-blue:#1f5a96;
  --px-promo:#e5484d;
  --px-gold:#f2a516;
}
*/
/* 1. Bouton "Ajouter au panier" toujours visible sous l'image, en vert */
.c-product-grid__thumb-wrap{overflow:visible;}
.c-product-grid__thumb-wrap .woocommerce-LoopProduct-link{display:block;overflow:hidden;position:absolute;inset:0;}
.c-product-grid__atc-block{top:calc(100% + 10px) !important;bottom:auto !important;left:14px !important;right:14px !important;height:40px;opacity:1 !important;visibility:visible !important;transform:none !important;overflow:visible;z-index:3;}
.c-product-grid__atc-block > button{display:none !important;}
.c-product-grid__atc{width:100%;height:40px;justify-content:center;align-items:center;gap:8px;background:#3a9a3f !important;color:#fff !important;border-radius:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:background .2s, transform .2s;}
.c-product-grid__atc:hover{background:#2c7a31 !important;transform:translateY(-1px);}
.c-product-grid__atc .c-product-grid__atc-text{display:inline !important;position:static !important;opacity:1 !important;visibility:visible !important;color:#fff !important;width:auto !important;height:auto !important;clip:auto !important;}
.c-product-grid__atc i{color:#fff !important;font-size:16px;}
.c-product-grid__atc .c-product-grid__atc-icon-mobile{display:none !important;}
.c-product-grid__details{padding-top:62px !important;}

/* 2. Badges colorés */
.c-badge{border-radius:4px;font-weight:700;}
.c-badge--sale{background:#e5484d !important;color:#fff !important;border-color:#e5484d !important;}
.c-badge--new{background:#3a9a3f !important;color:#fff !important;border-color:#3a9a3f !important;}
.c-badge--featured{background:#f2a516 !important;color:#fff !important;border-color:#f2a516 !important;}
.c-badge--custom{background:#1f5a96 !important;color:#fff !important;border-color:#1f5a96 !important;}
/* Badge « Bientôt disponible » masqué sur les vignettes produits (conservé sur la fiche produit) – 09/10/2026 */
.c-product-grid__item .c-badge--out-of-stock{display:none !important;}

/* 3. Prix : prix à payer toujours en rouge (promo ou non), ancien prix barré en noir, marque en bleu
 *    (modifié le 09/10/2026 : prix non remisés passés du vert au rouge pour l'uniformité) */
.c-product-grid__item .price ins,.c-product-grid__item .price ins .amount{color:#e5484d !important;font-weight:700;text-decoration:none;}
.c-product-grid__item .price > .amount{color:#e5484d;font-weight:700;}
/* Fenêtre de recherche instantanée : mêmes couleurs de prix, catégories masquées */
.c-header-search__price ins,.c-header-search__price ins .amount,.c-header-search__price > .amount{color:#e5484d !important;font-weight:700;text-decoration:none;}
.c-header-search__price del,.c-header-search__price del .amount{color:#070707 !important;}
.c-header-search__category-list{display:none !important;}
.br_brand_shop_container a{color:#1f5a96 !important;font-weight:600;}

/* 4. Onglets produits : onglet actif en vert */
.c-ip-product-tabs__menu-link{transition:color .2s;}
.c-ip-product-tabs__menu-link:hover,.c-ip-product-tabs__menu-item.active .c-ip-product-tabs__menu-link{color:#3a9a3f !important;}
.c-ip-product-tabs__menu-item.active{border-bottom:2px solid #3a9a3f !important;}

/* 5. Boutons du thème en vert (Voir tous les résultats, Filtrer, Lire la suite…) */
.c-button:not(.c-button--outline){background:#3a9a3f;border-color:#3a9a3f;color:#fff;border-radius:6px;}
.c-button:not(.c-button--outline):hover{background:#2c7a31;border-color:#2c7a31;}
.c-button--outline{border-color:#3a9a3f;color:#3a9a3f;border-radius:6px;}
.c-button--outline:hover{background:#3a9a3f;color:#fff;}

/* Mobile */
@media (max-width:767px){
  .c-product-grid__atc-block{left:8px !important;right:8px !important;height:36px;}
  .c-product-grid__atc{height:36px;font-size:11px;letter-spacing:0;gap:6px;}
  .c-product-grid__atc i{font-size:14px;}
  .c-product-grid__details{padding-top:54px !important;}
}


/* --------------------------------------------------------------------------
   [WPCode #82656] Fiche produit – encart réassurance
   → Coller ici le contenu de la balise <style> qui se trouve actuellement
     DANS la fonction paraexpert_reassurance_box() (règles .px-reassurance…,
     .px-reassurance__text…, .single-product .single_add_to_cart_button…),
     sans les balises <style> et </style>.
   -------------------------------------------------------------------------- */