.logo img {
    max-width: 90%;
}
.btn-dark,
.btn-secondary {
    background-color: #000;
}
.btn-dark:hover{
    background-color: #b51200;
    color: #FFF;
}
.nbr-item-badge{
    background-color: #000;
    color: #FFF;
}
.btn-cookie:hover {
    color: #FFF;
    background-color: #000;
}

#icon-navbar i {
    color: #FFF !important;
}
.item.list-group-item .thumbnail {
    color: white;
    background-color: #343434;
    border-bottom: 2px solid #b51200;
}
.item.list-group-item .caption .content-item .btn-shop button,
.item.grid-group-item .caption .content-item .btn-shop button {
    background-color: #b51200;
    border-color: #b51200;
    color: #FFF;
}
.item.list-group-item .caption .content-item .btn-shop button:hover,
.item.grid-group-item .caption .content-item .btn-shop button:hover {
    background-color: #000;
    border-color: #000;
}
/* NAVBAR / HEADER  */
form.search-form,
form.search-form input {
    background-color: #FFF;
    color: #000;
}
form.search-form input::placeholder {
    color: #000;
    opacity: 1; /* Firefox */
}
form.search-form button {
    background-color: #000;
    color: #FFF;
    border-color: #FFF;
}
form.search-form button:hover {
    background-color: #b51200;
    color: #FFF;
}
.header-main {
    background-color: #000
}
nav.menu {
    background-color: #000;
}

nav .menu-section .dropdown-menu {
    background-color: #b51200 !important;
    color: white !important;
}
ul.pl-0.text-capitalize {
    height: auto !important;
    width: 800px;
}
.list-item a,
.nav-item a {
    color: white !important;
    font-weight: 500 !important;
}
.list-item a:hover {
    color: lightgrey !important;
}
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: black !important;
}
.carousel-inner img {
    min-height: 500px;    
}
/* CATEG HOME */
.content-categ {
    border: 6px solid rgb(178, 0, 0);
    box-shadow: inset 250px 0 0 0 rgba(0, 0, 0, 0.4);
}
.content-categ:hover {
    box-shadow: inset 250px 0 0 0 rgba(0, 0, 0, 0.6);
}
/* HOME */
/* Slider */ 
button.btn-contact-slider {
    display: none;
}
/* Nouveautés */
.caption-fav {
    color: #000;
}
.caption-fav:hover {
    color: #b51200;
}
.caption-player:hover {
    color: #000;
}
#btn-item {
    background-color: #b51200;
    border-color: transparent;
    transition: all 0.3s ease;
}
#btn-item:hover {
    background-color: #b51200;
}
/* Actualités */
#btn-actualite {
    background-color: #b51200;
    border-color: transparent;
    transition: all 0.3s ease;
}
#btn-actualite:hover {
    background-color: #b51200;
}
.postcard .postcard__bar {
    background-color: #b51200 !important;
}
/* NEWLSETTER */
.home-newsletter .newsletter-form .newsletter-text {
    border: 2px solid #000;
}
.home-newsletter .newsletter-form .newsletter-btn {
    background-color: #000;
    border-color: transparent;
}
/* FOOTER */
.footer-template1 {
    background-color: #000 !important;
    color: #FFF !important;
    border-top: 4px solid #b51200;
}
.footer-content {
    color: #FFF;
}
.footer-content .social-media .lang-menu button {
    color: white;
}
/* CONNEXION / INSCRIPTION */
#connexion-template1 .card {
    background-color: rgb(30, 30, 30);
    color: #FFF;
    border: 1px solid #b51200;
}
#connexion-template1 .card .card-body .form-title {
    color: #FFF !important;
}
#connexion-template1 .card .card-body input {
    border: 2px solid gray;
}
#connexion-template1 .card .card-body input:focus {
    border-color: #000 !important;
}
#connexion-template1 .card .card-body button {
    background-color: #b51200;
    border-color: transparent;
}
#connexion-template1 .card .card-body .password-content .password-icon {
    color: gray;
}
#connexion-template1 .card .card-body .password-content .password-icon:hover {
    color: #000;
}
/* PAGE PRODUITS */
#produit-template1 {
    background-image: url(/public/motif/homepage1/dark/fond-principal.webp);
}
#produit-template1 .item-content .add_to_cart_block .card-header {
    background-color: #343434;
}
#produit-template1 .item-content .add_to_cart_block .card-header .nav-tabs .nav-link.active {
    color: #FFF !important;
    background-color: #b51200;
    border-color: #b51200;
}
#produit-template1 .item-content .add_to_cart_block .card .card-body {
    border-color: #b51200;
    background-color: #343434;
    color: #FFF;
}
#produit-template1 .item-content .add_to_cart_block .card-header .nav-tabs .nav-link{
    color: white;
    background-color: #343434;
    border-color: #b51200;
}
#produit-template1 .item-content .add_to_cart_block .btn-add-to-card a:hover {
    background-color: #000;
    color: #FFF;
    border: 0;
}
#produit-template1 .suggestion .card.item-suggestion .card-body {
    color: #FFF;
}
#produit-template1 .suggestion .card.item-suggestion .btn-shop button {
    background-color: #b51200;
    color: white;
    border: 0;
}
#produit-template1 .suggestion .card.item-suggestion .btn-shop button:hover {
    background-color: #000;
    color: #FFF;
    border: 0;
}
#produit-template1 .detail-body {
    color: #FFF;
}
#produit-template1 .item-content .mobile-info #mobile-info-produit .accordion-item .accordion-button {
    background-color: #b51200;
    color: #FFF;
    border: 1px solid #b51200;
    border-radius: 0;
    font-weight: 600;
}
#produit-template1 .item-content .add_to_cart_block .btn-add-to-card a {
    background-color: #b51200;
}
/* CADDIE/PANIER */
#caddie-template1 .caddie .action-items .btn-action-items button {
    background-color: #b51200;
    color: white;
    font-weight: 600;
    border: 0;
}
#caddie-template1 .caddie .btn-caddie button {
    background-color: #b51200;
    color: white;
    border: 2px solid #b51200;
}
/* #caddie-template1 .caddie .btn-caddie button.btn.btn-outline-dark {
    color: #b51200;
    border: 2px solid #b51200;
} */
#caddie-template1 .caddie .btn-caddie button.btn.btn-outline-dark:hover {
    background-color: #b51200;
    color: white;
    border-color: #b51200;
}
/* CADDIE/PAIEMENT */
span.text-info-important {
    color: #FFF !important;
}
#paiement-template1 .header-caddie .round-btn::before {
    border: 1px solid #000;
}
#paiement-template1 .header-caddie .round-btn a {
    border: 2px solid #b51200;
    color: #FFF;
    background-color: #b51200;
}
#paiement-template1 .header-caddie .round-btn a.active {
    border: 2px solid #b51200;
    background-color: #000;
}
#paiement-template1 .header-caddie .round-btn a.active #circle-text {
    color: #b51200;
}
#paiement-template1 .btn-confirm button {
    background-color: #b51200;
}
/* mondial relay*/
#bg_relay{
    background: white;
}
#bg_relay::after{
    background: white;
}
#paiement-template1 #Relay {
    color: #343434 !important;
}
/* COMPTE CLIENT */
#dashboard-template1 .dashboard .dashboard-content .grid-wrapper li {
    border: 2px solid #FFF;
    background-color: #343434;
    color: #FFF;
}
/* COMMANDES CLIENT */
/* MENU CLIENT */
#menu-client-template1 .menu-client-item button {
    background-color: #343434;
    color: #FFF;
    border-bottom: 2px solid #FFF;
}
#menu-client-template1 .menu-client-item button#logout {
    color: gray;
}
#menu-client-template1 .menu-client-item button.active {
    border-left: 5px solid #000;
} 
#commandes-template1 .title-commandes-section, 
#commandes-template1 .title-commandes-section .form-title{
    color: #FFF !important;
}
#commandes-template1 .commandes-client #commandes-content .accordion-button,
#commandes-template1 .commandes-client #commandes-content .num-commande .rounded-white {
    background-color: #343434;
    color: #FFF;
}
#commandes-template1 .commandes-client #commandes-content .num-commande img {
    left: 0;
}
/* DONNEES CLIENT */
#donnees-template1 {
    background-image: url(/public/motif/homepage1/dark/fond-principal.webp);
    color: #FFF;
}
#donnees-template1 .title-donnees-section,
#donnees-template1 .form-title {
    color: #FFF !important;
}
#donnees-template1 .donnees-client .info-container {
    border: 2px solid #FFF;
}
#donnees-template1 .donnees-client .info-client {
    background-image: url(/public/motif/homepage1/dark/fond-secondaire.png);
}
#donnees-template1 .donnees-client .coordonnees-content {
    background-color: #343434;
}
#donnees-template1 .donnees-client .info-connexion-client,
#donnees-template1 .donnees-client .info-newsletter,
#donnees-template1 .edit-donnees-client .form-donnees {
    border: 2px solid #FFF;
    background-color: #343434;
}
/* FAVORIS CLIENT */
#favourites-template1 {
    background-image: url(/public/motif/homepage1/dark/fond-principal.webp);
}
#favourites-template1 .title-favourites-section,
#favourites-template1 .form-title  {
    color: #FFF !important;
}
#favourites-template1 .card  {
    background-color: #343434;
    color: #FFF;
}
/* PAGE CONTACT/ABOUT */
#contact-template1,
#service-template1 {
    background-image: url(/public/motif/homepage1/dark/fond-principal.webp);
    color: #FFF;
}
#contact-template1 .title-contact-section {
    color: #FFF !important;
}
#contact-template1 .card {
    background-color: #343434;
    color: #FFF !important;
    border-color: #FFF;
}
/* COMPTE VENDEUR/ADMIN */
#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper li {
    border: 2px solid #FFF;
    background-color: #343434;
    color: #FFF;
}
#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper li img {
    filter: invert(1);
}
#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper .btn-dashboard-vendeur .btn-dark {
    background-color: #b51200;
}
#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper .btn-dashboard-vendeur .btn-dark:hover {
    background-color: #000;
}
/* MENU VENDEUR */
    #menu-vendeur-template1 #accordion-menu-vendeur2 .menu-vendeur2-item .accordion-button {
        border-bottom: 2px solid #b51200;
    }
#dashboard-admin-template1 .dashboard-admin .dashboard-content .latest-sales .menu-dashboard .latest-sales-content table thead tr {
    background-color: #b51200;
    color: #FFF;
}
#dashboard-admin-template1 .dashboard-admin .dashboard-content .latest-sales .menu-dashboard .latest-sales-content table tr .btn-dark {
    background-color: #b51200;
    color: #FFF;
}
/* GESTION DES COMMANDES */
#gestion-commandes-template1 .gestion-commandes .table#orders>tbody {
    border: 2px solid #b51200;
}
#gestion-commandes-template1 .gestion-commandes .table#orders tr .btn-dark {
    background-color: #b51200;
    color: #FFF;
}
#gestion-commandes-template1 .gestion-commandes .table#orders .border-start,
#gestion-commandes-template1 .gestion-commandes .table#orders .border-end {
    border-left: 1px solid #b51200 !important;
    border-right: 1px solid #b51200 !important;
}
#gestion-commandes-template1 .gestion-commandes table thead {
    background-color: #b51200;
    color: #FFF;
}
#gestion-commandes-template1 .gestion-commandes table tbody tr {
    background-color: #343434;
    color: #FFF;
}
#gestion-commandes-template1 .gestion-commandes #pagination-orders .page-item.active .page-link {
    background-color: #b51200;
    color: #FFF;
    border-color: #FFF;
}
#gestion-commandes-template1 .gestion-commandes #pagination-orders .page-item .page-link {
    color: #FFF;
    background-color: #343434;
    border-color: #FFF;
}
#gestion-commandes-template1 .gestion-commandes .info-paiement .info {
    background-color: #343434;
    color: #FFF;
    border-color: #FFF;
}
#gestion-commandes-template1 .gestion-commandes table thead {
    border-color: #b51200;
}
/* GESTION ARTICLES */
#catalogue-template1 .title-items-section,
#catalogue-template1 .form-title {
    color: #FFF !important;
}
#catalogue-template1 .filter-orders {
    color: #FFF;
}
#catalogue-template1 .gestion-items table thead {
    background-color: #b51200;
    color: #FFF;
}
#catalogue-template1 .gestion-items table tbody tr {
    background-color: #343434;
    color: #FFF;
}
#catalogue-template1 .add-items .form-add{
    color: #FFF;
}
#catalogue-template1 .add-items .form-add .form-control,
#catalogue-template1 .add-items .form-add .form-select {
    color: #FFF;
    background-color: #343434;
}
/* CLIENTS */
#catalogue-template1 .gestion-items {
    color: #FFF;
}
/* CONFIGURATION DE LA BOUTIQUE */
#setup-shop-template1 .title-items-section,
#setup-shop-template1 .title-items-section .form-title {
    color: #FFF !important;
}
#setup-shop-template1 .form-shop .btn-valid #btn-submit {
    color: #FFF;
}
#setup-shop-template1 .form-shop .form-control {
    background-color: #343434;
    color: #FFF !important;
}
#setup-shop-template1 .btn-valid .btn-dark{
    background-color: #b51200;
    color: #FFF !important;
}
#setup-shop-template1 .btn-valid .btn-dark:hover {
    background-color: #000;
    color: #FFF !important;
}
#setup-shop-template1 .nav-tabs .nav-link{
    color: #FFF;
}
#setup-shop-template1 .nav-tabs .nav-link.active{
    background-color: #000;
    color: #b51200 !important;
}
#setup-shop-template1 .subtitle-section h4::before, #setup-shop-template1 .subtitle-section h4::after {
    background-color: #FFF !important;
}
.shipping-pays-title {
    color: #FFF;
}
/* tablette mobile */
@media screen and (max-width: 992px) {
    #icon-navbar i {
        color: #FFF !important;
    }
    .logo img {
        max-width: 300px;
    }
    ul.pl-0.text-capitalize {
        width: auto !important;
    }
    .footer-content .text-white {
    color: #FFF !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 767px) {
    .carousel-inner img {
    height: 375px;
    }
    .logo img {
        max-width: 170px;
    }
}

/* mobile */
@media screen and (max-width: 440px) {
    .logo img {
        max-width: 140px;
    }
    .logo span {
    font-size: 20px;
    }
}