/* 1. Fond noir général et texte blanc par défaut */
body, #wrapper, #footer {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 2. Le Header Top (barre toute en haut) et le Header principal */
.header-top, header.page-header {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* 3. Le bloc Newsletter (souvent dans le footer ou en widget) */
.block-newsletter, .block-newsletter input[type="text"], .block-newsletter input[type="email"] {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* 4. Le Panier / Dropdown panier / Page panier */
.blockcart, .cart-grid, .cart-summary, .cart-detailed-totals {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* 5. Les fiches produits et leurs descriptions */
.product-description, .product-container, .card, .tab-content {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* 6. Forcer les textes et titres des cartes/produits à rester blancs */
h1, h2, h3, h4, h5, h6, 
p, span, a, label, 
.products .product .product-description a {
    color: #ffffff !important;
}

/* 7. Surcharger les bordures et fonds résiduels des inputs/formulaires */
input, select, textarea {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

/* 1. Correction du Header Nav (qui avait été écrasé ou oublié) */
.header-nav {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.header-nav a {
    color: #ffffff !important;
}

/* 2. On isole le bloc "custom-text" pour forcer le texte en noir 
   (En supposant que ta classe est bien .custom-text, sinon ajuste le nom) */
.custom-text, 
.custom-text * {
    color: #000000 !important;
}

/* 3. Ajustement : on évite d'appliquer le texte blanc global sur les 
   éléments qui sont sur un fond clair (le custom-text) */
/* On restreint la règle globale précédente pour ne pas toucher au custom-text */
body:not(.custom-text) h1, 
body:not(.custom-text) h2, 
body:not(.custom-text) p, 
body:not(.custom-text) span {
    color: #ffffff !important;
}

/* On neutralise la règle blanche globale sur le texte personnalisé */
#custom-text, 
.custom-text, 
#custom-text *, 
.custom-text * {
    color: #000000 !important;
}

/* 1. On force le fond du bloc newsletter en noir et le texte en blanc */
#blockEmailSubscription_displayFooterBefore,
.block_newsletter {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 2. On s'assure que tous les textes à l'intérieur (titres, paragraphes, mentions) restent bien blancs */
#blockEmailSubscription_displayFooterBefore p,
#blockEmailSubscription_displayFooterBefore label,
.block_newsletter p,
.block_newsletter label {
    color: #ffffff !important;
}

/* 3. Le champ de saisie de l'e-mail : fond sombre et texte blanc */
#blockEmailSubscription_displayFooterBefore input[type="email"],
.block_newsletter input[type="email"] {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* Pour le placeholder (le texte "Votre adresse e-mail" grisé) */
#blockEmailSubscription_displayFooterBefore input[type="email"]::placeholder,
.block_newsletter input[type="email"]::placeholder {
    color: #aaaaaa !important;
    opacity: 1;
}

/* 1. Bloc des catégories (souvent en colonne de gauche) */
.block-categories,
.block-categories .category-sub-menu {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.block-categories a, 
.block-categories .collapse-icons {
    color: #ffffff !important;
}

/* 3. Correction des onglets Bootstrap (nav-tabs et tabs) */
.tabs, 
.nav-tabs {
    background-color: #000000 !important;
    border-bottom-color: #333333 !important;
}

/* Les liens des onglets inactifs */
.nav-tabs .nav-link {
    background-color: transparent !important;
    color: #aaaaaa !important;
    border-color: transparent !important;
}

/* L'onglet actif */
.nav-tabs .nav-link.active, 
.nav-tabs .nav-item.show .nav-link {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #333333 #333333 #000000 #333333 !important;
}

/* Survol des onglets */
.nav-tabs .nav-link:hover {
    color: #ffffff !important;
    border-color: #444444 #444444 #333333 #444444 !important;
}

/* Le contenu des onglets (tab-content) s'accorde avec le fond sombre */
.tab-content {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-top: none !important;
    padding: 20px;
}

 /* On neutralise le parent et on force le style sur empty-product-comment */
.product-comment-list-item .empty-product-comment,
div.empty-product-comment {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    padding: 15px;
}

/* S'il y a du texte ou un lien à l'intérieur de cet encadré */
.product-comment-list-item .empty-product-comment *,
div.empty-product-comment * {
    color: #ffffff !important;
}

/* On neutralise le fond blanc imposé par le module productcomments */
.product-comment-list-item,
#empty-product-comment {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* S'assure que les textes à l'intérieur de ces blocs d'avis restent bien visibles */
.product-comment-list-item p,
.product-comment-list-item h4,
.product-comment-list-item span,
#empty-product-comment p {
    color: #ffffff !important;
}

#content
{
    background-color: #111111 !important;
    color: #ffffff !important;
}