/* ===================================================================
   SITE DESIGN OVERRIDE — Aligner tout le site sur la charte homepage
   Palette: beige #f6f2e9, crème #fffdf9, or #c79b38, charcoal #0d0c0a
   =================================================================== */

/* --- BODY & BACKGROUND --- */
body { background: #f6f2e9 !important; }
.site-content, .inside-article { background: transparent !important; }

/* --- FOOTER --- */
.site-footer {
  background: #0d0c0a !important;
  color: #fffdf9 !important;
}
.site-footer a { color: #c79b38 !important; }
.site-footer a:hover { color: #e8c26a !important; }
.site-footer .footer-bar { background: #060503 !important; }
.footer-widgets { background: #0d0c0a !important; }
.footer-widgets .widget-title { color: #c79b38 !important; }
.footer-widgets, .footer-widgets p, .footer-widgets li { color: #ccc5b5 !important; }

/* --- MENU HOVER --- */
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
  color: #c79b38 !important;
}
.main-navigation ul ul { background: #0d0c0a !important; border-top: 2px solid #c79b38 !important; }
.main-navigation ul ul a { color: #fffdf9 !important; }
.main-navigation ul ul a:hover { color: #c79b38 !important; background: rgba(199,155,56,0.08) !important; }

/* --- MEGA MENU --- */
li.mega-menu-coloration > ul.sub-menu { border-top-color: #c79b38 !important; }
li.mega-menu-coloration > ul.sub-menu > li > a { color: #c79b38 !important; border-bottom-color: #c79b38 !important; }

/* --- PLUGIN BOUTIQUE (classes .mbp-*) --- */
.mbp-filters-title { border-bottom-color: #c79b38 !important; }
.mbp-category-toggle .mbp-category-badge { background: #c79b38 !important; color: #0d0c0a !important; }
.mbp-page-link.current { background: #c79b38 !important; color: #0d0c0a !important; }
.mbp-filter-submit { background: #c79b38 !important; color: #0d0c0a !important; }
.mbp-product-price { color: #0d0c0a !important; font-weight: 700 !important; }

/* --- CARTES PRODUIT --- */
.mbp-product-card, .products .product, .woocommerce ul.products li.product {
  background: #fffdf9 !important;
  border: 1px solid rgba(24,18,12,0.1) !important;
  border-radius: 8px !important;
}
.mbp-product-card:hover, .products .product:hover {
  border-color: #c79b38 !important;
  box-shadow: 0 4px 16px rgba(199,155,56,0.12) !important;
}

/* --- BADGES PROMO --- */
.mbp-badge-sale, span.onsale, .wc-block-components-product-badge {
  background: #c79b38 !important;
  color: #0d0c0a !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 3px !important;
}

/* --- PRIX --- */
.mbp-product-price, .woocommerce div.product p.price ins,
.woocommerce ul.products li.product .price ins {
  color: #0d0c0a !important;
  font-weight: 700 !important;
}
.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
  color: #999080 !important;
}

/* --- BOUTONS AJOUTER AU PANIER --- */
.single_add_to_cart_button,
.add_to_cart_button,
.button.alt, .checkout-button,
.woocommerce a.button, .woocommerce button.button {
  background: #c79b38 !important;
  color: #0d0c0a !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 4px !important;
  transition: background 0.2s !important;
}
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.button.alt:hover, .checkout-button:hover {
  background: #a97d1f !important;
  color: #fffdf9 !important;
}

/* --- ÉTOILES SSSSS — masquer --- */
.star-rating, .woocommerce .star-rating { display: none !important; }

/* --- BARRE RÉASSURANCE --- */
.mdc-trust-bar { background: #efe6d5 !important; }
.mdc-trust-bar svg { color: #c79b38 !important; }

/* --- BREADCRUMB --- */
.entry-header .inside-page-hero { background: #efe6d5 !important; }

/* --- FICHE PRODUIT FOND --- */
.single-product .site-content { background: #f6f2e9 !important; }
.single-product .inside-article { background: #fffdf9 !important; border-radius: 8px !important; padding: 30px !important; }

/* --- PANIER / CHECKOUT --- */
.woocommerce-cart .site-content, .woocommerce-checkout .site-content { background: #f6f2e9 !important; }
.woocommerce table.shop_table { background: #fffdf9 !important; }

/* --- LIENS --- */
a { color: #c79b38 !important; }
a:hover { color: #a97d1f !important; }
.entry-content a { color: #c79b38 !important; text-decoration: underline !important; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .mbp-toggle-filters { background: #c79b38 !important; color: #0d0c0a !important; }
}

/* === ARTICLES BLOG === */
/* Liens dans le contenu des articles */
.entry-content a { color: #c79b38 !important; }
.entry-content a:hover { color: #a97d1f !important; }

/* Related articles "À lire" */
.related-article .label { background-color: #c79b38 !important; color: #0d0c0a !important; }
a.related-article.simple { background-color: #fffdf9 !important; border: 1px solid rgba(24,18,12,0.1) !important; }
a.related-article.simple:hover { color: #c79b38 !important; border-color: #c79b38 !important; }
nav.related-articles a { color: #121212 !important; }
nav.related-articles a:hover { color: #c79b38 !important; }
.related-article:hover { background-color: #efe6d5 !important; color: #121212 !important; }
.related-article .title { color: #121212 !important; }

/* === LAYOUT DEFINITIF — plus de sidebar nulle part (GP config: no-sidebar) === */

/* Articles blog : contenu centre, largeur lecture */
body.single-post .content-area { width: 100%; float: none; }
body.single-post .inside-article {
  max-width: 760px;
  margin: 30px auto;
  padding: 40px;
  background: #fffdf9;
  border-radius: 8px;
}

/* Pages (guides, CGV, etc.) : pleine largeur du container */
body.page .content-area { width: 100%; float: none; }
body.page .inside-article {
  max-width: 900px;
  margin: 30px auto;
  padding: 40px;
  background: #fffdf9;
  border-radius: 8px;
}

/* WooCommerce : pas de contrainte largeur */
body.woocommerce .content-area,
body.woocommerce-page .content-area { width: 100%; float: none; }


/* === HEADER COMPACT : logo | menu | icônes sur une seule ligne === */

/* Header container : flexbox horizontal, centré verticalement, 60px de haut */
.site-header { position: relative; }
.inside-header {
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-height: 60px;
  max-height: 70px;
  gap: 0;
}

/* Logo : taille fixe, pas de shrink */
.inside-header .site-logo {
  flex: 0 0 auto;
  margin: 0;
  padding: 6px 0;
  line-height: 0;
}
.site-header .header-image,
.site-logo img,
.header-image.is-logo-image {
  height: 48px;
  width: auto;
  max-height: 48px;
  display: block;
}

/* Navigation : prend tout l'espace restant */
.inside-header #site-navigation {
  flex: 1 1 auto;
  min-width: 0;
}
.inside-header .inside-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Liens du menu : font 12px, espacement serré */
.main-navigation .main-nav ul li a {
  font-size: 12px;
  padding: 10px 9px;
  line-height: 1;
  white-space: nowrap;
}

/* Flèches dropdown plus compactes */
.main-navigation .main-nav ul li a .dropdown-menu-toggle {
  padding-right: 3px;
}

/* Menu-bar-items (panier, compte, recherche) : à droite, alignés */
#site-navigation .menu-bar-items {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  padding-left: 8px;
}
#site-navigation .menu-bar-items .menu-bar-item a,
#site-navigation .menu-bar-items .gb-button {
  padding: 6px;
  line-height: 1;
}

/* Mobile toggle wrapper : caché en desktop, visible en mobile */
@media (min-width: 769px) {
  #mobile-menu-control-wrapper { display: none; }
  /* Supprimer le menu-toggle desktop dupliqué dans la nav */
  #site-navigation > .inside-navigation > button.menu-toggle { display: none; }
}

/* Sous-menus : fond noir, gold */
.main-navigation ul ul {
  background: #0d0c0a;
  border-top: 2px solid #c79b38;
}

/* Mega menu Coloration : pleine largeur */
li.mega-menu-coloration > ul.sub-menu {
  width: 100vw;
  left: 0;
  position: fixed;
}

/* ---- RESPONSIVE MOBILE ---- */
@media (max-width: 768px) {
  .inside-header {
    padding: 8px 15px;
    min-height: 50px;
    flex-wrap: wrap;
  }
  .inside-header .site-logo {
    flex: 0 0 auto;
  }
  .site-logo img,
  .header-image.is-logo-image {
    height: 36px;
    max-height: 36px;
  }
  .main-navigation .main-nav ul li a {
    font-size: 14px;
    padding: 12px 15px;
  }
}