body,
body p,
body li,
body span,
body a,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.woocommerce-loop-product__title {
    color: #ffffff !important;
}
button,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input[type="submit"],
.woocommerce #respond input#submit {
    color: #000000 !important;
}
.sub-menu {
  background-color: #000000 !important;
}

.sub-menu li a {
  color: #ffffff !important; /* Makes text white */
}

/* --- Tab Header Bar --- */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: #000 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- Individual Tab Buttons --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #000 !important;
    border: none !important;
    margin: 0 !important;
}

/* --- Tab Button Links --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    background: #000 !important;
    color: #fff !important;
    padding: 10px 15px !important;
    font-size: 16px;
    display: inline-block;
    border: none !important;
}

/* --- Active Tab Highlight --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: #111 !important;
    color: #fff !important;
}

/* --- Tab Content Area --- */
.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #000 !important;
    color: #fff !important;
    padding: 20px !important;
    border: none !important;
    margin: 0 !important;
}

/* Corrige le fond blanc derrière le titre sur les pages produit */
.woocommerce-page .ast-archive-description,
.woocommerce-page .woocommerce-products-header {
    background-color: #000 !important;
    background-image: none !important;
}

/* Change la couleur du texte du titre */
.woocommerce-products-header__title.page-title {
    color: #fff !important;
}

/* === Forcer le fond noir + texte blanc pour la barre de titre VINYL === */

/* Conteneur du titre produit / page boutique */
.woocommerce-page .site-content,
.single-product .site-content,
.woocommerce-page .content-area,
.single-product .content-area {
  background-color: #000 !important;
}

/* Zone du titre lui-même */
.loop-title.entry-title {
  color: #fff !important;
  background-color: #000 !important;
  display: block !important;
  text-align: center !important;
  padding: 40px 0 !important;
  margin: 0 !important;
  text-transform: uppercase;
  border: none !important;
  box-shadow: none !important;
}

/* Supprimer toute image ou overlay du thème */
.loop-title.entry-title::before,
.loop-title.entry-title::after {
  content: none !important;
  background: none !important;
}

/* S'assurer qu'aucun conteneur parent ne remet du blanc */
.entry-header,
.product_title,
.page-header,
.hoot-page-header,
.woocommerce-products-header {
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}

/* === Corriger le fond blanc autour du titre VINYL === */

/* Conteneur du titre */
.loop-meta,
.entry-header {
  background-color: #000000 !important;  /* noir */
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Titre lui-même */
.loop-title.entry-title {
  color: #ffffff !important;  /* texte blanc */
  background-color: #000000 !important;
  text-align: center !important;
  padding: 40px 0 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: none !important;
}

/* Neutraliser les pseudo-éléments et overlays du thème */
.loop-meta::before,
.loop-meta::after,
.entry-header::before,
.entry-header::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  display: none !important;
  content: "" !important;
}

/* S'assurer que tout le texte à l'intérieur reste blanc */
.loop-meta *,
.entry-header * {
  color: #ffffff !important;
  background: transparent !important;
}

/* Étend la barre noire sur toute la largeur */
#loop-meta.loop-meta-wrap.pageheader-bg-default {
  background-color: #000; /* ou la couleur noire exacte utilisée */
  width: 100vw;
  margin: 0;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Supprime les marges internes du conteneur */
#loop-meta .hgrid {
  margin: 0;
  padding: 0;
  width: 100%;
}