/**
 * Custom WP Modifications - Fichier CSS de surcharge
 * 
 * Ce fichier CSS est chargé en dernier et vous permet de faire
 * toutes vos modifications personnalisées au thème WordPress
 * sans avoir besoin d'un thème enfant.
 * 
 * Les règles CSS ici auront la priorité sur les styles du thème
 * car elles sont chargées après (action wp_enqueue_scripts)
 */

/* ============================================
   MODIFICATIONS POUR LES PAGES DE VENTE
   ============================================ */

/* Styles spécifiques pour le panier WooCommerce */
/* Exemple : .woocommerce-cart .site-content { padding: 20px; } */

/* Styles spécifiques pour le checkout WooCommerce */
/* Exemple : .woocommerce-checkout .site-content { padding: 20px; } */

/* ============================================
   MODIFICATIONS GÉNÉRALES DU THÈME
   ============================================ */

   .wcf-empty-cart-notice-block,.wcf-shipping-method-options,.wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper h3, .wcf-embed-checkout-form .woocommerce h3, .wcf-embed-checkout-form .woocommerce h3 span, .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
   }
   .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-notices-wrapper .woocommerce-error, .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-NoticeGroup .woocommerce-message{
      flex-direction: column;
      font-family: 'Roboto', sans-serif !important;
      font-weight: 500 !important;
      align-items: flex-start;
   }
   .paiement-item{
      text-align: center;
   }
   .ast-woo-header-cart-total{
      white-space: nowrap;
   }
   .ast-no-widget-row{
      display: none;
   }
   a.ast-on-card-button{
      visibility: visible;
      opacity: 1;
   }
   a.ast-on-card-button .ahfb-svg-iconset{
      background: #E51B48;
      color:#fff;
      width: 3em;
      height: 3em;
      opacity: 1;
   }
   a.ast-on-card-button:hover .ast-icon svg:not([fill]){
      height: 20px;
      width: 20px;
   }
   #ast-desktop-header .ast-builder-grid-row{
      grid-gap: 0;
   }
   .astra-cart-drawer .astra-cart-drawer-content .widget_shopping_cart_content ul li{
      padding: 10px 0;
      display: flex;
   }
   .woocommerce-js ul.product_list_widget li img.attachment-woocommerce_thumbnail{
      position: initial;
      object-fit: contain;
      transform: none
   }
   .woocommerce-js span.quantity{
      gap: 4px
   }
   .astra-cart-drawer .astra-cart-drawer-content .widget_shopping_cart_content ul li.asnp-wepb-cart-bundle-item{
      padding-left:35px
   }
   .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{
      width: 250px;
   }
   .term-description h2{
      font-size: 20px;
   }
   body.maxi.woocommerce-js ul.product_list_widget li .wpr-mini-cart-product-name a
   {
      color: #243886;
   }


/* ============================================
   MODIFICATIONS RESPONSIVES
   ============================================ */

/* Tablettes */
@media (max-width: 1142px) {
   .main-header-menu > .menu-item > .menu-link{
      font-size: 14px;
      padding: 0 7px;
   }
   .site-header-primary-section-left>.ast-flex,.site-header-primary-section-right>.ast-flex{
      padding: 0;
   }
}
@media (max-width: 1000px) {
   .main-header-menu > .menu-item > .menu-link{
      font-size: 13.5px;
      padding: 0 5px;
   }
}

/* Mobiles */
@media (max-width: 480px) {
    /* Vos styles pour mobiles */
}

/* ============================================
   NOTES IMPORTANTES
   ============================================ 
   
   1. Utilisez !important seulement si nécessaire
   2. Soyez spécifique dans vos sélecteurs CSS
   3. Testez sur différentes tailles d'écran
   4. Inspectez votre site avec les outils développeur
      pour trouver les classes/id à modifier
   
   ============================================ */