@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
::selection {
  background-color: #000;
  color: #fff;
}
::moz-selection {
  background-color: #000;
  color: #fff;
}
::webkit-selection {
  background-color: #000;
  color: #fff;
}
body {
  font-size: 14px;
  font-family: "Lato", sans-serif;
}
body.overflow .wrapper main {
  /* 3D ANIMATION
			animation: scaleDown 0.5s forwards cubic-bezier(0.65, 0, 0.35, 1)!important;	
			transform-origin: top center;
			
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			transform-style: preserve-3d;
			*/
}
/* ================================== */
/* ============= HOME =============== */
/* ================================== */
.slider_accueil .button {
  position: absolute;
  bottom: 2rem;
  right: 3rem;
  z-index: 50;
}
/* ================================== */
/* ============= SINGLE ============= */
/* ================================== */
body.single-oeuvres nav #menu-item-160, body.error404 nav #menu-item-160, body.search-results nav #menu-item-160 {
  display: none;
}
.single-product #toggle-wizard {
  margin-top: 2rem;
}
.single-product .gallery_min img {
  margin: 0 0 2rem 0;
}
.single-product .product_bullet_shortcuts {
  position: absolute;
  top: -1rem;
  right: 1rem;
  z-index: 100;
  width: 100%;
  margin: 1.5rem 0 2rem 0;
}
.single-product .product_bullet_shortcuts ul {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.single-product .product_bullet_shortcuts ul li {
  list-style-type: none;
}
.single-product .product_bullet_shortcuts ul li a:link, .single-product .product_bullet_shortcuts ul li a:visited, .single-product .product_bullet_shortcuts ul li a:active, .single-product .product_bullet_shortcuts ul li a {
  background: #000;
  border: 2px solid transparent;
  border-radius: 50px;
  margin: 0 0 0 0.75rem;
  padding: 0.5rem;
  transition: all 400ms;
  width: 30px;
  height: 30px;
}
.single-product .product_bullet_shortcuts ul li a:link:hover, .single-product .product_bullet_shortcuts ul li a:visited:hover, .single-product .product_bullet_shortcuts ul li a:active:hover, .single-product .product_bullet_shortcuts ul li a:hover {
  background: #fff;
  border: 2px solid #ebebed;
}
.single-product .product_bullet_shortcuts ul li a:link:hover img, .single-product .product_bullet_shortcuts ul li a:visited:hover img, .single-product .product_bullet_shortcuts ul li a:active:hover img, .single-product .product_bullet_shortcuts ul li a:hover img {
  filter: brightness(100%);
}
.single-product .product_bullet_shortcuts ul li a:link img, .single-product .product_bullet_shortcuts ul li a:visited img, .single-product .product_bullet_shortcuts ul li a:active img, .single-product .product_bullet_shortcuts ul li a img {
  width: 20px;
  height: auto;
  filter: brightness(900%);
}
.single-product h2 {
  margin: 0;
}
.single-product .produit-image > a {
  position: relative;
  display: block;
}
.single-product .produit-image img:not(.shortcut) {
  border: 2px solid #000;
  border-radius: 3px;
}
.single-product .produit-titre {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.single-product .produit-categorie, .single-product .produit-code {
  font-style: italic;
  color: #888;
}
.single-product .produit-description {
  margin: 1rem 0;
}
.single-product .produit-details li {
  margin-bottom: 0.5rem;
}
.single-product .formats, .single-product .styles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.single-product .formats li, .single-product .styles li {
  background: #eee;
  padding: 0.5rem 1rem;
  border-radius: 4px;
}
.single-product .prix {
  font-weight: bold;
  font-size: 1.2rem;
}
.single-product .btn-configurer {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: black;
  color: white;
  text-decoration: none;
  border-radius: 6px;
}
.single-product .btn-configurer:hover {
  background: #444;
}
.breadcrumb {
  margin: 0 0 1rem 0;
}
/* ================================== */
/* ============= WIZARD ============= */
/* ================================== */
.wizard_wrapper {
  background: #373d44;
  padding: 2rem 0rem 2rem 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
}
.wizard_wrapper > .row.container {
  background: #fff;
  padding: 1rem 2rem;
}
@media only screen and (min-width: 65rem) {
  .wizard_wrapper > .row.container {
    padding: 1rem 4rem;
  }
}
.wizard_wrapper #wizard {
  background: #fff;
  position: relative;
  padding: 1rem 1rem 4rem 1rem;
}
.wizard_wrapper #wizard input, .wizard_wrapper #wizard span, .wizard_wrapper #wizard label {
  cursor: pointer;
}
.wizard_wrapper .close-btn {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
}
.wizard_wrapper .close-btn::before, .wizard_wrapper .close-btn::after {
  background-color: #373d44;
  height: 20px;
}
.wizard_wrapper hr {
  height: 2px;
  border: 0;
  outline: 0;
  width: 100%;
  background: #ececed;
  margin: 10px 0;
}
.wizard_wrapper .wizard-alert {
  background: rgba(228, 52, 45, 0.3);
  padding: 1rem;
  margin-bottom: 1rem;
}
.wizard_wrapper .wizard-notice {
  background: rgba(55, 165, 120, 0.3);
  padding: 1rem;
  margin-bottom: 1rem;
}
.wizard_wrapper .prev-step, .wizard_wrapper .next-step {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.wizard_wrapper .prev-step:disabled, .wizard_wrapper .next-step:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.wizard_wrapper .next-step, .wizard_wrapper #add-to-cart {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.wizard_wrapper .prev-step {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}
.wizard_wrapper .wizard_navigation {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  bottom: auto;
}
.wizard_wrapper .wizard_navigation .produit-image img {
  max-width: 85px;
  max-height: 120px;
  object-fit: cover;
}
.wizard_wrapper .wizard_navigation section:first-child, .wizard_wrapper .wizard_navigation .start_step {
  display: flex;
  align-items: center;
}
.wizard_wrapper .wizard_navigation .start_step div p, .wizard_wrapper .wizard_navigation .start_step div span, .wizard_wrapper .wizard_navigation .start_step div b {
  color: #373d44;
}
.wizard_wrapper section {
  position: relative;
}
.wizard_wrapper section.succeed, .wizard_wrapper section.awaiting, .wizard_wrapper section.current {
  margin: 0px;
}
.wizard_wrapper section.succeed p, .wizard_wrapper section.succeed h5, .wizard_wrapper section.succeed h4, .wizard_wrapper section.succeed h3, .wizard_wrapper section.awaiting p, .wizard_wrapper section.awaiting h5, .wizard_wrapper section.awaiting h4, .wizard_wrapper section.awaiting h3, .wizard_wrapper section.current p, .wizard_wrapper section.current h5, .wizard_wrapper section.current h4, .wizard_wrapper section.current h3 {
  margin: 0.5rem;
}
.wizard_wrapper section.succeed::after, .wizard_wrapper section.awaiting::after, .wizard_wrapper section.current::after {
  content: "";
  width: calc(100%);
  height: 2px;
  background: #ececed;
  position: absolute;
  right: 0;
  bottom: 0;
}
.wizard_wrapper section.succeed {
  padding: 0.5rem 3rem 0.5rem 1rem;
  background: #fff;
  border-left: 6px solid #37a578;
}
.wizard_wrapper section.succeed p, .wizard_wrapper section.succeed h5, .wizard_wrapper section.succeed h4, .wizard_wrapper section.succeed h3 {
  color: #37a578;
  font-weight: 700;
  text-transform: uppercase;
}
.wizard_wrapper section.awaiting {
  padding: 1rem 1rem;
  background: #fff;
  border-left: 6px solid rgba(228, 52, 45, 0.6);
}
.wizard_wrapper section.awaiting p, .wizard_wrapper section.awaiting h5, .wizard_wrapper section.awaiting h4, .wizard_wrapper section.awaiting h3 {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}
.wizard_wrapper section.current {
  background: #fff;
  border-left: 6px solid #373d44;
}
.wizard_wrapper section.current p, .wizard_wrapper section.current h5, .wizard_wrapper section.current h4, .wizard_wrapper section.current h3 {
  color: #373d44;
  font-weight: 700;
  text-transform: uppercase;
}
.wizard_wrapper section button.goto-step {
  position: absolute;
  right: 1rem;
  top: 0.75rem;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: pointer;
}
.wizard_wrapper section button.goto-step img {
  width: 15px;
  height: 15px;
}
body.single-oeuvres.overflow .wrapper {
  overflow-y: overlay;
}
.info_link_row {
  flex: 0 0 100%;
  max-width: 100%;
}
.info_link_panel {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 15px;
  margin: 10px 0;
  border-radius: 6px;
}
.info_link_panel {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 15px;
  margin-top: 10px;
  border-radius: 6px;
  animation: fadeIn 0.3s ease;
}
.info_link_panel .info_title {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}
.info_link_panel .info_image {
  max-width: 100%;
  margin-bottom: 10px;
  border-radius: 4px;
}
.info_link_panel .info_text {
  line-height: 1.4;
  color: #333;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.wizard_navigation section {
  padding: 1rem 3rem 1rem 1rem;
  margin-bottom: 8px;
  border-left: 4px solid transparent;
  opacity: 0.6;
}
.wizard_navigation section.succeed {
  opacity: 1;
}
.wizard_navigation section.current {
  font-weight: bold;
  opacity: 1;
}
.wizard_navigation section.awaiting {
  border-left-color: #ccc;
}
.wizard_navigation section {
  transition: all 0.3s ease;
  opacity: 0.5;
  transform: translateY(4px);
}
.wizard_navigation section.current, .wizard_navigation section.succeed {
  opacity: 1;
  transform: translateY(0);
}
.step {
  display: none;
  opacity: 0;
  /*
  height: 0;
  overflow: hidden;
  transition: height .4s ease;
  */
  /*
	display:block;
	opacity:0;
	height:0;
	pointer-events: none;
	transition: all 0.3s ease;
	*/
}
.step .entry {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.step .entry::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 45%;
  background: #ececed;
  z-index: 10;
}
.step .entry p {
  background: #fff;
  z-index: 30;
}
.step .entry p:first-child {
  padding: 0 1rem 0 0;
}
.step .entry p:last-child {
  padding: 0 0 0 1rem;
}
.step.visible {
  display: block;
  opacity: 1;
}
.step.visible:not(.step-6) {
  animation: fade-in 0.5s forwards, slide-up 0.5s forwards;
}
/* =============================================== */
/* ======== Wizard Status Exceptions ============= */
/* =============================================== */
body.role-visiteur .price_container, body.role-visiteur .resume-prix, body.role-visiteur .resume-prix-total, body.role-visiteur #valider-commande, body.role-visiteur .wishlist-toggle {
  display: none !important;
  /*
			opacity:.3;
		    background: red;
		    */
}
body.no-price .price_container, body.no-price .resume-prix, body.no-price .resume-prix-total, body.no-price #valider-commande, body.no-price #panier-liste .sub_total, body.no-price #panier-liste .panier-total-global, body.no-price #panier-liste span.price_individuel {
  opacity: 0.3;
  background: red;
}
/* Custon Radio Wizard */
.radio-group.img_focus {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.radio-group.img_focus div {
  position: relative;
  padding: 0;
}
.radio-group.img_focus div.step_element {
  max-width: calc(50% - 1rem);
  /*
				&:nth-child(3n+1){
					padding:0 .5rem 0 0;
				}
				
				&:nth-child(3n+2){
					//background: yellow;
					padding: 0 .25rem 0rem .25rem;
				}
				
				&:nth-child(3n){
					padding:0 0 0 .5rem;
				}
				*/
}
@media only screen and (min-width: 65rem) {
  .radio-group.img_focus div.step_element {
    max-width: calc(33.3333333333% - 1rem);
  }
}
.radio-group.img_focus div.info_link_panel {
  padding: 0 1.5rem;
}
.radio-group.img_focus div h4 {
  margin-top: 0;
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  display: flex;
  align-items: flex-end;
  line-height: 1.25rem;
  min-height: 2.5rem;
}
.radio-group.img_focus div .support-gallery {
  position: absolute;
  bottom: 1.35rem;
  right: 1.35rem;
  width: 20px;
  height: 20px;
  z-index: 300;
}
.radio-group.img_focus div .support-gallery::before {
  content: url("../img/search.svg");
}
.radio-group.img_focus div label {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 100;
  width: calc(100% - 36px);
  height: 100%;
  opacity: 0;
  font-weight: 600;
  padding: 0.5rem 1rem;
}
.radio-group.img_focus div label::after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -50;
}
.radio-group.img_focus div input[type="radio"] {
  position: absolute;
  right: 1.6rem;
  top: 3.75rem;
  z-index: 200;
}
.radio-group.img_focus div input[type="radio"] + img {
  opacity: 1;
  transition: all 0.3s ease;
  border: 2px solid rgba(0, 0, 0, 0.05);
  margin: 0.5rem 0 1rem 0;
}
.radio-group.img_focus div input[type="radio"]:checked + img {
  opacity: 1;
  border: 2px solid rgba(50, 100, 168, 0.7);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
}
.radio-group.img_focus div .info_price {
  position: absolute;
  bottom: 1.5rem;
  left: 0.65rem;
  font-weight: 500;
}
.radio-group.img_focus div .info_link {
  display: inline-block;
  width: 20px;
  height: 20px;
  z-index: 200;
  cursor: pointer;
}
.radio-group.img_focus div .info_link::before {
  content: "ⓘ";
  text-transform: lowercase;
  color: #3264a8;
  display: block;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}
.radio-group.img_focus > label {
  display: flex;
  max-width: calc(32%);
  width: calc(32%);
  position: relative;
}
.radio-group.img_focus > label span {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 50;
  width: calc(100% - 4px);
  background: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  padding: 0.5rem 1rem;
}
.radio-group.img_focus > label input[type="radio"] {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 100;
}
.radio-group.img_focus > label input[type="radio"] + span + img {
  opacity: 0.3;
  transition: all 0.3s ease;
  border: 2px solid #ececed;
}
.radio-group.img_focus > label input[type="radio"]:checked + span + img {
  opacity: 1;
  border: 2px solid rgba(55, 165, 120, 0.7);
}
/* ========================================= */
/* ============= WIZARD PANEL  ============= */
/* ========================================= */
.wizard_wrapper {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2);
  transition: all 0.8s ease-in-out;
  z-index: 9999;
  overflow-y: overlay;
}
.wizard_wrapper.open {
  right: 0;
}
/* ========================================= */
/* ============= FEATHERLIGHT  ============= */
/* ========================================= */
.featherlight-content {
  overflow: visible;
}
.featherlight-content .featherlight-next {
  right: -50px !important;
}
.featherlight-content .featherlight-next::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  transform: rotate(-45deg);
  position: absolute;
  top: calc(50% - .5rem);
  right: 0;
}
.featherlight-content .featherlight-previous {
  left: -50px !important;
}
.featherlight-content .featherlight-previous::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-left: 4px solid white;
  border-top: 4px solid white;
  transform: rotate(-45deg);
  position: absolute;
  top: calc(50% - .5rem);
  left: 0;
}
.featherlight-content .featherlight-close::before, .featherlight-content .featherlight-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
}
@media only screen and (max-width: 40rem) {
  .featherlight-content .featherlight-close::before, .featherlight-content .featherlight-close:after {
    background-color: #fff;
  }
}
.featherlight-content .featherlight-close::before {
  transform: rotate(45deg);
}
.featherlight-content .featherlight-close::after {
  transform: rotate(-45deg);
}
/*

.with-featherlight,
.with-featherlight body {
				
		//height: 100%;
		overflow: hidden;		
}

.with-featherlight body .featherlight{
	overflow-y: scroll;
}

.with-featherlight body, .closing body {

		background: rgba(0,0,0,.7);


}

html.closing body #wrapper{
	animation: scaleUp 0.5s forwards cubic-bezier(0.65, 0, 0.35, 1)!important;	
	transform-origin: top center;
	
		&.bottom{
			transform-origin: bottom center;
		}
}

.with-featherlight body #wrapper{
		animation: scaleDown 0.5s forwards cubic-bezier(0.65, 0, 0.35, 1)!important;	
		transform-origin: top center;
		
		&.bottom{
			transform-origin: bottom center;
		}
}

.featherlight:last-of-type{
	background:transparent!important;
}

.featherlight-content{
	& *{
		color:$black;
	}
}


// Effect 18:  Slide from right with perspective on container 


.with-featherlight body #wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
		

}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

@keyframes toLeft {
	0% 
	{ 	
		-webkit-transform: translateX(150%);
		-moz-transform: translateX(150%);
		-ms-transform: translateX(150%);
		transform: translateX(150%);
		opacity: 1;
	}
	100% 
	{ 
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		-webkit-transition: all 0.5s 0.1s;
		-moz-transition: all 0.5s 0.1s;
		transition: all 0.5s 0.1s;
	}
}

@keyframes toRight {
	0% 
	{ 	
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		-webkit-transition: all 0.5s 0.1s;
		-moz-transition: all 0.5s 0.1s;
		transition: all 0.5s 0.1s;
	}
	100% 
	{ 
		
		-webkit-transform: translateX(150%);
		-moz-transform: translateX(150%);
		-ms-transform: translateX(150%);
		transform: translateX(150%);
		opacity: 1;
	}
}

@-webkit-keyframes scaleDown {
	from { opacity: 1; -webkit-transform: scale(1); }
	to { opacity: .5; -webkit-transform: scale(.8); }
}
@keyframes scaleDown {
	from {  opacity: 1; -webkit-transform: scale(1); }
	to { opacity: .5; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleUp {
	from { opacity: .5; -webkit-transform: scale(.8); }
	to { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes scaleUp {
	from { opacity: .5; -webkit-transform: scale(.8); }
	to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}


html .featherlight{
		
		&.closing{
			animation: toRight .8s forwards cubic-bezier(0.65, 0, 0.35, 1);
		}
}
	
		
.with-featherlight .featherlight  {
	
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		
		animation: toLeft .8s forwards cubic-bezier(0.65, 0, 0.35, 1);
}

*/
/* ======================== */
/* ======= SIDEBAR ========= */
/* ======================== */
.sidebar.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 110px;
  bottom: auto;
}
.sidebar > h2 {
  margin: 0.25rem 0 0 0;
}
.sidebar .custom-collection-links li.active {
  font-weight: bold;
}
.sidebar .wpc-filters-section {
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
}
.sidebar .wpc-filters-section .wpc-see-more-control, .sidebar .wpc-filters-section .wpc-see-less-control {
  position: absolute;
  top: 4px;
  right: 1rem;
  border-bottom: inherit;
}
.sidebar .wpc-filters-section .wpc-see-more-control::after {
  content: "";
  border-right: 3px solid rgba(0, 0, 0, 0.9);
  border-bottom: 3px solid rgba(0, 0, 0, 0.9);
  border-radius: 1px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) !important;
  display: inline-block;
  margin: 0 0 0.25rem 0.75rem;
  position: absolute;
  top: 2px;
}
.sidebar .wpc-filters-section .wpc-see-less-control::after {
  content: "";
  border-left: 3px solid rgba(0, 0, 0, 0.9);
  border-top: 3px solid rgba(0, 0, 0, 0.9);
  border-radius: 1px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) !important;
  display: inline-block;
  margin: 0 0 0.25rem 0.75rem;
  position: absolute;
  top: 6px;
}
.sidebar .wpc-posts-found, .sidebar .wpc-edit-filter-set, .sidebar .wpc-filters-section.wpc-filters-section-415 {
  display: none;
}
.sidebar .wpc-filters-section {
  margin: 0 0 2rem 0;
  border-left: 3px solid #ececed;
  padding: 0 0 0 2rem;
}
.sidebar .wpc-filter-header .widget-title {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
}
.sidebar .wpc-filters-radio {
  text-transform: capitalize;
}
.sidebar .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
  overflow: hidden;
  padding-bottom: 1.5rem;
}
.sidebar .wpc-filter-chips-list {
  padding: 0;
}
.sidebar .wpc-filter-chips-list li {
  display: inline-block;
  border-radius: 50px;
  color: #000;
  padding: 0.5rem 1rem !important;
  text-align: center;
  margin: 1rem 0 0 0 !important;
  font-size: 0.9rem !important;
}
.sidebar .wpc-filter-chips-list li:not(.wpc-chip-reset-all) {
  background: rgba(0, 0, 0, 0.07);
}
.sidebar .wpc-filter-chips-list li a {
  border: 0;
  border-color: transparent !important;
}
.sidebar .wpc-filter-chips-list .wpc-chip-reset-all {
  position: relative;
  margin: 0 0 2rem 0;
  display: block;
  text-align: left;
}
.sidebar .wpc-filter-chips-list .wpc-chip-reset-all a {
  border: 0;
  color: rgba(228, 52, 45, 0.6);
  padding-left: 1rem;
  font-weight: 600;
}
.sidebar .wpc-filter-chips-list .wpc-chip-reset-all::before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 10px;
  width: 10px;
  height: 20px;
  border-right: 3px solid #e4342d;
  border-radius: 2px;
  transform: rotate(45deg);
}
.sidebar .wpc-filter-chips-list .wpc-chip-reset-all::after {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 10px;
  width: 10px;
  height: 20px;
  border-right: 3px solid #e4342d;
  border-radius: 2px;
  transform: rotate(-45deg);
}
/* Cache temporairement les IDs numériques dans les filtres et chips */
.wpc-filter-chip[class*="wpc-chip-oeuvre_in_collection-"] a {
  visibility: hidden;
}
body.js-collections-ready .wpc-filter-chip[class*="wpc-chip-oeuvre_in_collection-"] a {
  visibility: visible;
}
/* ==================================== */
/* ======= Search Custom Page ========= */
/* ==================================== */
body .pagination {
  opacity: 0;
  background: rgba(228, 52, 45, 0.6);
}
/* =================================== */
/* ======= FE Filters:custom ========= */
/* =================================== */
html.is-active .wpc-filters-overlay {
  background: transparent !important;
}
html.is-active .wpc-spinner:after {
  width: 88px !important;
  height: 88px !important;
  z-index: 9999;
}
/* ====================== */
/* ======= CART ========= */
/* ====================== */
.panier-container {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}
.panier-container .panier-item {
  /*
		&::before{
		  counter-increment: my-sec-counter;
		  content: "0" counter(my-sec-counter) "";
		  
		  font-size:1rem;
		  margin:0;
		  color:rgba($black, 0.25);
		  font-weight: 600;
		}
		*/
  position: relative;
  background: rgba(236, 236, 237, 0);
  margin: 0 0 0 0;
  padding: 0 0 0.5rem 0;
}
.panier-container .panier-item ul {
  /*
		&::after{
			content:'';
		
			width:calc(100%);
			height:2px;
			background:$light_grey;
			
			position: absolute;
			right:0;
			bottom:0;
		}
		*/
  padding: 0 0 0 20px;
}
.panier-container .panier-item ul li {
  list-style-type: square;
  margin: 0.5rem;
  max-width: calc(100% - 90px);
}
.panier-container .panier-item ul li::marker {
  color: #ececed;
}
.panier-container .panier-item .sub_total {
  position: relative;
}
.panier-container .panier-item .sub_total span {
  padding: 0 1rem 0 0.75rem;
  background: #fff;
}
.panier-container .panier-item .sub_total::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  z-index: -10;
  height: 2px;
  border: 0;
  outline: 0;
  width: 100%;
  background: #ececed;
  margin: 10px 0;
}
.panier-container .panier-item .quantite-wrap {
  display: inline-block;
  margin-left: 1rem;
}
.panier-container .panier-item .quantite-wrap span, .panier-container .panier-item .quantite-wrap input {
  border: 0;
}
.panier-container .panier-item .quantite-wrap input {
  height: inherit;
  border: 0;
  padding: inherit;
  font-size: inherit;
  width: 40px;
}
.panier-container .panier-item .quantite-wrap input::-webkit-outer-spin-button, .panier-container .panier-item .quantite-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.panier-container .panier-item .quantite-wrap .value-control {
  padding: 0 0.5rem;
}
.panier-container .panier-item .quantite-wrap .value-control.increment {
  margin: 0;
  position: relative;
  top: 2px;
}
.panier-container .panier-item .quantite-wrap .value-control.decrement {
  margin: 0;
}
.panier-container .panier-item .accordion {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.panier-container .panier-item .accordion span.auto {
  margin-right: 1rem;
}
.panier-container .panier-item .accordion span.auto::before {
  counter-increment: my-sec-counter;
  content: "0" counter(my-sec-counter) "";
  font-size: 1rem;
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-weight: 600;
}
.panier-container .panier-item .accordion.active {
  background: transparent;
  border-top: 1px solid #3264a8;
  border-right: 1px solid #3264a8;
}
.panier-container .panier-item .accordion span {
  font-size: 0.8rem;
}
.panier-container .panier-item .accordion div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.panier-container .panier-item .accordion div:first-child div {
  display: flex;
  flex-direction: column;
}
.panier-container .panier-item .accordion div:first-child div span:first-child {
  margin: 0.3rem 0;
}
.panier-container .panier-item .accordion img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin: 0 1rem 0 0;
}
.panier-container .panier-item .accordion::after {
  top: inherit;
  right: 0.5rem;
  padding: 0 0.5rem;
  bottom: 0.5rem;
  color: #373d44;
}
.panier-container .panier-item .duplicate-panier {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  color: #3264a8;
  background: white;
  font-weight: 700;
  padding: 0 0.5rem 0 1.5rem;
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  bottom: 1.5rem;
  font-size: 0.8rem;
  opacity: 1;
  z-index: 500;
  line-height: 15px;
  margin-bottom: 20px;
}
.panier-container .panier-item .duplicate-panier::before, .panier-container .panier-item .duplicate-panier:after {
  position: absolute;
  left: 0.75rem;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: #3264a8;
}
.panier-container .panier-item .duplicate-panier::before {
  transform: rotate(90deg);
}
.panier-container .panier-item .supprimer-panier {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  color: rgba(228, 52, 45, 0.6);
  background: white;
  font-weight: 700;
  padding: 0 0.5rem 0 1.5rem;
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  bottom: -0.15rem;
  font-size: 0.8rem;
  opacity: 1;
  z-index: 500;
  line-height: 15px;
  margin-bottom: 20px;
}
.panier-container .panier-item .supprimer-panier::before, .panier-container .panier-item .supprimer-panier:after {
  position: absolute;
  left: 0.75rem;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: rgba(228, 52, 45, 0.6);
}
.panier-container .panier-item .supprimer-panier::before {
  transform: rotate(45deg);
}
.panier-container .panier-item .supprimer-panier::after {
  transform: rotate(-45deg);
}
.panier-container .panier-item hr {
  height: 2px;
  border: 0;
  outline: 0;
  width: 100%;
  background: #ececed;
  margin: 10px 0;
}
.panier-container #panier-liste {
  padding-bottom: 3.5rem;
}
.panier-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1rem 0 1rem;
}
#toast-container {
  position: fixed;
  bottom: 30px;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#toast-container .toast-message {
  background-color: #37a578;
  color: #fff;
  padding: 12px 18px;
  margin-top: 10px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(20px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
#toast-container .toast-message.show {
  opacity: 1;
  transform: translateY(0);
}
#toast-container .toast-message.toast-success {
  background-color: #37a578;
}
#toast-container .toast-message.toast-error {
  background-color: #dc3545;
}
#toast-container .toast-message.toast-info, #toast-container .toast-message.toast-default {
  background-color: #f39c12;
}
#toast-container .toast-annuler {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 12px 16px;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  display: none;
}
#toast-container .undo-btn {
  margin-left: 12px;
  background: none;
  border: none;
  border-radius: 4px;
  color: #37a578;
  background: #fff;
  cursor: pointer;
  padding: 6px 12px;
  font-weight: 600;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
}
/* ============================ */
/* ======= Mon Compte ========= */
/* ============================ */
.mon-compte {
  /* ACF Custom */
}
.mon-compte .commande {
  margin: 0 0 1rem 0;
}
.mon-compte .commande ul {
  margin: 0;
  padding: 0;
}
.mon-compte .commande ul li {
  list-style-type: none;
}
.mon-compte .commande img {
  border-radius: 50%;
}
.mon-compte .commande button span {
  margin-left: 2rem;
  opacity: 0.6;
  font-style: italic;
}
.mon-compte .commande .single_commande {
  border-bottom: 2px solid #ececed;
}
.mon-compte .profile_wrapper {
  background: #ececed;
  padding: 1rem 3rem;
}
.mon-compte .logout-user {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  color: rgba(228, 52, 45, 0.6);
  background: white;
  font-weight: 700;
  padding: 0 0 0 1rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 1rem;
  opacity: 1;
  z-index: 500;
}
.mon-compte .logout-user::before, .mon-compte .logout-user:after {
  position: absolute;
  left: 5px;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: rgba(228, 52, 45, 0.6);
}
.mon-compte .logout-user::before {
  transform: rotate(45deg);
}
.mon-compte .logout-user::after {
  transform: rotate(-45deg);
}
.mon-compte .form_bottom, .mon-compte .acf-form-submit {
  display: flex;
  justify-content: flex-end;
  margin: 2rem 0 0 0;
}
.mon-compte .form_bottom .button, .mon-compte .acf-form-submit .button {
  margin: 0 0 0 2rem;
}
.mon-compte .client_information .entry {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.mon-compte .client_information .entry::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 45%;
  background: #ececed;
  z-index: 10;
}
.mon-compte .client_information p {
  background: #fff;
  position: relative;
  z-index: 30;
  font-weight: 600;
}
.mon-compte .client_information p:first-child {
  font-weight: 400;
  padding: 0 1rem 0 0;
}
.mon-compte .client_information p:last-child {
  padding: 0 0 0 1rem;
}
.mon-compte .acf-fields > .acf-field {
  border-top-color: transparent;
}
/* ============================== */
/* ======= OEUVRE ITEMS ========= */
/* ============================== */
.oeuvre-grid {
  display: flex;
}
.oeuvre-grid .oeuvre-item {
  position: relative;
  overflow: hidden;
}
.oeuvre-grid .oeuvre-item.to-be-removed {
  /*
			opacity: 0.5;
			  filter: grayscale(70%);
			  transition: opacity 0.3s ease, filter 0.3s ease;
		  	*/
  animation: fade-out 6s forwards;
}
.oeuvre-grid .oeuvre-item.hover, .oeuvre-grid .oeuvre-item.closing {
  transition: all 0.3s ease;
}
.oeuvre-grid .oeuvre-item.hover .oeuvre-links {
  opacity: 1;
  top: 0;
}
.oeuvre-grid .oeuvre-item.hover::after {
  opacity: 1;
}
.oeuvre-grid .oeuvre-item::after {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.oeuvre-grid .oeuvre-item .oeuvre-thumb img:not(.copyright_img) {
  border: 2px solid #000;
  border-radius: 3px;
}
.oeuvre-grid .oeuvre-item .oeuvre-links {
  position: absolute;
  top: 30px;
  right: 0.75rem;
  z-index: 100;
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.1s;
}
.oeuvre-grid .oeuvre-item .oeuvre-links li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
.oeuvre-grid .oeuvre-item .oeuvre-links li a:link, .oeuvre-grid .oeuvre-item .oeuvre-links li a:visited, .oeuvre-grid .oeuvre-item .oeuvre-links li a:active, .oeuvre-grid .oeuvre-item .oeuvre-links li a {
  background: #373d44;
  border: 2px solid transparent;
  border-radius: 50px;
  margin: 0 0 0 1rem;
  padding: 0.5rem;
  transition: all 400ms;
  position: relative;
}
.oeuvre-grid .oeuvre-item .oeuvre-links li a:link:hover, .oeuvre-grid .oeuvre-item .oeuvre-links li a:visited:hover, .oeuvre-grid .oeuvre-item .oeuvre-links li a:active:hover, .oeuvre-grid .oeuvre-item .oeuvre-links li a:hover {
  background: #fff;
}
.oeuvre-grid .oeuvre-item .oeuvre-links li a:link:hover img, .oeuvre-grid .oeuvre-item .oeuvre-links li a:visited:hover img, .oeuvre-grid .oeuvre-item .oeuvre-links li a:active:hover img, .oeuvre-grid .oeuvre-item .oeuvre-links li a:hover img {
  filter: invert(0);
}
.oeuvre-grid .oeuvre-item .oeuvre-links li a:link img, .oeuvre-grid .oeuvre-item .oeuvre-links li a:visited img, .oeuvre-grid .oeuvre-item .oeuvre-links li a:active img, .oeuvre-grid .oeuvre-item .oeuvre-links li a img {
  filter: invert(1);
  height: 22px;
  width: auto;
}
.oeuvre-grid .oeuvre-item .oeuvre-links img {
  max-width: 25px;
}
.oeuvre-grid .oeuvre-item .badge-in-panier {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background: white;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  color: #37a578;
}
.oeuvre-grid .oeuvre-item .badge-ai {
  position: absolute;
  bottom: 0.8rem;
  right: 0.7rem;
  max-width: 18px;
  min-width: 18px;
  z-index: 300;
}
/* ====================================== */
/* ======= Custom Copyright IMG ========= */
/* ====================================== */
.copyright_img_wrapper {
  position: relative;
  display: block;
}
.copyright_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  z-index: 50;
  opacity: 0 !important;
}
.featherlight-content::before {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
}
.featherlight-content img.featherlight-image {
  pointer-events: none;
}
/* ========================= */
/* ======= MASONRY ========= */
/* ========================= */
.oeuvre-grid {
  display: flex;
  flex-wrap: wrap;
  min-height: inherit !important;
}
.oeuvre-item {
  width: calc(33.333% - 20px);
  margin: 10px;
  box-sizing: border-box;
}
.oeuvre-item img {
  min-width: 100%;
}
.oeuvre-item.hover {
  transition: all 0.3s ease;
}
.oeuvre-item:hover {
  transform: translateY(-4px) !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 65rem) {
  body.search-results .oeuvre-item {
    width: calc(25% - 20px);
  }
}
.oeuvre-item {
  opacity: 1;
}
.oeuvre-item.visible {
  opacity: 1;
  /*
  &:not(.hover):not(.closing){
		
	
	  animation: 
	   	fade-in .5s backwards, slide-up .5s backwards;
	  //animation-iteration-count: 1;
	
  }
  */
}
#infinite-sentinel {
  text-align: center;
  margin: 3rem 0;
}
#infinite-sentinel #load-more {
  position: relative;
}
#infinite-sentinel #load-more::before {
  display: block;
  font-size: 28px;
  margin-bottom: 6px;
}
#infinite-sentinel #infinite-loading-spinner {
  display: block;
  font-size: 52px;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.3);
}
#infinite-sentinel #infinite-loading-spinner.spinning {
  animation: spinning 1s infinite linear;
}
@media (max-width: 768px) {
  .oeuvre-item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .oeuvre-item {
    width: 100%;
    margin: 10px 0;
  }
}
/* ======================= */
/* ======= FORMS ========= */
/* ======================= */
/* Custom Input[type="number"] */
:root {
  --border-radius: 3px;
  --border: 2px solid #3b3b3b;
  --control-size: 38px;
  --font-size: 20px;
}
.value-control {
  width: var(--control-size);
  height: var(--control-size);
  margin: 0 8px;
  background: transparent;
  border: var(--border);
  border-radius: var(--border-radius);
  color: #3b3b3b;
  cursor: pointer;
  font-size: var(--font-size);
}
.value-control:hover {
  background: #eee;
}
.value-control:active {
  background: #ddd;
}
.value-control:focus, .value-input:focus {
  outline: 2px solid #3e67fd;
  outline-offset: 1px;
}
.value-input {
  margin: 0;
  height: var(--control-size);
  width: 80px;
  border: var(--border);
  border-radius: var(--border-radius);
  padding: 2px 8px;
  text-align: center;
  font-size: var(--font-size);
}
.value-input:hover {
  border-color: #777;
}
/* ==================== */
/* Checkbox Slider */
/* ==================== */
.acf-field-true-false .acf-input .acf-true-false {
  display: inline-block;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.acf-field-true-false .acf-input .acf-true-false input {
  margin: 0px;
  margin-top: 1px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: red;
  width: 40px;
  height: 20px;
}
.acf-field-true-false .acf-input .acf-true-false input:checked + .slider-style:before {
  background-color: #37a578;
  content: "";
  padding-left: 6px;
}
.acf-field-true-false .acf-input .acf-true-false input:checked + .slider-style:after {
  left: 22px;
}
.acf-field-true-false .acf-input .acf-true-false .slider-style {
  position: relative;
  padding-left: 46px;
}
.acf-field-true-false .acf-input .acf-true-false .slider-style:before, .acf-field-true-false .acf-input .acf-true-false .slider-style:after {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: background-color 0.3s, left 0.3s;
}
.acf-field-true-false .acf-input .acf-true-false .slider-style:before {
  content: "";
  color: #fff;
  box-sizing: border-box;
  font-family: "FontAwesome", sans-serif;
  padding-left: 23px;
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(228, 52, 45, 0.5);
  left: 0px;
  top: 0px;
  height: 20px;
  width: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.acf-field-true-false .acf-input .acf-true-false .slider-style:after {
  content: "";
  letter-spacing: 20px;
  background: #fff;
  left: 2px;
  top: 2px;
  height: 16px;
  width: 16px;
}
section.slider-checkbox {
  display: inline-block;
  margin: 0;
  cursor: pointer;
  position: relative;
}
section.slider-checkbox label {
  cursor: pointer;
}
section.slider-checkbox input {
  margin: 0px;
  margin-top: 1px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: red;
  width: 40px;
  height: 20px;
}
section.slider-checkbox input:checked + .label:before {
  background-color: #37a578;
  content: "";
  padding-left: 6px;
}
section.slider-checkbox input:checked + .label:after {
  left: 22px;
}
section.slider-checkbox .label {
  position: relative;
  padding-left: 46px;
}
section.slider-checkbox .label:before, section.slider-checkbox .label:after {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: background-color 0.3s, left 0.3s;
}
section.slider-checkbox .label:before {
  content: "";
  color: #fff;
  box-sizing: border-box;
  font-family: "FontAwesome", sans-serif;
  padding-left: 23px;
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(228, 52, 45, 0.5);
  left: 0px;
  top: 0px;
  height: 20px;
  width: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
section.slider-checkbox .label:after {
  content: "";
  letter-spacing: 20px;
  background: #fff;
  left: 2px;
  top: 2px;
  height: 16px;
  width: 16px;
}
/* Accordion panels */
.accordion {
  color: #444;
  cursor: pointer;
  padding: 15px 18px 15px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  background: #fff;
  border-top: 1px solid #ececed;
  border-right: 1px solid #ececed;
  border-bottom: 1px solid #ececed;
  border-left: 6px solid #ececed;
  position: relative;
}
.accordion:after {
  content: "+";
  color: #373d44;
  font-weight: bold;
  font-size: 28px;
  margin-left: 5px;
  position: absolute;
  top: 6px;
  right: 15px;
}
.accordion.active {
  background-color: rgba(236, 236, 237, 0.5);
  border-bottom: 1px solid rgba(236, 236, 237, 0);
  border-left: 6px solid #3264a8;
}
.accordion.active:after {
  content: "−";
}
.accordion.active:hover {
  background-color: rgba(236, 236, 237, 0.5);
}
.accordion.active + .commande-item-details {
  border-right: 1px solid #ececed;
  border-bottom: 1px solid #ececed;
  border-left: 6px solid #3264a8;
  background-color: rgba(236, 236, 237, 0.5);
}
.accordion.active + .panier-item-details {
  border-right: 1px solid #3264a8;
  border-bottom: 1px solid #3264a8;
  border-left: 6px solid #3264a8;
}
.accordion + .panier-item-details {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 6px solid transparent;
}
.accordion + .commande-item-details {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 6px solid transparent;
}
/* ======================= */
/* ======= LOGIN ========= */
/* ======================= */
.login_form input[type="text"], .login_form input[type="number"], .login_form input[type="email"], .login_form input[type="password"] {
  border: 0;
  outline: 0;
  border-bottom: 2px solid #ececed;
  padding: 0.25rem 1rem;
  border-radius: 4px;
}
.login_form input[type="text"].error, .login_form input[type="number"].error, .login_form input[type="email"].error, .login_form input[type="password"].error {
  border: 1px solid rgba(228, 52, 45, 0.6);
  background-color: #fff5f5;
}
.login_form .login-error {
  text-align: center;
}
.login_form hr {
  height: 2px;
  border: 0;
  outline: 0;
  width: 50%;
  display: block;
  margin: 10px auto;
  background: #ececed;
}
/* ============================ */
/* ======= TYPOGRAPHY ========= */
/* ============================ */
/* */
h1, h2, h3, h4, h5 {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-style: normal;
}
h1.big, h2.big, h3.big, h4.big, h5.big, h6.big, p.big {
  font-size: 1rem;
  margin: 0;
}
@media only screen and (min-width: 41rem) {
  h1.big, h2.big, h3.big, h4.big, h5.big, h6.big, p.big {
    font-size: 3.5rem;
  }
}
h1.titleblock, h2.titleblock, h3.titleblock, h4.titleblock, h5.titleblock, h6.titleblock, p.titleblock {
  background: #373d44;
  color: #fff;
  padding: 0.5rem 2rem;
  width: 100%;
}
.baseline {
  font-weight: 300 !important;
  font-size: 1.5rem;
}
h2 {
  font-size: 2rem;
}
h4 {
  font-size: 1.15rem;
}
.blue {
  color: #3264a8 !important;
}
.red {
  color: rgba(228, 52, 45, 0.6);
}
.white {
  color: #fff;
}
.button {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  border-radius: 4px;
  padding: 1.25rem;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
}
.button.black {
  background: #373d44;
  color: #fff !important;
}
.button.blue {
  background: #3264a8 !important;
  color: #fff !important;
}
.button.full {
  width: 100%;
}
.button.small {
  font-size: 1rem;
  padding: 0.75rem 1.25rem;
  display: inline-block;
}
.button.tiny {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75rem;
  padding: 0.75rem 1.25rem;
  display: inline-block;
}
.tag {
  display: inline-block;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.07);
  color: #000;
  padding: 0.5rem 1.25rem;
  text-align: center;
  margin: 0 1rem 0 0;
  font-size: 1rem;
}
.close-btn {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  z-index: 500;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
}
.close-btn:hover {
  opacity: 1;
}
.close-btn::before, .close-btn:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close-btn::before {
  transform: rotate(45deg);
}
.close-btn::after {
  transform: rotate(-45deg);
}