@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
h1, h2, h3, h4, h5, h6 {
  font-family: 'Amatic SC', cursive;
}
#_desktop_top_menu .top-menu > li > a {
  font-family: 'Amatic SC', cursive;
  font-size: 18px;   /* tu peux ajuster selon la lisibilité */
}
/* Liens du menu principal */
#_desktop_top_menu .top-menu > li > a {
  font-size: 14px;        /* 16px par défaut sur beaucoup de thèmes */
  padding: 10px 12px;     /* réduit l’espace horizontal */
  letter-spacing: 0;      /* évite d’étirer les mots */
  text-transform: none;   /* au cas où le thème force les MAJUSCULES */
}

/* Conteneur : éviter que ça déborde */
#_desktop_top_menu .top-menu {
  flex-wrap: nowrap;      /* reste sur 1 ligne */
}
/* Taille et style du menu principal */
#_desktop_top_menu .top-menu > li > a {
  font-family: 'Amatic SC', cursive;
  font-size: 22px;       /* augmente la taille de la police */
  font-weight: 700;      /* plus lisible (gras léger) */
  padding: 12px 18px;    /* espace autour des liens */
}

/* Police Google (si pas déjà importée) */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

/* ===== Taille + police des liens de menu (tous cas) ===== */
#_desktop_top_menu .top-menu > li > a,
#_desktop_top_menu #top-menu > li > a,
.top-menu > li > a,
#top-menu > li > a {
  font-family: 'Amatic SC', cursive !important;
  font-size: 22px !important;     /* ajuste à 20–24 selon rendu */
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 12px 18px !important;  /* espace autour du texte */
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ===== Centrage du menu ===== */
#_desktop_top_menu .top-menu,
#_desktop_top_menu #top-menu,
.top-menu,
#top-menu {
  display: flex !important;
  justify-content: center !important;  /* centre horizontalement */
  align-items: center !important;
  gap: 12px;                            /* espace régulier entre items */
  flex-wrap: nowrap;                    /* reste sur 1 ligne si possible */
}

/* Empêche certains thèmes de forcer alignements flottants */
#_desktop_top_menu .top-menu > li,
#_desktop_top_menu #top-menu > li,
.top-menu > li,
#top-menu > li {
  float: none !important;
}

/* Optionnel : réduire un peu sur écrans plus petits */
@media (max-width: 1200px) {
  #_desktop_top_menu .top-menu > li > a,
  #_desktop_top_menu #top-menu > li > a,
  .top-menu > li > a,
  #top-menu > li > a {
    font-size: 20px !important;
    padding: 10px 14px !important;
  }
}
/* Centre le bloc du menu lui-même */
#_desktop_top_menu {
  display: flex !important;
  justify-content: center !important;
}
/* Liens du menu catégories avec la couleur du logo */
#_desktop_top_menu .top-menu > li > a,
#_desktop_top_menu #top-menu > li > a {
  color: #AEA99D !important;       /* couleur du logo */
  background: transparent !important;
}

/* Couleur au survol ou catégorie active */
#_desktop_top_menu .top-menu > li:hover > a,
#_desktop_top_menu .top-menu > li.current > a {
  color: #7d786c !important;       /* une teinte plus foncée pour effet hover */
}
/* Texte de la barre supérieure (header-nav) */
#header .header-nav,
#header .header-nav a,
#header .header-nav span {
  color: #AEA99D !important;   /* couleur du logo */
  background: transparent !important; /* garder le fond clair */
}

/* Optionnel : mettre en italique pour plus de légèreté */
#header .header-nav {
  font-style: italic;
}
h1.productpage_title {
  color: #aea99d;
}
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

h1.productpage_title {
  color: #aea99d;         /* couleur de votre logo */
  font-family: 'Amatic SC', cursive; /* police Amatic */
  font-size: 2.5rem;      /* vous pouvez ajuster la taille si besoin */
  font-weight: 700;       /* 400 pour normal, 700 pour bold */
}
.btn.btn-primary {
  background-color: #aea99d !important; /* couleur du logo */
  border-color: #aea99d !important;     /* bordure assortie */
  color: #fff !important;               /* texte en blanc */
}

.btn.btn-primary:hover {
  background-color: #8d887f !important; /* un peu plus foncé au survol */
  border-color: #8d887f !important;
}

/* Cacher le texte d'origine */
.ax-user-icon {
  font-size: 0 !important;
}

/* Afficher Mon compte */
.ax-user-icon::before {
  content: "Mon compte";
  font-size: 14px;       /* ajuste selon la taille que tu veux */
  color: inherit;        /* garde la couleur du thème */
}

/* Remplacer "Search Products Here" par "Rechercher un produit" */
.form-control.ac_input.ui-autocomplete-input::placeholder {
  color: inherit;
  font-size: 14px;
  content: "Rechercher un produit"; /* certains navigateurs ignorent content, mais on garde */
}

/* Compatibilité Chrome / Edge / Safari */
.form-control.ac_input.ui-autocomplete-input::-webkit-input-placeholder {
  color: inherit;
  font-size: 14px;
  content: "Rechercher un produit";
}

/* Compatibilité Firefox */
.form-control.ac_input.ui-autocomplete-input::-moz-placeholder {
  color: inherit;
  font-size: 14px;
}

/* Compatibilité IE/Edge Legacy */
.form-control.ac_input.ui-autocomplete-input:-ms-input-placeholder {
  color: inherit;
  font-size: 14px;
}
.breadcrumb {
    background-color: #ffffff !important; /* fond blanc */
    border: none !important; /* enlève les traits de séparation */
    box-shadow: none !important; /* enlève l’ombre */
}
/* Titre principal de catégorie */
h1.h1 {
    color: #aea99d !important;
    font-size: 2rem; /* taille mise en valeur */
    font-weight: 600; /* semi-gras, plus doux que bold */
    letter-spacing: 1px; /* espace léger entre les lettres */
    margin-bottom: 20px; /* aère un peu le bas */
}

/* Sous-titres H2 */
h2 {
    color: #aea99d !important;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 25px;  /* espace avant */
    margin-bottom: 10px; /* espace après */
}

/* Sous-titres H3 */
h3 {
    color: #aea99d !important;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 8px;
}

/* Supprime tous les titres de blocs latéraux partout */
#left-column h6.block_title,
#right-column h6.block_title {
  display: none !important;
}

/* Supprime aussi le contenu juste après le titre (évite un trou) */
#left-column h6.block_title + *,
#right-column h6.block_title + * {
  display: none !important;
}

/* BONUS (navigateurs récents) : supprime tout le bloc parent s’il contient un block_title */
#left-column .block:has(> h6.block_title),
#right-column .block:has(> h6.block_title) {
  display: none !important;
}
/* Forcer la colonne principale à occuper toute la largeur */
body#category #content-wrapper.col-md-9,
body#category #content-wrapper.col-lg-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Centrer le bloc de description catégorie */
body#category .block-category {
  max-width: 980px; /* largeur de lecture confortable */
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center; /* garde ton texte centré */
}

/* Centrer aussi la barre de tri et compteur produits */
body#category .products-selection {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Menu catégories (desktop) : texte plus petit et plus serré */
#_desktop_top_menu .top-menu > li > a {
  font-size: 15px !important;      /* essaie 14px si besoin */
  letter-spacing: 0.02em !important;/* réduit l’espacement des lettres */
  padding: 8px 10px !important;     /* marge horizontale plus faible */
  line-height: 1.2 !important;
}

/* Réduit l’espace entre items si le thème utilise gap/flex */
#_desktop_top_menu .top-menu {
  gap: 10px !important;
  column-gap: 10px !important;
}

/* Quand l’espace est encore limité, on réduit un peu plus */
@media (max-width: 1400px) {
  #_desktop_top_menu .top-menu > li > a {
    font-size: 14px !important;
    padding: 6px 8px !important;
  }
}
@media (max-width: 1280px) {
  #_desktop_top_menu .top-menu > li > a {
    font-size: 13px !important;
    padding: 6px 6px !important;
  }
}/* === Catégories : remettre la colonne principale à 100% et annuler tout offset === */
body#category #content-wrapper[class*="col-"],
body#category #content-wrapper[class*="offset-"]{
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

/* Centrer la rangée principale si Bootstrap la pousse d'un côté */
body#category .container > .row{
  justify-content: center !important;
}

/* === Bloc titre + description : centré à l'écran === */
body#category .block-category{
  max-width: 980px;                 /* largeur de lecture (ajuste 900–1100px) */
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  display: block;
}

/* Titre centré */
body#category h1.h1{ text-align: center; }

/* Texte à gauche dans le bloc centré (le plus lisible) */
body#category .block-category,
body#category .block-category .category-description{ text-align: left; }

/* Option : si tu veux aussi centrer le texte, remplace la règle ci-dessus par : */
/*
body#category .block-category,
body#category .block-category .category-description{ text-align: center !important; }
*/

/* Centrer aussi la barre "X produits / Trier par" sous l'intro */
body#category .products-selection{
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Import de la police Amatic SC */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

/* Tous les titres de catégories */
.page-category h1.h1 {
    font-family: 'Amatic SC', cursive !important;
    font-size: 28px; /* ajuste selon ton besoin */
    font-weight: 700; /* ou 400 pour plus fin */
    text-transform: none; /* enlève les majuscules si besoin */
}
.page-category .block-category-inner {
    margin-bottom: 30px;
}

  /* === Police Amatic SC pour les titres de catégories === */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
.page-category h1.h1 {
  font-family: 'Amatic SC', cursive !important;
  font-size: 28px !important; /* ajuste si besoin */
  font-weight: 700 !important;
}

/* === Espace sous la description de catégorie === */
.page-category .category-description,
.page-category .block-category-inner {
  margin-bottom: 30px !important;
}

/* === Gris anthracite doux pour textes/prix/icônes === */
body,
a,
h1,h2,h3,h4,h5,h6,
.product-title a,
.price,
.product-price,
.product-price-and-shipping,
.product-miniature .price,
.current-price,
.blockcart,
.blockcart a,
.breadcrumb a,
.header-nav a,
.footer-container,
.material-icons,
.fa,.fas,.far {
  color: #444444 !important;
  fill: #444444 !important; /* pour certains SVG/icônes */
}


}
/* Import de la police Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Appliquer Playfair aux textes de description */
.page-category .category-description,
.page-category .block-category-inner,
.product-description,
.product-information,
#product-details,
#description,
#product-description-short,
.block-category {
  font-family: 'Playfair Display', serif !important;
  font-size: 16px; /* ajuste la taille si tu veux plus petit/grand */
  line-height: 1.6; /* aère un peu le texte */
  font-weight: 400;
}
/* Bouton "Ajouter au panier" partout (liste + fiche produit) */
button.btn.btn-primary[data-button-action="add-to-cart"],
.product-add-to-cart .add-to-cart.btn.btn-primary,
.product-miniature .add-to-cart.btn.btn-primary {
  background-color: #f5f5f5 !important;  /* remplace par le gris du bandeau si besoin */
  border-color: #f5f5f5 !important;
  color: #333 !important;
  background-image: none !important;
}

button.btn.btn-primary[data-button-action="add-to-cart"]:hover,
.product-add-to-cart .add-to-cart.btn.btn-primary:hover,
.product-miniature .add-to-cart.btn.btn-primary:hover {
  background-color: #e9e9e9 !important;
  border-color: #e9e9e9 !important;
  color: #000 !important;
}
/* Remplacer "View Cart" par "Voir le panier" dans le mini-panier */
.cart-wishlist-action a.cart-wishlist-viewcart.btn.btn-primary {
  font-size: 0 !important;       /* masque le texte d'origine */
  position: relative;
  white-space: nowrap;
}

.cart-wishlist-action a.cart-wishlist-viewcart.btn.btn-primary::after {
  content: "Voir le panier";
  font-size: 14px;                /* remets une taille lisible */
  line-height: 1;
  display: inline-block;
}
/* Remplace le libellé "View More Products" par "Voir plus de créations" */
a.all-product-link.h4 {
  font-size: 0 !important;            /* masque le texte d'origine */
  position: relative;
  white-space: nowrap;
}
a.all-product-link.h4::after {
  content: "Voir plus de créations";   /* nouveau libellé */
  font-size: 1rem;                     /* ajuste au style du thème (≈ 16px) */
  font-weight: 600;
  text-transform: none;                /* évite la mise en majuscules forcée */
  line-height: 1;
}
/* Bouton "Voir plus de créations" - page de confirmation de commande */
.page-order-confirmation section.featured-products a.all-product-link.h4 {
  background: #f5f5f5 !important;   /* gris clair */
  color: #333 !important;            /* texte gris foncé */
  border: 1px solid #e6e6e6 !important;
  text-decoration: none;
  border-radius: 4px;                 /* option : angles doux */
  padding: 0.85rem 1.2rem;            /* ajuste si besoin */
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* États hover/focus pour cohérence */
.page-order-confirmation section.featured-products a.all-product-link.h4:hover,
.page-order-confirmation section.featured-products a.all-product-link.h4:focus {
  background: #eeeeee !important;     /* un ton plus soutenu au survol */
  color: #111 !important;
  border-color: #dcdcdc !important;
  outline: none;
}

/* Icône Material à gauche : même couleur que le texte */
.page-order-confirmation section.featured-products a.all-product-link.h4 i.material-icons {
  color: inherit !important;
}
/* --- Menu mobile en colonne, propre et scrollable --- */
@media (max-width: 991.98px) {
  /* Conteneur du panneau mobile */
  #mobile_top_menu_wrapper,
  #_mobile_top_menu {
    background: #fff !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Liste principale du menu */
  #_mobile_top_menu ul#top-menu.top-menu,
  #mobile_top_menu_wrapper ul#top-menu.top-menu {
    display: flex !important;
    flex-direction: column !important;   /* empile en vertical */
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
  }

  /* Éléments et liens : pleine largeur, confort de clic */
  #_mobile_top_menu ul#top-menu.top-menu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;               /* neutralise un éventuel float */
    border-bottom: 1px solid #eee;
  }
  #_mobile_top_menu ul#top-menu.top-menu > li > a {
    display: block !important;
    padding: 14px 18px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  /* Filets de nettoyage contre tout carrousel/horizontal résiduel */
  #_mobile_top_menu .slick-track,
  #_mobile_top_menu .owl-stage,
  #_mobile_top_menu .swiper-wrapper {
    transform: none !important;
    width: auto !important;
  }
  #_mobile_top_menu .slick-slide,
  #_mobile_top_menu .owl-item {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
/* --- Correctif header mobile : logo centré, icônes espacées à droite --- */
@media (max-width: 991.98px) {

  /* Revenir au layout d'origine */
  .header-nav .container { display: block !important; }

  /* Hamburger à gauche */
  #menu-icon { float: left !important; }

  /* Logo centré */
  #_mobile_logo {
    display: block !important;
    text-align: center !important;
    float: none !important;
  }

  /* Icônes à droite, côte à côte */
  #_mobile_cart,
  #_mobile_user_info {
    float: right !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  /* Espace entre “Mon compte” et le panier */
  #_mobile_user_info { margin-right: 12px !important; }

  /* Option : réduire le texte "Mon compte" plutôt que le masquer */
  /* #_mobile_user_info .user-info-data { font-size: 12px !important; } */
}
/* --- Corrige le chevauchement "Mon compte" / panier sur mobile --- */
@media (max-width: 991.98px) {
  /* Supprime le libellé ajouté en pseudo-élément (source du chevauchement) */
  #_mobile_user_info .ax-user-icon::before {
    content: none !important;
    display: none !important;
  }

  /* Aligne proprement les deux blocs à droite */
  #_mobile_user_info,
  #_mobile_cart {
    float: right !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle;
  }

  /* Espace visible entre "Mon compte" et le panier */
  #_mobile_cart { margin-left: 12px !important; }

  /* Conserve le texte "Mon compte" mais compact */
  #_mobile_user_info .user-info-data {
    font-size: 12px !important;
    line-height: 1 !important;
    margin-left: 6px !important; /* écart entre l’icône et le texte */
    white-space: nowrap !important;
  }
}
/* Cache le sélecteur de catégories dans la barre de recherche */
#search_widget .aei_search,
#search_widget select[name="aeicats"],
#search_widget .bootstrap-select {
  display: none !important;
}

/* Ré-étire le champ de recherche quand le sélecteur est masqué */
#search_widget .form_search {
  display: flex !important;
  gap: .5rem;
}
#search_widget .form_search input[type="text"] {
  flex: 1 1 auto !important;
}
#search_widget .form_search button[type="submit"] {
  flex: 0 0 auto !important;
}
/