/* =========================================================
   THEME DARK ROUGE / BLANC
   ========================================================= */
:root {
    --main-red: #cc0909;
    --main-red-hover: #ff1a1a;
    --bg-black: #000000;
    --bg-dark: #0a0a0a;
    --text-white: #ffffff;
    --input-bg: #979797;
    --border-dark: #333333;
}

/* =========================================================
   FOND GLOBAL
   ========================================================= */
html,
body,
#wrapper,
#main,
#content,
.page-content,
.page-cms,
.page-index,
.page-product,
.page-category,
.page-cart,
.page-my-account,
.page-authentication,
.page-contact {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

/* =========================================================
   BLOCS / MODULES
   ========================================================= */
.container,
.content,
.main-content,
.module,
.card,
.block,
.section,
#custom-text,
.block_newsletter,
.block_newsletter.col-lg-8,
.block_newsletter.col-md-12,
.block_newsletter.col-sm-12,
.footer-container,
.tabs,
.products-section-title,
.block-category,
#left-column,
#right-column,
#products,
#js-product-list,
.featured-products,
.category-top-menu,
.contact-form,
.cart-grid,
.cart-summary,
.cart-detailed-totals,
.blockreassurance_product,
#search_filters,
#search_filter_controls,
#subcategories,
.product-accessories,
.product-images,
.product-prices,
.product-information,
.product-cover,
.product-customization,
.product-actions,
.product-additional-info,
.quickview,
.modal-content {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

/* =========================================================
   HEADER / MENU / FOOTER
   ========================================================= */
header,
#header,
#header .header-top,
#header .header-nav,
#header .top-menu,
#desktop_cart,
#desktop_language_selector,
#desktop_currency_selector,
#_desktop_contact_link,
#_desktop_user_info,
#_desktop_logo,
footer,
#footer,
.footer-container,
.footer-after {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

/* =========================================================
   TEXTES
   ========================================================= */
p,
span,
li,
label,
small,
td,
dd,
dt,
strong:not(.btn),
em,
legend,
.form-control-label,
.control-label,
.help-block,
.product-description,
.product-short-description,
.product-reference,
.product-availability,
.current-price,
.regular-price,
.price,
.product-price-and-shipping,
.block-category .block-category-inner,
.breadcrumb,
.breadcrumb li,
.breadcrumb a,
#blockcart-modal .product-name,
#blockcart-modal .cart-products-count,
.cart-item .product-line-info,
.cart-summary-line,
.cart-summary-totals,
.cart-detailed-subtotals,
.label,
.tab-content,
.nav-tabs .nav-link,
.account-list a,
.page-not-found,
.forgot-password,
.no-account,
.user-info a,
.product-manufacturer,
.product-quantity,
.block_newsletter p,
.block_newsletter label {
    color: var(--text-white) !important;
}

/* =========================================================
   TITRES
   ========================================================= */
h1,
h2,
h3,
h4,
h5,
h6,
.products-section-title,
.block-category h1,
.page-header h1,
.product-title,
.h1,
.h2,
.h3 {
    color: var(--main-red) !important;
}

/* =========================================================
   LIENS
   ========================================================= */
a,
a:visited,
.dropdown-item,
.top-menu a,
#header a,
.footer-container a,
.breadcrumb a,
.account-list a,
.product-title a,
.product-miniature .product-title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

a:hover,
a:focus,
.dropdown-item:hover,
.top-menu a:hover,
#header a:hover,
.footer-container a:hover,
.product-title a:hover,
.product-miniature .product-title a:hover {
    color: var(--main-red-hover) !important;
}

/* =========================================================
   MINIATURES PRODUITS
   ========================================================= */
.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .product-description,
.product-miniature .highlighted-informations,
.js-product-miniature,
.products .thumbnail-container,
.products article,
.product-miniature .product-thumbnail,
.product-miniature .product-price-and-shipping {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
    border-color: #1a1a1a !important;
}

.product-miniature {
    border: 1px solid rgba(204, 9, 9, 0.25) !important;
    box-shadow: 0 0 10px rgba(204, 9, 9, 0.12) !important;
    transition: 0.3s ease !important;
}

.product-miniature:hover {
    box-shadow: 0 0 20px rgba(204, 9, 9, 0.35) !important;
    border-color: rgba(204, 9, 9, 0.55) !important;
}

/* =========================================================
   IMAGES / MINIATURES / COVER
   ========================================================= */
.product-cover,
.product-images,
.product-thumb-images,
.product-thumbnail img,
.js-qv-mask,
.thumb-container,
.images-container,
.product-image,
.thumbnail {
    background-color: var(--bg-black) !important;
}

/* =========================================================
   BOUTONS
   ========================================================= */
button,
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.woocommerce button,
.woocommerce a.button,
.btn-primary,
.btn-secondary,
.add-to-cart,
.bootstrap-touchspin-up,
.bootstrap-touchspin-down {
    background-color: var(--main-red) !important;
    color: var(--text-white) !important;
    border: none !important;
    box-shadow: none !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button:hover,
.woocommerce button:hover,
.woocommerce a.button:hover,
.btn-primary:hover,
.btn-secondary:hover,
.add-to-cart:hover {
    background-color: var(--main-red-hover) !important;
    color: var(--text-white) !important;
}

.btn.disabled,
.btn[disabled],
button.disabled,
button[disabled] {
    background-color: #5a5a5a !important;
    color: #e5e5e5 !important;
}

/* =========================================================
   PANIER ACTIF
   ========================================================= */
#header .header-nav .cart-preview.active,
#header .header-nav .blockcart.active,
.cart-active,
.blockcart.cart-preview.active {
    background: var(--main-red) !important;
    color: var(--text-white) !important;
}

#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active i,
#header .header-nav .cart-preview.active span {
    color: var(--text-white) !important;
}

/* =========================================================
   WISHLIST
   ========================================================= */
.wishlist-button-add i,
.wishlist-button-add svg,
.wishlist-button-product i,
.wishlist-button-product svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* =========================================================
   FLAGS / PROMOS
   ========================================================= */
.product-flags li.product-flag,
.product-flags li.product-flag.on-sale,
.product-flags li.product-flag.discount,
.product-flags li.product-flag.new,
.product-flags li.product-flag.online-only {
    order: -1;
    width: 100%;
    margin-top: 0 !important;
    text-align: center;
    background: var(--main-red) !important;
    color: var(--text-white) !important;
    font-weight: 700 !important;
    border: none !important;
}

/* =========================================================
   FORMULAIRES / INPUTS
   ========================================================= */
input,
textarea,
select,
.form-control,
.custom-select,
input.form-control,
textarea.form-control,
select.form-control {
    background-color: var(--input-bg) !important;
    color: var(--text-white) !important;
    border: 1px solid var(--border-dark) !important;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    background-color: var(--input-bg) !important;
    color: var(--text-white) !important;
    border-color: var(--main-red) !important;
    box-shadow: 0 0 0 1px rgba(204, 9, 9, 0.25) !important;
}

/* placeholder */
input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* moteur de recherche */
.search-widget input,
.ui-autocomplete-input,
#search_widget input[type="text"],
#search_widget input[type="search"],
#products-search input,
form[role="search"] input {
    color: #ffffff !important;
    background-color: var(--input-bg) !important;
}

.search-widget input::placeholder,
#search_widget input::placeholder,
form[role="search"] input::placeholder {
    color: #ffffff !important;
}

/* =========================================================
   TABLEAUX
   ========================================================= */
table,
.table,
.table-bordered,
.table-striped,
.table-hover,
.cart-summary-products,
.order-history,
.table thead th,
.table td,
.table th {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
    border-color: #1f1f1f !important;
}

th,
.table thead th {
    color: var(--main-red) !important;
}

/* =========================================================
   MON COMPTE / ESPACE CLIENT
   ========================================================= */
.account-link,
.account-list,
.myaccount-content,
.page-customer-account #content,
.page-addresses #content,
.page-order-detail #content,
.page-history #content,
.page-order-follow #content,
.page-identity #content,
.page-address #content,
.page-discount #content,
.page-module,
.page-authentication #content {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

/* =========================================================
   ONGLETS
   ========================================================= */
.nav-tabs,
.nav-tabs .nav-link,
.tabs .nav-link,
.product-tabs .nav-link {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
    border-color: #1f1f1f !important;
}

.nav-tabs .nav-link.active,
.tabs .nav-link.active,
.product-tabs .nav-link.active {
    background-color: var(--main-red) !important;
    color: var(--text-white) !important;
    border-color: var(--main-red) !important;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */
.breadcrumb,
.breadcrumb ol,
.breadcrumb ul {
    background-color: var(--bg-black) !important;
}

/* =========================================================
   DROPDOWN / MENU
   ========================================================= */
.dropdown-menu,
.top-menu .sub-menu,
.language-selector .dropdown-menu,
.currency-selector .dropdown-menu {
    background-color: var(--bg-black) !important;
    border: 1px solid #1f1f1f !important;
}

.dropdown-item {
    color: var(--text-white) !important;
}

.dropdown-item:hover {
    background-color: #111111 !important;
    color: var(--main-red) !important;
}

/* =========================================================
   NEWSLETTER
   ========================================================= */
.block_newsletter,
#blockEmailSubscription_displayFooterBefore,
#blockEmailSubscription_displayFooter,
#blockEmailSubscription_displayLeftColumn,
#blockEmailSubscription_displayRightColumn {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

.block_newsletter form,
.block_newsletter .row,
.block_newsletter .col-lg-8,
.block_newsletter .col-md-12,
.block_newsletter .col-sm-12 {
    background-color: var(--bg-black) !important;
}

/* =========================================================
   CUSTOM TEXT
   ========================================================= */
#custom-text,
#custom-text p,
#custom-text h1,
#custom-text h2,
#custom-text h3,
#custom-text span,
#custom-text a {
    background-color: var(--bg-black) !important;
}

/* =========================================================
   CHECKBOX / RADIO
   ========================================================= */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--main-red);
}

/* =========================================================
   MESSAGES / ALERTES
   ========================================================= */
.alert,
.alert-info,
.alert-warning,
.alert-danger,
.alert-success,
.help-box,
.notification {
    background-color: #111111 !important;
    color: var(--text-white) !important;
    border-color: rgba(204, 9, 9, 0.35) !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */
.pagination,
.page-list,
.pagination .page-list,
.pagination .page-item,
.pagination .page-link {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
    border-color: #1f1f1f !important;
}

.pagination .current a,
.pagination .page-item.active .page-link,
.page-list .current a {
    background-color: var(--main-red) !important;
    color: var(--text-white) !important;
    border-color: var(--main-red) !important;
}

/* =========================================================
   QUICKVIEW / MODAL
   ========================================================= */
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.quickview .modal-content {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
    border-color: #1f1f1f !important;
}

.close,
button.close {
    color: var(--text-white) !important;
    opacity: 1 !important;
}

/* =========================================================
   TOUCHSPIN / QUANTITE
   ========================================================= */
.bootstrap-touchspin,
.input-group-btn-vertical,
.qty,
.js-cart-line-product-quantity {
    background-color: transparent !important;
    color: var(--text-white) !important;
}

/* =========================================================
   REASSURANCE / PETITS BLOCS
   ========================================================= */
.blockreassurance_product > div,
.blockreassurance,
.product-features,
.product-variants,
.product-discounts,
.product-add-to-cart,
.product-prices,
.block-social,
.social-sharing {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

/* =========================================================
   FORCER LES ICONES CLAIRES SI NECESSAIRE
   ========================================================= */
i,
.material-icons,
svg {
    color: inherit;
}

/* =========================================================
   SURVOL PRODUITS / EFFET PREMIUM
   ========================================================= */
.thumbnail-container:hover,
.product-miniature:hover .thumbnail-container,
.js-product-miniature:hover {
    background-color: var(--bg-dark) !important;
}

/* =========================================================
   SPECIFICITE MAX SI LE THEME FORCE TROP
   ========================================================= */
body #header .header-nav .cart-preview.active {
    background: var(--main-red) !important;
    color: var(--text-white) !important;
}

body .btn,
body button,
body input[type="submit"],
body input[type="button"],
body input[type="reset"] {
    background-color: var(--main-red) !important;
    color: var(--text-white) !important;
}

body .product-miniature .product-description,
body .product-miniature,
body .product-miniature .thumbnail-container,
body #wrapper,
body #custom-text,
body .block_newsletter {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}


#header .header-nav .cart-preview.active {
    background: #cc0909;
}

.hidden-sm-down .btn-unstyle {    background-color: #000000 !important;}

.block-contact, .footer-container li a {
    font-size: .875rem;
    color: #ffffff;
}
.block-categories {
    padding: 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
    background: #000000;
}

.product-comment-list-item {
    padding: 26px 0;
    margin: 0 0 20px;
    background-color: #000000;
    text-align: left;
}
#header .header-nav .blockcart {
    height: 3rem;
    padding: .75rem;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
    background: #000000;
}

.blockcart c.art-preview .inactive .header { background: #000000!important;}
#blockcart-modal .cart-content .page-content.page-cms ul.product-total, #blockcart-modal .cart-content p.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total {
    padding: .5rem;
    background-color: #646464;
}