/*
Theme Name: Astra Child Clients
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.10.1740612151
Updated: 2025-02-26 23:22:31

*/
.hfe-nav-menu__layout-horizontal li.menu-item.current-menu-item {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 0 !important;
  }

/* Affiliate Dashboard — fix texte blanc/gris invisible sur fond blanc */
#affiliateBox1 h1, #affiliateBox1 h2, #affiliateBox1 h3, #affiliateBox1 h4,
#affiliateBox1 h5, #affiliateBox1 h6, #affiliateBox1 p, #affiliateBox1 span,
#affiliateBox1 a, #affiliateBox1 li, #affiliateBox1 label, #affiliateBox1 div,
#affiliateBox1 td, #affiliateBox1 th,
#aff-controls, #aff-controls h1, #aff-controls h2, #aff-controls h3,
#aff-controls p, #aff-controls span, #aff-controls a, #aff-controls li,
#aff-controls td, #aff-controls th, #aff-controls div, #aff-controls label,
.aff-wrap, .aff-wrap h1, .aff-wrap h2, .aff-wrap h3, .aff-wrap p,
.aff-wrap span, .aff-wrap li, .aff-wrap td, .aff-wrap th, .aff-wrap div,
.aff-wrap label, .aff-wrap a,
.aff-wrap table.pure-table th, .aff-wrap table.pure-table td,
#affiliateBox1 table.pure-table th, #affiliateBox1 table.pure-table td {
    color: #1a1a1a !important;
}
/* Préserver couleurs sémantiques WPAM */
.aff-wrap span.status_active, #affiliateBox1 span.status_active { color: #16a34a !important; }
.aff-wrap span.status_declined, .aff-wrap span.status_inactive,
.aff-wrap span.status_blocked, .aff-wrap .wpam_form_error,
#affiliateBox1 span.status_declined, #affiliateBox1 span.status_inactive { color: #dc2626 !important; }
.aff-wrap span.status_approved, #affiliateBox1 span.status_approved { color: #2563eb !important; }
.aff-wrap .positiveMoney, #affiliateBox1 .positiveMoney { color: #16a34a !important; }
.aff-wrap .negativeMoney, #affiliateBox1 .negativeMoney { color: #dc2626 !important; }

@media (min-width: 1201px) {
    .ast-separate-container .ast-woocommerce-container {
        padding: 1.2em 1.2em !important;
    }
}

@media (min-width: 768px) {
    /* Header transparent : déclenché automatiquement par la class Astra native.
       Astra ajoute ast-theme-transparent-header sur les pages où le header
       transparent est activé (customizer ou metabox page). Pages sans cette
       class = comportement normal, aucun risque de casse sur les nouvelles pages. */
    /* Template default Astra : contenu dans #main */
    .ast-theme-transparent-header #main {
        margin-top: -98px;
    }

    /* Template Elementor header/footer (HFE) : pas de #main, contenu dans #content */
    body.page-template-elementor_header_footer.ast-theme-transparent-header #content.site-content {
        margin-top: -98px;
    }

    /* Header HFE (plugin Elementor Header Footer) + header transparent : #masthead doit
       rester DANS le flux, sinon les -98px ci-dessus collent le contenu SOUS le menu
       (chevauchement texte de page / texte du menu).
       header-footer-elementor.css déclare `.ehf-header #masthead{position:relative}` et
       Astra `.ast-theme-transparent-header #masthead{position:absolute}` : même spécificité
       (0,1,1,0) → c'est l'ORDRE de chargement qui tranche. Dès que la minification/combinaison
       CSS (LiteSpeed data-optimized) déplace la feuille HFE, l'ordre s'inverse et le header
       sort du flux. Spécificité (0,2,1,0) → cascade déterministe, quel que soit l'ordre. */
    .ehf-header.ast-theme-transparent-header #masthead {
        position: relative;
    }
    .woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        min-height: 50px;
    }
    body.woocommerce.woocommerce-page #secondary,
    body.woocommerce.woocommerce-page #primary{
        margin-top:15px !important;
        padding-right: 40px;
        padding-left: 40px;

    }
    
}
#menu-menuprincipal a.eael-item-active{
    text-decoration: underline ;

}
@media (max-width: 767px) {
    /* rajouter marge au dessus menu déroulant mobile */
    .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal {
        margin-top: 30px !important;
    }
}


@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

/* Masquage des panneaux En-tête / Pied de page du Customizer : voir
   digikoder_clients_hide_astra_header_footer_customizer() dans functions.php.
   (Le CSS front du thème n'est pas chargé dans le panneau du Customizer.) */


/*Masquer image page article seul */
.eael-simple-menu-toggle-text,
.single.single-post img.digikoder-featured-image,
.single.single-post .post-thumb-img-content.post-thumb {
    display: none !important;
}

/* corrections mise en page formulaire newsletter footer */
#newsletterBox1 .forminator-ui.forminator-custom-form{
  display:flex !important;
}

#newsletterBox1 .forminator-ui.forminator-custom-form .forminator-row.forminator-row-last{

  margin:20px 0 0 0 !important;
}

/* === MENU CONDITIONNEL — pages avec fond foncé === */
/* Défaut noir sans !important : les couleurs EAEL/Elementor (widget) priment. */
.eael-simple-menu .menu-link {
  color: #000000;
}
body.page-dark .eael-simple-menu .menu-link {
  color: #ffffff !important;
}
body.page-dark .eael-simple-menu .menu-link:hover {
  color: #f0f0f0 !important;
}
/* Burger mobile : icône blanche sur fond sombre */
body.page-dark .eael-simple-menu-toggle,
body.page-dark .eael-simple-menu-toggle i,
body.page-dark .eael-simple-menu-toggle svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* Icônes header HFE (recherche + panier) en blanc sur fond sombre */
body.page-dark .hfe-search-icon-toggle i,
body.page-dark .hfe-search-icon-toggle i:before,
body.page-dark .hfe-search-submit i,
body.page-dark .hfe-search-submit i:before,
body.page-dark .hfe-search-button-wrapper .hfe-search-icon-toggle i,
body.page-dark .hfe-menu-cart__toggle .elementor-button,
body.page-dark .hfe-menu-cart__toggle .elementor-button-icon,
body.page-dark .hfe-menu-cart__toggle .elementor-button-icon i,
body.page-dark .hfe-menu-cart__toggle .elementor-button-icon i:before {
  color: #ffffff !important;
  fill: #ffffff !important;
  border-color: #ffffff !important;
}
/* Panier skin Default = dessin CSS (bordures + :after), pas une icône font */
body.page-dark .hfe-cart-menu-wrap-default .hfe-cart-count,
body.page-dark .hfe-cart-menu-wrap-default span.hfe-cart-count,
body.page-dark .hfe-cart-menu-wrap-default .hfe-cart-count:after,
body.page-dark .hfe-masthead-custom-menu-items .hfe-cart-menu-wrap-default .hfe-cart-count {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
body.page-dark .hfe-menu-cart__toggle .elementor-button:hover,
body.page-dark .hfe-menu-cart__toggle .elementor-button-icon:hover,
body.page-dark .hfe-search-icon-toggle i:hover,
body.page-dark .hfe-cart-menu-wrap-default:hover .hfe-cart-count,
body.page-dark .hfe-cart-menu-wrap-default:hover .hfe-cart-count:after,
body.page-dark .hfe-cart-menu-wrap-default span.hfe-cart-count:hover {
  color: #f0f0f0 !important;
  fill: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
/* Sous-menus restent noir sur fond sombre */
body.page-dark .eael-submenu .menu-link,
body.page-dark .eael-simple-menu .sub-menu .menu-link {
  color: #000000 !important;
}
/* === MENU FORCÉ BLANC — sites 100% sombres === */
/* Classe `no-black-menu` à poser sur le widget Menu Elementor (Avancé > CSS Classes) */
.no-black-menu .eael-simple-menu .menu-link,
.no-black-menu.eael-simple-menu .menu-link {
  color: #ffffff !important;
}
.no-black-menu .eael-simple-menu .menu-link:hover,
.no-black-menu.eael-simple-menu .menu-link:hover {
  color: #f0f0f0 !important;
}
/* Burger mobile : icône blanche en permanence */
.no-black-menu .eael-simple-menu-toggle,
.no-black-menu .eael-simple-menu-toggle i,
.no-black-menu .eael-simple-menu-toggle svg,
.no-black-menu.eael-simple-menu-toggle,
.no-black-menu.eael-simple-menu-toggle i,
.no-black-menu.eael-simple-menu-toggle svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* Sous-menus : garde le noir (fond clair du dropdown) */
.no-black-menu .eael-submenu .menu-link,
.no-black-menu .eael-simple-menu .sub-menu .menu-link {
  color: #000000 !important;
}

/* Hamburger EAEL opt-in : mu-plugins/assets/css/dk-eael-menu-hamburger-always.css (ElementorEditorCompat). */

/* EAEL preset-1 : fond violet plugin (#4e36a3) → transparent sur sites clients */
.eael-simple-menu-container.preset-1:not(.dk-menu-expanded),
.eael-simple-menu-container.preset-1:not(.dk-menu-expanded) .eael-simple-menu.eael-simple-menu-horizontal,
.eael-simple-menu-container.preset-1:not(.dk-menu-expanded) .eael-simple-menu.eael-simple-menu-vertical {
  background-color: transparent !important;
}