/* === Palette MSC-Auto style sombre === */
:root {
  --primary-bg: #F4F4F4;          /* Fond global très foncé */
  --secondary-bg: #232225;        /* Fonds secondaires (cartes, blocs) */
  --text-color: #f0f0f0;          /* Texte clair */
  --accent-color: #ff7900;        /* Orange vif pour les liens, boutons */
  --accent-hover: #ff7900;        /* Orange clair au survol */
  --border-color: #333333;
}
@font-face {
    font-family : Barlow Condensed;
    src: url(../font/BarlowCondensed-Regular.ttf);
}
/* === Corps et fond global === */
body {
  background-color: var(--secondary-bg);;
  color: var(--secondary-bg);
  font-family: "Barlow Condensed", Sans-serif;
}
#wrapper {
    background-color: var(--primary-bg);
}
.pagination .page-list {
	background-color: var(--primary-bg);
}
/* === Liens === */
a {
  color: var(--accent-color);
  text-decoration: none;
}

a:hover {
  color: var(--accent-hover);
  text-decoration: none;
}

/* === Boutons === */
.btn,
button,
input[type="submit"] {
  background-color: var(--accent-color);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.btn:hover,
button:hover,
input[type="submit"]:hover {
  background-color: var(--accent-hover);
}

/* === En-tête & pied de page === */
.header, .footer, #header, #footer {
  background-color: var(--secondary-bg);
  color: var(--text-color);
  border-top: 1px solid var(--border-color);
}
#header .header-top a[data-depth="0"] {
    color: white;
	font-size:1.50rem;
	font-family: "Barlow Condensed", Sans-serif;
    text-transform: uppercase;
}

/* === Blocs, cartes produit === */
.card, .block, .product-container {
  background-color: var(--secondary-bg);
  border: 1px solid var(--border-color);
  padding: 15px;
  border-radius: 6px;
}

/* === Messages d’erreur === */
.alert-danger,
.text-danger {
  background-color: #330000;
  color: #ff9999;
  border-color: #660000;
}

/* === Formulaires === */
input, select, textarea {
  background-color: #1a1a1a;
  color: var(--text-color);
  border: 1px solid var(--border-color);
  padding: 8px;
  border-radius: 4px;
}

/* === Navigation === */
.navbar, .top-menu {
	font-family: "Barlow Condensed", Sans-serif;
  text-transform: uppercase;
  background-color: var(--secondary-bg);
}
.navbar a, .top-menu a {
	font-family: "Barlow Condensed", Sans-serif;
    text-transform: uppercase;
	color: var(--accent-color);
}
.navbar a:hover, .top-menu a:hover {
  color: var(--accent-hover);
}
#header .header-nav {
    border-bottom: transparent 1px solid;
}

.product-flags li.product-flag.on-sale {
    background: #FF7900;
	color:white;
}
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
    color: #FF7900;
}
.h1, .h2, .h3, .h4,  {
	font-family: "Barlow Condensed", Sans-serif;
    text-transform: uppercase;
    color: #ffffff;
}
.product-flags li.product-flag {
    color: #FF7900;
    background: #232225;
}
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler, .linklist .blockcms-title a {
    color: #FFFFFF;
}
.material-icons { color : #232225; }
#header .header-nav .blockcart {
    background: transparent;
}
.dropdown .expand-more {
    color: #ff7900;
}

.top-menu .sub-menu {
  background-color: var(--secondary-bg);
}
.popover {
	
    background-color: var(--primary-bg);
}
.card, .block, .product-container {
    background-color: transparent
}
#wrapper .breadcrumb li:last-child {
    color: #ff7900;
}
.has-discount .discount {
    background: #ff7900;
}
.tabs {
 background: transparent;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: #ff7900 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: #ff7900;
}
.tabs .nav-tabs .nav-link {
    color: #ff7900;
    border: 0 solid transparent;
}
.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    color: #ff7900;
    background-color: var(--primary-bg);
}
.product-comment-list-item {
    background-color: transparent;
}
.block-categories {
	border: 1px solid var(--border-color);
	border-radius: 6px;
    background: transparent;
}
.product-miniature .thumbnail-container {
    background: transparent;
	/*border: 1px solid var(--border-color); */
	border-radius: 6px;
}
.product-miniature .highlighted-informations {
    background: transparent;
}
.product-miniature .product-description {
	background: transparent;
}
#custom-text {
    background: transparent;
}
#block_myaccount_infos .myaccount-title a, #wrapper .breadcrumb li a, .blockcms-title a {
    color: var(--accent-color);
	text-decoration: none;
	font-family: "Barlow Condensed", Sans-serif;
	text-transform: uppercase;
}
.block-categories {
    color: var(--accent-color);
	font-size: 1.1rem;
	text-decoration: none;
	font-family: "Barlow Condensed", Sans-serif;
	text-transform: uppercase;
}
.block-categories {
    padding: 0rem 1rem;
}
#search_filters, #search_filters_brands, #search_filters_suppliers {
		border: 1px solid var(--border-color);
	border-radius: 6px;
    padding: 1rem 1rem;
    background: transparent;
}
#search_filters>.h6, #search_filters_brands>.h6, #search_filters_suppliers>.h6 {
    font-size: 1.1rem;
	font-weight:bold;
}
#header .header-nav #_desktop_contact_link #contact-link, .sitemap {
    color: var(--accent-color);
	text-decoration: none;
	font-family: "Barlow Condensed", Sans-serif;
	text-transform: uppercase;
}
.dropdown-menu {
  background-color: var(--secondary-bg);
}
#mobile_top_menu_wrapper {
    background: var(--secondary-bg);
}
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: var(--accent-color);
	color:white;
}
a:hover {
  color: #ff6600 !important;
}

/* Ou cible plus spécifique pour certains liens */
.nav a:hover,
.footer a:hover {
  color: #ff6600;
}

.custom-checkbox input[type=checkbox]+span {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .5rem;
    vertical-align: middle;
    pointer-events: none;
    cursor: pointer;	
	border: 1px solid var(--border-color);
    border-radius: 25%;
}
.contact-form {
    width: 100%;
    padding: 1rem;
    background: transparent;
}
.form-control {
    padding: .5rem 1rem;
    color: var(--secondary-bg);
    background: transparent;
	border-radius: 6px;
	border: 1px solid var(--border-color);
	
}
#subcategories ul li:hover .subcategory-image a{
	background: transparent;
	text-align:center;
	border-radius: 6px;
	border: 1px solid var(--border-color);
}

.block-category .block-category-inner .category-cover img {
      width: 400px;

    height: 150px;
}
.block-category .block-category-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
#subcategories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 0 -10px;
}

#pagenotfound .page-not-found, #products .page-not-found {
    max-width: 570px;
    padding: 1rem;
    margin: 0 auto;
    overflow: auto;
    font-size: .875rem;
    color: #232323;
    background: transparent;
}
.product-miniature .thumbnail-container {
    margin-bottom: 0;
}