:root {
  --dark: #000000;
  --dark-light: #1A1A1A;
  --dark-light-clean: #4d4646;
  --muted: #5E5E5E;
  --gray: #E1E1E1;
  --back-image: #DCE0E1;
  --bg-color : #F2F2F2;
  --violet: #F43C7B;
  --violet-soft-clean: #FDD8E5;
  --violet-soft-dark: #310C19;
  --violet-soft: rgba(244,60,123,0.2);
  --violet-soft-5: rgba(244,60,123,0.5);
  --color-secondary: #777777;
  --color-white-smoke: #999999;
  --radius-12: 12px;
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.owl-prev, .owl-next{
	-webkit-border-radius:50%;
	border-radius: 50%;
}
.footer-brand {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); 
}

image{
    background: var(--back-image);
}
.owl-carousel--mask .owl-item{
    background: var(--back-image);
}
.card-body.rounded{ border-radius: 6px !important; }
.breadcrumbs{ background: var(--back-image); }
.section-article-gallery{ background: var(--back-image); }
.owl-external-nav .owl-prev, .owl-external-nav .owl-next{
    background-color: #ffffff !important;
    opacity: 1 !important;
}
.section-article-gallery .select2 .select2-selection{
    border: 1px solid #000000;
    background-color: #ffffff;
}
.list[class*="-ordered"] li::after {
    border: none; 
}
.badge-notification{
    position: absolute;
    color: #ffffff !important;
    border-radius: 50%;
    top: 15%;
    margin-left: -7%;
}
#navbarMenuMobile .badge-notification{
    position: absolute;
    color: #ffffff !important;
    border-radius: 50%;
    top: 5%;
    margin-left: -10%;
}
.sticky-top{
    position: fixed;
    width: 100%;
    top: 0;
}
.filters .widget-title.active a{
    color: var(--success) !important;
}
.filters .widget-title:hover a{
    color: var(--success) !important;
}
.filters .nav-item .nav-link{
    font-weight: bold;
    opacity: 0.7;
}
.filters .nav-item:hover .nav-link{
    opacity: 1;
}
.filters .nav-item.active > .nav-link{
    opacity: 1;
}
.filters .btn-group-square .btn {
    width: calc(1em + 1.5rem + 2px);
    height: calc(1em + 1.5rem + 2px);
    font-size: 0.75rem;
    line-height: calc(1em + 1.5rem + 2px);
}
.filters .btn-group-colors > .btn::after {
    /*border:1px solid #ddd;*/
}
.filters .btn-group-colors > .btn::before{
    border:1px solid #ddd;
}
.filters-options{
    border-radius: 5px;
    border-width: 2px !important;
}
.fit-cover{
    object-fit: cover !important;
}
.rounded-6{
    border-radius: 6px;
}
.card-image{
    border-width: 2px !important;
}
#side-menu{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.breadcrumbs a{
    font-weight: bold;
}
.next-page, .next-page:hover, .next-page:focus {
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000; }
  .next-page:hover {
    z-index: 2;
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border-color: #000000; }

.remove-to-favoris, .icon-x.remove-to-basket{
    background-color: #4d4646 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}
.remove-to-favoris i, .icon-x.remove-to-basket i{
    color: #ffffff !important;
}
.add-to-basket.action{
    color: #4d4646 !important;
    border: 2px solid #4d4646;
}
.bg-body{
    background-color: var(--back-image);
}
.custom-select-sm + .select2 .select2-selection {
    font-size: 0.875rem;
    height: auto !important;
    padding: 0.275rem 0.875rem !important;
    border-radius: 0 !important;
    font-weight: 400;
    border: 1px solid #000000;
    background-color: transparent;
    width: auto !important;
}

/* modal vertical */
.modal-dialog-vertical {
  height: 100%;
  width: 2000px !important;
  max-width: 100% !important;
  margin: 0; }
  .modal-dialog-vertical .modal-content {
    height: inherit;
    border-width: 0 1px 0 0;
    border-radius: 0; }
  .modal-dialog-vertical .modal-header {
    border-radius: inherit; }
  .modal-dialog-vertical .modal-body {
    height: inherit;
    overflow-y: auto; }

.modal.fade .modal-dialog-vertical {
  transform: translateX(-100%); }

.modal.show .modal-dialog-vertical {
  transform: translateX(0); }

.modal.fixed-right {
  padding-right: 0 !important; }

.modal.fixed-right .modal-dialog-vertical {
  margin-left: auto; }

.modal.fixed-right.fade .modal-dialog-vertical {
  transform: translateX(100%); }

.modal.fixed-right.show .modal-dialog-vertical {
  transform: translateX(0); }


/*#side-filters {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
    padding-right: 0px;
}
@media (min-width: 1200px){
    #side-filters{
        position: relative;
        display: block !important;
        padding-right: 20px;
    }
}*/
.overlay{
    position: fixed;
    top: 0;
    z-index: 9999999999;
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.custom-select.is-invalid+.select2.select2-container>.selection>.select2-selection--single{
  border-color: #f34770 !important;
}
.fit-contain{
    object-fit: contain !important;
}
.btn-outline-primary{
    border-width: 2px;
}
.select2-search--dropdown .select2-search__field{
    border: 0px !important;
    background-color: var(--bg-color);
    box-shadow: none !important;
    outline-offset: 0;
    padding: 10px;
}
.select2-search--dropdown{
    padding: 0;
}

.modal.show{
    z-index: 9999999999 !important;
    background: rgba(0, 0, 0, 0.5);
}
.modal-content{
    border-radius: 6px;
}
.modal-header .close {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.875rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    color: var(--danger);
    margin: 0;
    padding: 0;
    opacity: 1;
    outline: 0;
    box-shadow: 0;
    background-color: white;
}
.modal-title{
    font-weight: 600;
}
.modal-header {
    min-height: auto;
}


/*.btn-primary{
    background-color: #F43C7B !important;
    border-color: #F43C7B !important;
    border-width: 2px;
    color: #ffffff !important;
}

.btn-outline-primary{
    background-color: #ffffff !important;
    border-color: #F43C7B !important;
    color: #F43C7B !important;
    font-weight: bold;
}

.bg-danger{
    background-color: #F43C7B !important;
}
.text-red{
    color: #F43C7B !important;
}
.add-to-basket.action{
    color: #F43C7B !important;
    border: 2px solid #F43C7B;
}
.remove-to-favoris, .icon-x.remove-to-basket{
    background-color: #F43C7B !important;
    color: #ffffff !important;
    opacity: 1 !important;
}*/

body[theme="dark"] .bg-danger{
    background-color: var(--violet) !important;
}
body[theme="dark"] .text-red{
    color: var(--violet) !important;
}
body[theme="dark"] .nav-item .dropdown-menu{
    background-color:var(--dark-light); 
    /*border: 1px solid #ffffff !important;*/
    border-radius: var(--radius-12);
}
body[theme="dark"] .nav-item .dropdown-menu.rayons{
    border-radius: 0px !important;
}
body[theme="dark"] .nav-item .dropdown-menu .card{
    border-radius: var(--radius-12);
    border: 2px solid #ffffff;
}
body[theme="dark"] .nav-item .dropdown-menu .card .card-image{
    border-radius: var(--radius-12);
    overflow: hidden !important;
}
body[theme="dark"] .nav-item .dropdown-menu .card .card-image .image{
}
body[theme="dark"] .nav-item .dropdown-menu .card .card-footer > div{
    border-radius: var(--radius-12) !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
}
body[theme="dark"] .nav-item .dropdown-menu .card .card-footer a.underline{
    font-weight: bold;
    font-size: 15px;
    color: var(--violet);
}
body[theme="dark"] .nav-item .dropdown-menu .menu-list .menu-list-link{
    color:#ffffff; 
}
body[theme="dark"] .nav-item .dropdown-menu .menu-list .menu-list-item{
    padding: 10px;
    border-radius: var(--radius-12);
}
body[theme="dark"] .nav-item .dropdown-menu .menu-list .menu-list-item:hover{
    background-color: var(--dark-light); 
}
body[theme="dark"] .nav-item .dropdown-menu .menu-list .menu-list-item:hover .menu-list-link{
    color: var(--violet);
    opacity: 1; 
}

body[theme="dark"] .div-search .btn-white{
    background-color: var(--color-secondary) !important;
    color: #ffffff;
    border: 0px none !important;
    border-radius: var(--radius-12);
}
body[theme="dark"] .div-search .form-control{
    border: 0px none !important;
    color: #ffffff;
}
body[theme="dark"] .div-search .form-control::placeholder{
    color: var(--color-secondary) !important;
    font-weight: bold;
}

/* ---- navbar ----- */
body[theme="dark"] .header{
    border: 0 !important;
} 
body[theme="dark"] .header::after{
    background-color: transparent !important;
} 
body[theme="dark"] .header, 
body[theme="dark"] .navbar.navbar-light{ 
    background-color:var(--dark); 
    color: #ffffff;
}
body[theme="dark"] .navbar-brand img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1); 
}
body[theme="dark"] .nav-link{ 
    color: #ffffff !important;
}
body[theme="dark"] .nav-item .nav-icon i{
    color: #ffffff !important;
}
body[theme="dark"] .nav-icons .dropdown-menu{
    border: 0px none;
}
body[theme="dark"] .navbar-nav .nav-item:hover .nav-icon {
    border-color: #ffffff; 
}
/* ---- end navbar ----*/

body[theme="dark"] .input-combined .input-combined_indicator {
    border-color: var(--color-secondary) !important;
    border-width: 2px;
    border-radius: var(--radius-12);
}
body[theme="dark"] .link-primary{
    color: var(--violet) !important;
}
body[theme="dark"] .link-hover-primary:hover{
    color: var(--violet) !important;
}
body[theme="dark"] #favoris-content p.text-muted,
body[theme="dark"] #basket-content p.text-muted{
    color: #ffffff !important;
}
/*---- buttons ----*/
body[theme="dark"] .btn{
    border-radius: var(--radius-12);
}
body[theme="dark"] .btn-outline-secondary {
  color: var(--color-secondary);
  border-color: var(--color-secondary); 
  border-width: 2px;
  font-weight: 600;
}
body[theme="dark"] .btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); 
    font-weight: 300;
}
body[theme="dark"] .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: var(--color-secondary);
    background-color: transparent; 
}
body[theme="dark"] .btn-outline-secondary:not(:disabled):not(.disabled):active, 
body[theme="dark"] .btn-outline-secondary:not(:disabled):not(.disabled).active,
body[theme="dark"] .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); 
}
body[theme="dark"] .btn-primary {
    background-color: var(--violet);
    border-color: var(--violet); 
    border-radius: 12px !important;
    box-shadow: var(--shadow);
    border: 0px none !important;
}
body[theme="dark"] .btn-primary:hover {
    color: var(--violet);
    background-color: var(--violet-soft);
    border-color: var(--violet-soft); 
}
body[theme="dark"] .btn-primary:not(:disabled):not(.disabled):active, 
body[theme="dark"] .btn-primary:not(:disabled):not(.disabled).active,
body[theme="dark"] .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--violet);
    border-color: var(--violet); 
}

body[theme="dark"] .btn-outline-primary {
    background-color: var(--violet-soft);
    color: var(--violet);
    border-color: var(--violet); 
    border-radius: 12px !important;
    box-shadow: var(--shadow);
    border: 0px none !important;
}
body[theme="dark"] .btn-outline-primary:hover {
    color: var(--violet);
    background-color: transparent;
    border-color: var(--violet-soft); 
}
body[theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled):active, 
body[theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled).active,
body[theme="dark"] .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--violet);
    border-color: var(--violet); 
}

body[theme="dark"] .card-product .action.add-to-favoris i{
    color: var(--violet) !important;
}
body[theme="dark"] .card-product .action.add-to-favoris:hover{
    background-color: var(--violet-soft) !important;
}
body[theme="dark"] .card-product .action.remove-to-favoris{
    background-color: var(--violet) !important;
}
/*---- end buttons ----*/

body[theme="dark"]{ 
    background-color:var(--dark); 
    color: #ffffff;
}
body[theme="dark"] .white-color{color: #ffffff;}
body[theme="dark"] .eyebrow{
    color: var(--muted);
    font-weight: bold;
}
body[theme="dark"] .have-chance .eyebrow,
body[theme="dark"] .propositions .eyebrow{
    background-color: var(--violet);
    color: #ffffff !important;
    padding: 0 5px;
    font-weight: 600 !important;
}

body[theme="dark"] .swiper-navigation .swiper-button-prev,
body[theme="dark"] .swiper-navigation .swiper-button-next{
    background-color: #ffffff;
    border-radius: 50%;
}
body[theme="dark"] .swiper-navigation .swiper-button-prev::before,
body[theme="dark"] .swiper-navigation .swiper-button-next::before{
    color: #000000;
}
body[theme="dark"] .swiper-slide .eyebrow{
    background-color: var(--violet);
    color: #ffffff;
    padding: 0 5px;
}
body[theme="dark"] .swiper-slide .btn-outline-white{
    background-color: #ffffff;
    color: #000;
    border: 0 none;
    font-weight: bold;
}

body[theme="dark"] .card-categories .card-footer .bg-white{
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    background-color: rgba(255, 255, 255, 0.8) !important;
}
body[theme="dark"] .card-categories .card-footer h2.card-title{
    color: #000000 !important;
}
body[theme="dark"] #articles-content .card-categories .card-image{
    border-radius: var(--radius-12) !important;
}

body[theme="dark"] .owl-carousel--mask .owl-item {
    background: var(--dark-light);
    color: #ffffff;
    border-radius: var(--radius-12);
    /*border: 2px solid #DDE2E3;*/
    box-shadow: var(--shadow-lg);
}
body[theme="dark"] .nav-tabs .lavalamp-object {
    border-color: #ffffff;
}
body[theme="dark"] .nav .nav-link.active {
    color: #ffffff;
}
body[theme="dark"] .owl-carousel .owl-nav button.owl-prev, 
body[theme="dark"] .owl-carousel .owl-nav button.owl-next {
    background: var(--dark);
}
body[theme="dark"] .owl-carousel .owl-nav button.owl-prev::before, 
body[theme="dark"] .owl-carousel .owl-nav button.owl-next::before {
    color: #ffffff;
}
body[theme="dark"] .owl-carousel .owl-nav button.owl-prev:hover,
body[theme="dark"] .owl-carousel .owl-nav button.owl-next:hover {
    background: var(--dark-light-clean); 
}
body[theme="dark"] .owl-carousel .owl-nav button.owl-prev:hover::before,
body[theme="dark"] .owl-carousel .owl-nav button.owl-next:hover::before {
    color: #fff; 
}

body[theme="dark"] .card-product {
    /*background: var(--dark-light);*/
    border-radius: var(--radius-12) !important;
}
body[theme="dark"] .card-product .card-image,
body[theme="dark"] .card-product .card-image img {
    border-radius: var(--radius-12) !important;
    background-color: var(--dark-light);
}
body[theme="dark"] .card-product .card-body {
    background: #ffffff;
    border-radius: var(--radius-12) !important;
}
body[theme="dark"] .card-product .card-body .card-title,
body[theme="dark"] .card-product .card-body .price {
    /*color: #ffffff;*/
}
body[theme="dark"] .nav-link.lavalamp-item.active{
    color: #ffffff !important;
}
body[theme="dark"] .category.category--alt{
    border-radius: var(--radius-12);
}
.top-header,
.sub-footer{
    background-color: var(--dark-light);
    padding: 15px;
    border-radius: var(--radius-12);
}
footer h4{
    color: #ffffff !important;
}
footer .menu-list-link{
    color: rgba(255, 255, 255, 0.75) !important;
}
footer .menu-list-link:hover{
    color: var(--violet) !important;
    opacity: 1;
    font-weight: bold;
}

body[theme="dark"] .cart-item .cart-item-image img{
    border-radius: var(--radius-12);
}
body[theme="dark"] .cart-item .cart-item-title a{
    /*color: rgba(255, 255, 255, 0.9);*/
    color: #ffffff;
}
body[theme="dark"] .head-infos h3.eyebrow{
    color: #ffffff !important;
    /*text-transform: none;
    font-size: 25px !important;*/
}
body[theme="dark"] .p-infos{
    background-color: var(--dark-light-clean);
    padding: 20px;
    border-radius: var(--radius-12);
}
body[theme="dark"] .list-group-minimal .list-group-item,
body[theme="dark"] .list-group-minimal .list-group-item span,
body[theme="dark"] .card .text-dark,
body[theme="dark"] .cart-item .text-dark{
    color: #ffffff !important;
}
body[theme="dark"] .modal.show{
    /*background: var(--dark);*/
    background: rgba(0, 0, 0, 0.1) !important;
}
body[theme="dark"] .modal-header{
    /*background: var(--dark);*/
}
/*body[theme="dark"] .modal.show .modal-body{
    border-top-right-radius: var(--radius-12) !important;
    border-top-left-radius: var(--radius-12) !important;
    background: var(--dark-light);
    padding-top: 25px;
}
body[theme="dark"] .modal.show .modal-footer{
    border-bottom-right-radius: var(--radius-12) !important;
    border-bottom-left-radius: var(--radius-12) !important;
    background: var(--dark-light);
}*/
body[theme="dark"] .modal-content{
    background: var(--dark-light);
    border-radius: var(--radius-12);
}
body[theme="dark"] .modal-header .close {
}
body[theme="dark"] .modal-title{
    color: var(--violet);
    padding: 10px;
}
body[theme="dark"] .modal-header img{
    width: 100px !important;
}
body[theme="dark"] .modal-body{
    color: #ffffff;
    font-size: 14px;
}
body[theme="dark"] .breadcrumbs{
    background-color: var(--dark) !important;
    /*padding: 0;*/
}
body[theme="dark"] .breadcrumbs .breadcrumb/*nav[aria-label="breadcrumb"]*/{
    /*border: 2px solid var(--dark-light-clean) !important;*/
    background-color: var(--dark-light) !important;
    border-radius: var(--radius-12);
    padding: 15px 15px;
}
body[theme="dark"] .breadcrumb-item a{
    color: #ffffff;
    font-weight: 300;
}
body[theme="dark"] .breadcrumb-item.active{
    color: var(--violet) !important;
}
body[theme="dark"] h1{
    color: #ffffff !important;
}

body[theme="dark"] .select2 .select2-selection {
    /*border-color: var(--dark-light); 
    border: 0px none; 
    background-color: var(--dark-light);
    border-radius: var(--radius-12) !important;*/

    border-color: var(--color-secondary);
    border-width: 2px;
    background-color: var(--dark);
    border-radius: var(--radius-12) !important;
}
body[theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-secondary) !important;
    font-weight: bold;
}
body[theme="dark"] .select2-dropdown {
    border: 0px none;
    background: var(--dark-light-clean);
    border-radius: var(--radius-12) !important;
    box-shadow: var(--shadow) !important;
}
body[theme="dark"] .select2-results__options .select2-results__option{
    margin-bottom: 1px;
    margin-top: 1px;
    border-radius: var(--radius-12);
}
body[theme="dark"] .select2-results__options .select2-results__option[class*="--highlighted"] {
    color: #ffffff;
    background: var(--dark-light);
    font-weight: bold;
}
body[theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent;
    color: var(--violet);
    /*color: #ffffff;
    background: var(--dark-light);*/
    font-weight: bold;
}
body[theme="dark"] .select2-results__options .select2-results__option {
    color: #ffffff;
}
body[theme="dark"] .select2 .select2-selection .select2-selection__rendered {
    color: #ffffff;
}
body[theme="dark"] .filters-options{
    border-color: var(--dark-light) !important;
    background-color: var(--dark-light);
    border-radius: var(--radius-12);
    padding: 15px !important;
}
body[theme="dark"] .card {
    background-color: transparent;
    background-clip: border-box;
    border: 0 solid #e9e9e9;
}
body[theme="dark"] .filters .widget-title.active a {
    color: var(--violet) !important;
}
body[theme="dark"] .custom-control .custom-control-label {
    color: #ffffff;
}
body[theme="dark"] .custom-control .custom-control-input:checked ~ .custom-control-label {
    color: var(--violet);
}
body[theme="dark"] .custom-control-label::before {
    border: #ffffff solid 1px;
}
body[theme="dark"] .custom-control .custom-control-input:checked ~ .custom-control-label::after {
    background: var(--violet) !important; 
}
body[theme="dark"] .filters .widget-title a {
    color: #ffffff;
    font-weight: 600;
}
body[theme="dark"] .filters .widget-title:hover a {
    color: var(--violet) !important;
}

body[theme="dark"] .btn-group-square .btn {
    border: 1px solid var(--dark-light);
    background-color: var(--dark);
    color: #ffffff;
}
body[theme="dark"] .btn-group-square .btn.active {
    background-color: var(--violet);
    color: #ffffff;
}
body[theme="dark"] .btn-group-square .btn:hover {
    background-color: var(--violet);
}
body[theme="dark"] .btn-group-square.btn-group-colors .btn {
    border: 0px solid #ffffff;
    background-color: transparent !important;
    margin-right: 3px;
}
body[theme="dark"] .irs .irs-bar {
    background: var(--violet);
}
body[theme="dark"] .irs .irs-handle {
    background: var(--violet);
}
body[theme="dark"] .irs .irs-from, .irs .irs-to, .irs .irs-single {
    color: var(--violet);
}
body[theme="dark"] .irs .irs-line {
    background: #ffffff;
}
body[theme="dark"] .filters .nav-item > .nav-link {
    opacity: 1;
}
body[theme="dark"] .filters .nav-item:hover > .nav-link {
    color: var(--violet) !important;
}
body[theme="dark"] .nav-accordion .nav-item.active [data-toggle="collapse"]::before,
body[theme="dark"] .filters .nav-item.active > .nav-link {
    color: var(--violet) !important;
}
body[theme="dark"] .nav-accordion .nav-item [data-toggle="collapse"]::before {
    color: #ffffff;
}

body[theme="dark"] #articles-content .card-footer .card-title,
body[theme="dark"] #articles-content .card-footer .price{
    color: #ffffff;
}
body[theme="dark"] #articles-content .card-footer .card-title{
    margin-bottom: 3px;
}
body[theme="dark"] #articles-content .card-footer .card-title:hover a{
    color: var(--violet);
}
body[theme="dark"] .next-page, 
body[theme="dark"] .next-page:hover, 
body[theme="dark"] .next-page:focus {
  color: var(--violet);
  background-color: var(--violet-soft);
  border: 1px solid var(--violet-soft); 
  border-radius: var(--radius-12);
  font-weight: light !important;
}
body[theme="dark"] .next-page:hover {
    color: var(--violet);
    text-decoration: none;
    background-color: var(--violet);
    border-color: var(--violet); 
    color: #ffffff;
}
body[theme="dark"] .clear-filters{
    font-weight: 300 !important;
    font-size: 15px;
}
body[theme="dark"] .section-body{
    background-color: var(--dark-light);
}
body[theme="dark"] .section-body .bg-white,
body[theme="dark"] #basket-content-total .bg-white,
body[theme="dark"] #favoris-content-total .bg-white{
    background-color: var(--dark) !important;
    border: 0 none !important;
    border-radius: var(--radius-12);
}
body[theme="dark"] .cart-item-list .cart-item + .cart-item {
    border-color: var(--dark-light-clean);
}
body[theme="dark"] .section-body .bg-white h2{
    color: #ffffff;
}

body[theme="dark"] .add-to-basket.action {
    color: var(--violet) !important;
    border: 2px solid var(--violet-soft);
    background-color: var(--violet-soft);
}
body[theme="dark"] hr{
    border-color: var(--dark-light-clean);
}
body[theme="dark"] fieldset {
    border-color: var(--color-secondary);
    border-radius: var(--radius-12);
}
body[theme="dark"] fieldset .form-control{
    //border-color: var(--color-secondary);
}
body[theme="dark"] .form-label-group > label{
    color: var(--color-secondary);
    font-weight: bold;
}
body[theme="dark"] .form-label-group > .form-control{
    color: #ffffff;
}


body[theme="dark"] fieldset  .select-frame .select2 .select2-selection {
    border-color: transparent;
}
body[theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: var(--dark-light);
    color: #ffffff;
    outline: none !important;
    border-radius: var(--radius-12);
}
body[theme="dark"] fieldset .select-frame .select2 .select2-selection[aria-expanded="true"] {
    background: transparent;
    border-color: transparent;
}
body[theme="dark"] .custom-choice-title,
body[theme="dark"] .choice-prix-livraison{
    color: #ffffff;
}
body[theme="dark"] .b-livraison-infos{
    color: #ffffff;
    opacity: 0.8;
}
body[theme="dark"] .custom-control .custom-control-input:checked ~ .custom-control-label .custom-choice-title,
body[theme="dark"] .custom-control .custom-control-input:checked ~ .custom-control-label .choice-prix-livraison{
    color: var(--violet);
}
body[theme="dark"] .custom-choice + .custom-choice {
    border-color: var(--dark-light-clean);
}
body[theme="dark"] .order-preview > li > a > img{
    border-radius: var(--radius-12);
}
body[theme="dark"] .order-meta > li > span{
    color: #ffffff;
}
body[theme="dark"] .alert{
    border-radius: var(--radius-12);
}
body[theme="dark"] #side-menu{
    background-color: var(--dark);
}
body[theme="dark"] #side-menu .close {
    opacity: 1;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    outline: none;
}
body[theme="dark"] .section-article-gallery{ background: var(--dark-light); }
/*body[theme="dark"] .section-article-gallery .select2 .select2-selection{
    border: 1px solid #000000;
    background-color: #ffffff;
}*/
body[theme="dark"] .section-article-gallery .owl-item{
    padding: 10px !important;
}
body[theme="dark"] .section-article-gallery .owl-item img{
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-article-gallery .infos-commande-content{
    background-color: var(--dark-light);
    padding: 20px;
    border-radius: var(--radius-12);
    /*border: 2px solid var(--dark-light-clean);*/
}
body[theme="dark"] .section-article-gallery .infos-commande-content .text-dark{
    color: #ffffff !important;
}
body[theme="dark"] .section-article-gallery .select2 .select2-selection {
    border-color: var(--color-secondary);
    border-width: 2px;
    background-color: var(--dark-light);
    border-radius: var(--radius-12) !important;
}
@media (min-width: 1199.98px) {
    body[theme="dark"] .section-article-gallery .infos-commande-content{
        background-color: var(--dark-light);
        padding: 20px;
        margin-left: -10px;
    }
    body[theme="dark"] .section-article-gallery .select2 .select2-selection {
        border-color: var(--color-secondary);
        border-width: 2px;
        background-color: var(--dark-light);
        border-radius: var(--radius-12) !important;
    }
}
@media (max-width: 1199.98px) {
    /*body[theme="dark"] .section-article-gallery .infos-commande-content{
        background-color: var(--dark-light);
        padding: 20px;
        margin-left: -10px;
    }*/
    .section-article-gallery .owl-external-nav button{
        /*display: none;*/
        position: absolute;
        top: 25%;
    }
}
body[theme="dark"] .top-header .owl-carousel .owl-stage{
    display: flex;
    align-items: center;
} 
body[theme="dark"] .top-header .owl-carousel .owl-nav button.owl-prev::before, 
body[theme="dark"] .top-header .owl-carousel .owl-nav button.owl-next::before {
    display: flex;
    justify-content: center;
}

body[theme="dark"] .section-article-gallery .infos-commande-content .btn-white.add-to-favoris{
    background-color: #ffffff !important;
    border-radius: 50%;
    border-width: 0;
}
body[theme="dark"] .section-article-gallery .infos-commande-content .btn-white.add-to-favoris:hover{
    background-color: var(--violet-soft) !important;
}
body[theme="dark"] .section-article-gallery .infos-commande-content .add-to-favoris i{
    color: var(--violet) !important;
}
body[theme="dark"] .section-article-gallery .infos-commande-content .btn-white.remove-to-favoris{
    background-color: var(--violet) !important;
    border-radius: 50%;
    border-width: 0;
}
body[theme="dark"] .section-article-gallery .infos-commande-content .btn-white.remove-to-favoris:hover{
    background-color: var(--violet-soft) !important;
}
body[theme="dark"] .section-article-gallery .infos-commande-content .remove-to-favoris i{
    color: #ffffff !important;
}

body[theme="dark"] .section-article-description .accordion{
    background-color: var(--dark-light);
    border-width: 0;
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-article-description .accordion img{
    border-radius: var(--radius-12) !important;
}
body[theme="dark"] .section-article-description .accordion li::after,
body[theme="dark"] .section-article-description .accordion h1,
body[theme="dark"] .section-article-description .accordion h2,
body[theme="dark"] .section-article-description .accordion h3,
body[theme="dark"] .section-article-description .accordion h4,
body[theme="dark"] .section-article-description .accordion h5,
body[theme="dark"] .section-article-description .accordion h6 {
    color: #ffffff !important;
    opacity: 1;
}
body[theme="dark"] .section-article-description .accordion .card-header .btn.btn-link,
body[theme="dark"] .section-article-description .accordion .card-header .btn.btn-link::before{
    color: var(--violet);
}
body[theme="dark"] .section-article-description h3,
body[theme="dark"] .section-article-description .accordion .card-header .btn.collapsed,
body[theme="dark"] .section-article-description .accordion .card-header .btn.collapsed::before{
    color: #ffffff;
}
body[theme="dark"] .card-form{
    background-color: var(--dark);
    border-width: 0 !important;
    border-radius: var(--radius-12);
}
body[theme="dark"] .card-form .card-header {
    border-color: var(--dark-light-clean);
    border-width: 0 !important;
    padding-bottom: 0;
}
body[theme="dark"] .card-form .nav-tabs .lavalamp-object {
    border-color: var(--violet);
}
body[theme="dark"] .card-form .nav .nav-link.active {
    color: var(--violet) !important;
}
body[theme="dark"] .card-form .label{
    color: #ffffff;
}
body[theme="dark"] .section-account h3{
    color: #ffffff !important;
    text-transform: none;
}
body[theme="dark"] .section-account-menu .nav-menu{
    /*background-color: var(--dark) !important;*/
}
body[theme="dark"] .section-account-menu .nav-link{
    box-shadow: none;
    border-top: 1px solid var(--dark-light-clean);
}
body[theme="dark"] .section-account-menu .nav-link:hover,
body[theme="dark"] .section-account-menu .nav-link:hover::after{
    color: var(--violet) !important;
}
body[theme="dark"] .section-account-menu .nav-link.active{
    background-color: var(--dark-light-clean);
    border-radius: var(--radius-12);
    border-top: 1px solid transparent;
    color: var(--violet) !important;
}
body[theme="dark"] .section-account-menu .nav-link.active::after{
    color: var(--violet) !important;
}
body[theme="dark"] .section-account-menu .nav-link.active + .nav-link{
    border-top: 1px solid transparent;
}
body[theme="dark"] .section-account-menu .nav-menu .lavalamp-object {
    background: transparent;
}
body[theme="dark"] .section-account-menu .card.card-data {
    background-color: var(--dark-light);
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-account-menu .card.card-data .dropdown .btn-white {
    background-color: transparent;
    border :0;
    color: #fff;
}
body[theme="dark"] .section-account-menu .card-header {
    border-color: var(--dark-light-clean);
}
body[theme="dark"] .section-account-menu .card-title a {
    color: var(--violet);
}
body[theme="dark"] .section-account-menu .card-title a:hover {
    opacity: 0.7;
}
body[theme="dark"] .section-account-menu .card.card-data .dropdown-menu {
    background-color: var(--dark-light-clean);
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-account-menu .card.card-data .dropdown-menu .dropdown-item {
    color: #ffffff;
}
body[theme="dark"] .section-account-menu .card.card-data .dropdown-menu .dropdown-item:hover {
    color: var(--violet);
}
label.is-invalid{
  color: #f34770 !important;
}
body[theme="dark"] label.is-invalid{
  color: var(--danger) !important;
}
.form-control.is-invalid{
    border-color: transparent;
    border: 0px none;
}
body[theme="dark"] fieldset .row:not(:first-child):before {
    background-color: var(--dark-light-clean);
}

body[theme="dark"] .section-body-invert{
    background-color: var(--dark);
}
body[theme="dark"] .section-body-invert .bg-white{
    background-color: var(--dark-light) !important;
    border: 0 none !important;
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-body-invert .bg-white h2{
    color: #ffffff;
}
body[theme="dark"] .section-body-invert .select2 .select2-selection {
    border-color: var(--color-secondary);
    border-width: 2px;
    background-color: var(--dark-light);
    border-radius: var(--radius-12) !important;
}
body[theme="dark"] .card-form h1{
    font-size: 190%;
}
body[theme="dark"] .section-body-invert .card-form{
    background-color: var(--dark-light);
    border-width: 0 !important;
    border-radius: var(--radius-12);
}
body[theme="dark"] .articles-similitudes h2{
    color: #ffffff;
}

body[theme="dark"] .section-account .details-commande .bordered {
    background-color: var(--dark-light-clean);
    border-width: 0px;
    border-radius: var(--radius-12);
}

body[theme="dark"] .section-account .details-commande h2,
body[theme="dark"] .section-account .details-commande .cart-item-list .cart-item-title {
    color: #ffffff;
    text-transform: none !important;
}
body[theme="dark"] .section-account .details-commande h5.eyebrow,
body[theme="dark"] .section-account .details-commande .cart-item-list .list--horizontal.list--separated {
    color: var(--color-white-smoke) !important;
}
body[theme="dark"] .badge{
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-body-invert .section-account-menu .card.card-data {
    background-color: var(--dark-light-clean);
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-body-invert .section-account-menu .card-header {
    border-color: var(--dark-light);
    background-color: var(--dark-light);
    border: 2px solid var(--dark-light-clean) !important;
    border-top-right-radius: var(--radius-12);
    border-top-left-radius: var(--radius-12);
}
body[theme="dark"] .section-body-invert .section-account-menu .card.card-data .dropdown-menu {
    background-color: var(--dark-light);
}
body[theme="dark"] .section-account-menu .card.card-product .price {
    color: #ffffff;
}
body[theme="dark"] .section-body-invert .cart-item-list .cart-item + .cart-item {
    border-color: var(--color-secondary);
}

.fancybox__caption {
    color: #000;
}
.fancybox__thumb {
    background-size: contain;
}
.has-image[data-image-fit=contain] .fancybox__image {
    border-radius: 10px;
    box-shadow: var(--shadow);
    background-color: rgba(255, 255, 255, 1);
}
.fancybox__slide.has-iframe .fancybox__content{
  background-color: transparent;
}
.fancybox__iframe{
  border-radius: var(--radius-12) !important;
}
.fancybox__slide.has-iframe .carousel__button.is-close{
  top: 10%;
  right: -1%;
}
.fancybox__slide.has-pdf .fancybox__content, .fancybox__slide.has-iframe .fancybox__content{
  height: 90% !important;
  width: 100% !important;
}
.fancybox__slide.has-pdf, .fancybox__slide.has-iframe{
  height: 100% !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 576px) {
  .fancybox__slide.has-pdf, .fancybox__slide.has-iframe{
    padding: 0 5px !important;
  }
}
@media (min-width: 577px) {
  .fancybox__slide.has-pdf, .fancybox__slide.has-iframe{
    padding: 0 30px !important;
  }
}

body[theme="dark"] .accordion-colissimo {
    border-width: 0;
}
body[theme="dark"] .accordion-colissimo .card-header .btn {
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    color: var(--violet);
}
body[theme="dark"] .accordion-colissimo .card-header .btn::before{
    font-weight: bold;
    color: var(--violet);
}
body[theme="dark"] .section-body-invert.section-page img,
body[theme="dark"] .section-body-invert.section-page .figure-image{
    border-radius: var(--radius-12);
}
body[theme="dark"] .section-body-invert.section-page .bg-dark{
    background-color: var(--dark) !important;
}
body[theme="dark"] .section-body-invert.section-page .bg-dark-light-clean{
    background-color: var(--dark-light-clean) !important;
}
body[theme="dark"] .section-body-invert.section-page .bg-dark-light{
    background-color: var(--dark-light) !important;
}
body[theme="dark"] .section-body-invert.section-page .blockquote{
    border-color: var(--violet);
}
body[theme="dark"] .section-body-invert.section-page .blockquote-footer{
    color: var(--violet);
}
body[theme="dark"] .section-body-invert.section-page .card-image{
    max-height: 350px;
    object-fit: cover;
    width: 100%;
}
body[theme="dark"] .section-body-invert.section-page .accordion{
    background-color: transparent;
    border-width: 0;
}
body[theme="dark"] .section-body-invert.section-page .accordion .card{
    background-color: var(--dark-light);
    border-width: 0;
    border-radius: var(--radius-12);
    margin-bottom: 10px;
}
body[theme="dark"] .section-body-invert.section-page .accordion img{
    border-radius: var(--radius-12) !important;
}
body[theme="dark"] .section-body-invert.section-page .accordion li::after,
body[theme="dark"] .section-body-invert.section-page .accordion h1,
body[theme="dark"] .section-body-invert.section-page .accordion h2,
body[theme="dark"] .section-body-invert.section-page .accordion h3,
body[theme="dark"] .section-body-invert.section-page .accordion h4,
body[theme="dark"] .section-body-invert.section-page .accordion h5,
body[theme="dark"] .section-body-invert.section-page .accordion h6 {
    color: #ffffff !important;
    opacity: 1;
}
body[theme="dark"] .section-body-invert.section-page .accordion .card-header .btn.btn-link,
body[theme="dark"] .section-body-invert.section-page .accordion .card-header .btn.btn-link::before{
    color: var(--violet);
}
body[theme="dark"] .section-body-invert.section-page h1,
body[theme="dark"] .section-body-invert.section-page h2,
body[theme="dark"] .section-body-invert.section-page h3,
body[theme="dark"] .section-body-invert.section-page h4,
body[theme="dark"] .section-body-invert.section-page h5,
body[theme="dark"] .section-body-invert.section-page h6,
body[theme="dark"] .section-body-invert.section-page .accordion .card-header .btn.collapsed,
body[theme="dark"] .section-body-invert.section-page .accordion .card-header .btn.collapsed::before{
    color: #ffffff;
}
body[theme="dark"] .section-body-invert.section-page a{
    color: var(--violet);
}

body[theme="dark"] .section-body-invert.section-page .bg-dark .list[class*="-unordered"] li::after {
    background: #ffffff !important;
    width: 0.5rem;
    /*color: var(--violet);
    background-color: var(--violet-soft);
    border-radius: 50%;
    font-size: 12px;*/
}
body[theme="dark"] .section-body-invert.section-page .bg-dark .list[class*="-ordered"] li::after{
    color: #ffffff !important;
    /*color: var(--violet);
    background-color: var(--violet-soft);
    border-radius: 50%;
    font-size: 12px;*/
}
body[theme="dark"] .section-body-invert.section-page .bg-dark .list[class*="-ordered"] li {
    padding-left: 2.5em;
}

body[theme="dark"] .section-rayons .category{
    border-radius: var(--radius-12);
    background-color: var(--color-white-smoke);
}
body[theme="dark"] .filtr-blog .card-footer{
    /*width: 100%;
    position: fixed;*/
    background-color: var(--violet-soft-5);

    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}
body[theme="dark"] .filtr-blog .vh-75 {
    height: 45vh;
    min-height: 45vh;
}
body[theme="dark"] .filtr-blog .btn-outline-white{
    background-color: #ffffff;
    color: #000;
    border: 0 none;
    font-weight: bold;
    border-width: 0;
}
body[theme="dark"] .filtr-blog .btn-outline-white:hover{
    background-color: var(--violet);
    color: #ffffff;
}
body[theme="dark"] .filtr-blog .card.card-tile{
    /*opacity: 0.7;*/
    border-radius: var(--radius-12);
    overflow: hidden;
}

body[theme="dark"] .section-rayons{
    background-color: var(--dark-light);
}
/*body[theme="dark"] .section-rayons .tab-pane .card-image-overlay{
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}*/
body[theme="dark"] .section-rayons .tab-pane .card-footer{
    height: auto !important;
    padding: 25px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    box-shadow: var(--dark-light) 0px -110px 35px -50px inset;
}
body[theme="dark"] .section-rayons .tab-pane .card-footer h2{
    color: #000000;
    text-transform: none !important;
    font-weight: 600;
    font-size: 45px;
    margin-top: 2px;
    margin-bottom: 25px !important;

/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}
body[theme="dark"] .section-rayons .tab-pane .card-footer .card-subtitle{
    color: #ffffff;
    background-color: var(--violet);
    padding: 1px 7px;
    font-size: 13px;
}
body[theme="dark"] .section-rayons .tab-pane .vh-75 {
    height: 45vh;
    min-height: 45vh;
}
body[theme="dark"] .section-rayons .tab-pane .btn-outline-white{
    background-color: #ffffff;
    /*color: var(--violet);*/
    color: #000000;
    font-weight: bold;
    border-color: var(--violet);
    box-shadow: var(--shadow);
    border-width: 0;
}
body[theme="dark"] .section-rayons .tab-pane .btn-outline-white:hover{
    background-color: var(--violet);
    color: #ffffff;
}
body[theme="dark"] .section-rayons .tab-pane .card.card-tile{
    /*opacity: 0.7;*/
    border-top-right-radius: var(--radius-12);
    border-top-left-radius: var(--radius-12);
    overflow: hidden;
}
body[theme="dark"] .section-rayons .nav-tabs[class*="-fill"] .nav-link {
    padding: 1rem 0;
    font-size: 14px;
    text-transform: none;
}
body[theme="dark"] .section-rayons .nav-tabs[class*="-fill"] .nav-link.active {
    color: var(--violet) !important;
    font-weight: bold;
}
body[theme="dark"] .section-rayons .nav-tabs .lavalamp-object {
    background-color: var(--violet-soft);
    border-width: 0;
    border-radius: var(--radius-12);
    /*width: 0 !important*/;
    padding: 0!important;
}
.cursor-pointer{
    cursor: pointer;
}