/*
 * Custom CSS 2 - Fichier CSS supplémentaire pour le thème ShopDeal
 * Priorité: 240 (chargé après custom.css)
 * Utilisation: Styles supplémentaires, overrides, ou nouvelles fonctionnalités
 */

 /* OVERFLOW HIDDEN FOR SUB MENU FIXING */
 html {
  overflow-x: hidden;
}

a:hover{
  color: #57C2FF !important;
  text-decoration: none!important;
}

a:focus{
  color: #57C2FF !important;
  text-decoration: none!important;
}

.contact-rich > .block_title{
  background: #57C2FF!important;
  color: black !important;
}

#login-form > footer > button{
  border-radius: 0px;
  background: #06071F;
  letter-spacing: 1.8px;
  color: white !important;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Transducer', sans-serif;
  font-weight: 600;
  padding: 10px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);    
  transition: all 0.3s ease;
}

#login-form > footer > button:hover {
  background: #1a1b3a;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
}


#login-form > section > div:nth-child(3) > div.col-md-6 > div > span > button{
  color: white !important;
  font-weight: 600;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);   
  background: #06071F; 
  transition: all 0.3s ease;
}
#login-form > section > div:nth-child(3) > div.col-md-6 > div > span > button:hover{
  background: #1a1b3a;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
}

#header .cart-products-count {
  height: 20px !important;
  min-width: 20px !important;
  font-size: 13px !important;
  line-height: 20px !important;
}



/* TOPBAR */


#header .header-top .menu a {
  font-family: "transducer-extended", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}
#header.white-header .header-top .language-selector .expand-more{
  font-family: "transducer-extended", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

#_desktop_language_selector > div > div > button > span{
  font-family: "transducer-extended", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.headerTopContainer{
  background: #57C2FF!important;
  display: flex;
  padding: 15px;
}
.headerTop{
  gap: 10px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.headerTop p{
  margin: 0!important;
  font-weight: 600;
}

@media (max-width: 767px) {
  #header .header-nav .blockcart.inactive .cart-products-count {
    color: black;
    display: block !important;
    transform: translateY(-16px);
  }
}

/* Override padding when promo banner is disabled */
body#index.promo-disabled #header .header-top {
  padding-top: 12px;
}



.lgcookieslaw-fixed-button.lgcookieslaw-fixed-button-right {
  right: 20px !important;
  bottom: 20px !important;
}

@media (min-width: 320px) and (max-width: 349px) {
  .headerTop > p{
    font-size: 7px !important;
  } 
}
@media (min-width: 350px) and (max-width: 370px) {
  .headerTop > p{
    font-size: 8px !important;
  } 
}
@media (min-width: 371px) and (max-width: 399px) {
  .headerTop > p{
    font-size: 9px !important;
  } 
}
@media (min-width: 400px) and (max-width: 499px) {
  .headerTop > p{
    font-size: 10px !important;
  } 
}
@media (min-width: 500px) and (max-width: 599px) {
  .headerTop > p{
    font-size: 12px !important;
  } 
}
.headerTop > p{
  color: #000!important;
  font-family: 'transducer-extended'!important;
}

body#index #header .header-top.fixed{
  padding-top: 0px!important;
}

/* MAIN NAVBAR */

@keyframes appear{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

.page-index .ls-wp-container.fitvidsignore.homeSlider{
  min-height: 800px;
}
.ls-layers .ls-wrapper.ls-in-out{
  top: 70%!important;
}
.logo-link:hover::before {
  display: none !important;
}
.menu{
  display: flex;
  align-items: center;
  gap: 50px;
}
.second-part-menu{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.user-menu-separate{
  margin-top: 0!important;
  margin-bottom: 15px!important;
}
#header .header-top .menu > ul > li{
  margin-right: 20px!important;
}
.corporatemenu, .service-client, #_desktop_user_info{
  display: none!important;
}
#_desktop_language_selector{
  margin-bottom: 15px;
}
.dropdown-menu li a {
  color: #000!important;
}
.dropdown-menu{
  padding: 10px;
  margin-top: 15px;
  border-radius: 5px;
}
.dropdown-menu li{
  padding-top: 10px;
}
#_desktop_search {
  display: none;
}
.search-menu img.white {
  display: inline;
}
.search-menu img.dark {
  display: none;
}
.header-top.fixed .search-menu img.white {
  display: none;
}
.header-top.fixed .search-menu img.dark {
  display: inline;
}
.search-menu-nav{
  display: flex;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  padding: 10px;
  gap: 10px;
}
.menu-search{
  background: transparent!important;
  border: none!important;
}
.menu-search > form input{
  border-radius: 5px;
  border-top: none!important;
  border-left: none!important;
  border-right: none!important;
  border: none!important;
  z-index: 999;
  outline: none!important;
  color: #000!important;
  padding: 7px!important;
}
.menu-search > form input::placeholder{
  color: #000!important;
}
.menu-search > form button{
  background: #57C2FF!important;
  color: #000!important;
  border-left: none!important;
  border-right: none!important;
  border-top: none!important;  
  border-radius: 5px;
  font-weight: 500;
  padding: 8px;
  border-bottom: none!important;
}
#_desktop_cart{
  display: none!important;
}
.top-menu #_desktop_language_selector{
  display: none!important;
}
#header .header-top .menu .top-menu{
  margin-top: 0px;
}
.header-container,
.headerBottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative;
}
.headerRight{
  display: flex !important;
  align-items: center !important;
  position: relative;
  padding-left: 0px!important;
}
.menu {
  display: flex!important;
  align-items: center;
  gap: 15px;
}
.language-selector-wrapper-after-menu {
  display: flex;
  align-items: center;
  margin-left: 15px;
  width: 285px;
  margin-bottom: 5px;
}
.user-menu-separate {
  position: absolute;
  right: 40px;
  top: 55%;
  transform: translateY(-50%);
  display: flex;
  gap: 0px;
}
.language-selector > button {
  display: flex;
  align-items: center;
}
#header .header-top{
  background: #000;
}
.top-menu .sub-menu{
  top: calc(100% + 21px)!important;
}
.menu-search.show, .top-menu .sub-menu{
  transition: all ease 0.3s!important;
}
.menu-search.show{
  animation: appear 0.3s forwards;
}
.custom-submenu {
  background: #4db7f1;
  padding: 20px 40px;
  width: 100%;
}
.submenu-inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.submenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.submenu-list li {
  margin-bottom: 10px;
}
.submenu-list li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-family: 'YourFont', sans-serif;
  display: flex;
  align-items: center;
}
.submenu-list li a::before {
  content: "↗";
  font-size: 14px;
  margin-right: 8px;
}
.submenu-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: 600px;
}
.submenu-number img {
  height: 207px!important;
  width: 177px!important;
  aspect-ratio: 59/69!important;
  max-height: 100%;
  width: auto;
  display: block;
}
.top-menu .sub-menu{
  padding: 0;
  border: none;
}
.submenu-bottom{
  display: none;
}
.submenu-wrapper{
  align-items: center!important;
}
.header-top.fixed{
  padding-bottom: 0px!important;
}
.popover{
  margin-top: 3px;
}
.js-sub-menu.collapse.show {
  display: block !important;
}

/* SUB MENUS WIDTH AND POSITION */
.js-sub-menu{
  animation: appear 0.3s forwards;
}
@keyframes disappear {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

#category-70 > .js-sub-menu, #category-71 > .js-sub-menu{
  width: 110vw!important;
  left: -60vw!important;
}
#category-14 > .js-sub-menu{
  width: 112vw!important;
  left: -19vw!important;
}
@media(min-width: 1800px) and (max-width: 2130px){
  #category-14 > .js-sub-menu{
    left: -25vw!important;
  }
}
@media(max-width: 1400px){
  #category-70 > .js-sub-menu, #category-71 > .js-sub-menu{
    left: -25vw!important;
  }
}

/**/

/* MAIN LOGO NAV SWAP */
.logo-link.logo-hover .white-icon { display: none !important; }
.logo-link.logo-hover .dark-icon { display: inline !important; }
.white-icon-10{
  display: none;
}
#main-nav-logo .logo-link:hover .white-icon {
  display: none !important;
}
#main-nav-logo .logo-link:hover .white-icon-10 {
  display: inline !important;
  width: 54px;
  height: 31px;
}
.white-icon-10,
.dark-icon-10 {
  display: none;
  width: 54px;
  height: 31px;
}

/* Central logo: hiding white-icon and dark-icon on hover */
#main-nav-logo .logo-link:hover .white-icon {
  display: none !important;
}
#main-nav-logo .logo-link:hover .dark-icon {
  display: none !important;
}
#main-nav-logo .logo-link:hover .white-icon-10 {
  display: inline !important;
  animation: fadeIn 0.2s ease forwards;
  width: 54px;
  height: 31px;
}
.fixed #main-nav-logo .logo-link:hover .white-icon-10,
.force-dark #main-nav-logo .logo-link:hover .white-icon-10 {
  display: none !important;
}
.fixed #main-nav-logo .logo-link:hover .dark-icon-10,
.force-dark #main-nav-logo .logo-link:hover .dark-icon-10 {
  display: inline !important;
  animation: fadeIn 0.2s ease forwards;
  width: 54px;
  height: 31px;
}
.js-sub-menu{
  background: #4cb3f9!important;
}
.submenu-wrapper{
  padding: 20px 200px 20px 400px!important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* FIXING OF CENTER LOGO SWAP */

#main-nav-logo .logo-link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 31px;
  object-fit: contain;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

#main-nav-logo .logo-link {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 31px;
}
#main-nav-logo .logo-link .white-icon,
#main-nav-logo .logo-link .white-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
.fixed #main-nav-logo .logo-link .white-icon,
.fixed #main-nav-logo .logo-link .white-icon-10,
.force-dark #main-nav-logo .logo-link .white-icon,
.force-dark #main-nav-logo .logo-link .white-icon-10 {
  opacity: 0;
  pointer-events: none;
}
.fixed #main-nav-logo .logo-link .dark-icon,
.fixed #main-nav-logo .logo-link .dark-icon-10,
.force-dark #main-nav-logo .logo-link .dark-icon,
.force-dark #main-nav-logo .logo-link .dark-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
#main-nav-logo .logo-link:hover .white-icon,
#main-nav-logo .logo-link:hover .dark-icon {
  opacity: 0;
  pointer-events: none;
}
#main-nav-logo .logo-link:hover .white-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
.fixed #main-nav-logo .logo-link:hover .dark-icon-10,
.force-dark #main-nav-logo .logo-link:hover .dark-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
#main-nav-logo .logo-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 31px;
}
#main-nav-logo .logo-link img {
  position: absolute;
  width: 54px;
  height: 31px;
  object-fit: contain;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
#main-nav-logo .logo-link .white-icon,
#main-nav-logo .logo-link .white-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
.fixed #main-nav-logo .logo-link .white-icon,
.fixed #main-nav-logo .logo-link .white-icon-10,
.force-dark #main-nav-logo .logo-link .white-icon,
.force-dark #main-nav-logo .logo-link .white-icon-10 {
  opacity: 0;
  pointer-events: none;
}
.fixed #main-nav-logo .logo-link .dark-icon,
.fixed #main-nav-logo .logo-link .dark-icon-10,
.force-dark #main-nav-logo .logo-link .dark-icon,
.force-dark #main-nav-logo .logo-link .dark-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
#main-nav-logo .logo-link:hover .white-icon,
#main-nav-logo .logo-link:hover .dark-icon {
  opacity: 0;
  pointer-events: none;
}
#main-nav-logo .logo-link:hover .white-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
.fixed #main-nav-logo .logo-link:hover .dark-icon-10,
.force-dark #main-nav-logo .logo-link:hover .dark-icon-10 {
  opacity: 1;
  pointer-events: auto;
}
.top-menu {
  display: flex;
  align-items: center;
}
.submenu-wrapper > .top-menu{
  flex-direction: column;
}
.headerRight{
  max-width: 1440px;
}

/**/

/* FONT SIZES AND FAMILIES*/

.dropdown-item{
  font-family: 'Transducer', sans-serif!important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 900!important;
  line-height: normal!important;
  letter-spacing: 0.36px!important;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}
.test{
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  gap: 30px!important;
}
#main-nav-logo{
  padding-left: 43px!important;
  padding-right: 43px!important;
}
.submenu-links li a{
  font-family: 'Transducer', sans-serif!important;
  font-size: 24px!important;
  font-style: normal!important;
  font-weight: 600!important;
  line-height: normal!important;
  -webkit-text-stroke-width: 0.2px!important;
  -webkit-text-stroke-color: #000!important;
}

.js-top-menu.mobile > ul {
  flex-direction: column!important;
  align-items: flex-start!important;
  gap: 20px!important;
}

.submenu-links{
  gap: 16px!important;
}
body #header .header-top .menu a:hover{
  color: #57C2FF!important;
}

#header .header-top .menu a:before, #mobile_top_menu_wrapper .top-menu a:before, #mobile_top_menu_wrapper .top-menu .sub-menu a:before{
  background: #57C2FF!important;
}
.language-selector:not(.open) > button > span {
  position: relative;
  display: inline-block;
  color: white;
}

.language-selector:not(.open) > button > span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0%;
  height: 2px;
  background: #57C2FF;
  transition: width 0.3s ease;
}

.language-selector:not(.open) > button > span:hover {
  color: #57C2FF !important;
}

.language-selector:not(.open) > button > span:hover::after {
  width: 100%;
}
.submenu-links li a:hover{
  color: #fff!important;
}

/**/

/* BUTTON LANGUAGES */

button .lang-flag, .language-selector button i{
  display: none;
}
.expand-more-btn{
  font-family: 'Transducer', sans-serif!important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 900!important;
  line-height: normal!important;
  letter-spacing: 0.36px!important;
}

.user-menu-separate li div{
  background-color: transparent!important;
}
.dropdown-menu li > a::before{
  display: none!important;
}
.submenu-arrow > img{
  margin-bottom: 5px;
  width: 22px;
  height: 22px;
}
.ls-layers .slide-description a.btn{
  padding: 0px 2px!important;
}
.slide-description{
  display: flex!important;
  align-items: baseline!important;
  justify-content: flex-start!important;
  flex-direction: column!important;
  padding: 0 20px!important;
}

/**/

.user-mobile{
  padding: 5px 20px;
}

#_mobile_user_info{
  padding: 5px 20px;
}

@media(max-width: 1200px){
  #mobile_top_menu_wrapper .top-menu .sub-menu li > a{
    padding: 5px 0!important;
  }
}
/* CART ICON */

@media(min-width: 1200px){
  #_mobile_cart > div > div > a > img.white-icon, #_mobile_cart{

    display: none !important;
  }  
}


@media  (max-width: 1200px) {
  #header .header-nav .mobile #_mobile_user_info{
    display: none !important;
  }
  .category{
    width: 100%!important;
  }
  .cart-menu{
    width: unset!important;
  }
}

.blockcart-header > a {
  display: flex!important;
  align-items: center;
  justify-content: end;
}
#header .header-nav .blockcart a{
  margin-top: 15px!important;
  margin-right: 15px!important;
}

@media(min-width: 767px) and (max-width: 1200px){
  #header .header-nav .mobile{
    display: flex!important;
    flex-wrap: nowrap!important;
  }
}

@media(max-width: 1023px) and (min-width: 768px){
  .user-info .user-img{
    max-width: 100%;
  }
}
@media(max-width: 1200px){
  #search_widget input[type='text']{
    width: 100%!important;
  }
  #header .header-nav .top-logo a img{
    max-height: 50px!important;
  }
  #header .header-nav .top-logo{
    position: static!important;
    transform: none!important;
    flex: 1 1 auto!important;
  }
  .header-nav .container{
    padding: 5px 15px 10px!important;
  }
  .headerTopContainer, .header-top.fixed{
    display: flex!important;
  }
  .row{
    margin-left: 0!important;
    margin-right: 0!important;
  }
  #mobile_top_menu_wrapper{
    top: 144px!important;
  }
}

@media(min-width: 2130px){
  #category-14 > .js-sub-menu{
    width: 120vw!important;
    left: -32vw!important;
  }
  .submenu-wrapper{
    padding: 20px 400px 20px 400px!important;
  }
}
@media(min-width: 2980px){
  .submenu-wrapper{
    padding: 20px 600px 20px 600px!important;
  }
  #category-14 > .js-sub-menu{
    width: 130vw!important;
    left: -40vw!important;
  }
}

@media(min-width: 1200px){
  .js-sub-menu {
    display: none;
  }
  .js-top-menu > ul > li {
    position: relative;
  }
  .js-top-menu > ul > li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 60px;
    background: transparent;
    pointer-events: auto;
    z-index: 1;
    display: none;
  }
  .js-top-menu > ul > li:hover::after {
    display: block;
  }
  .slide-description > a {
    max-width: 170px;
  }
}
@media(max-width: 1559px){
  .submenu-wrapper{
    padding: 20px 10px 20px 345px!important;
  }
  #category-70 > .js-sub-menu, #category-71 > .js-sub-menu{
    width: 109vw!important;
    left: -62vw!important;
  }
}
@media(max-width: 1405px){
  .language-selector-wrapper-after-menu{
    width: 250px;
  }
  #header .header-top .menu a{
    font-size: 16px;
  }
  #category-70 > .js-sub-menu, #category-71 > .js-sub-menu{
    width: 111vw!important;
    left: -62vw!important;
  }
  #category-14 > .js-sub-menu{
    left: -13vw!important;
  }
}
@media(max-width: 1292px){
  .language-selector-wrapper-after-menu{
    width: 185px;
    margin-left: 0;
  }
  #header .header-top .menu a{
    font-size: 16px;
  }
  #header .header-top .menu > ul > li{
    margin-right: 5px!important;
  }
  .user-menu-separate{
    right: 0px;
    gap: 0;
  }
}
@media(max-width: 1200px){
  .ls-layers .ls-wrapper.ls-in-out{
    top: 90%!important;
  }
}
@media(max-width: 1200px){
  /*
  #header .header-top .menu a:before, #mobile_top_menu_wrapper .top-menu a:before, #mobile_top_menu_wrapper .top-menu .sub-menu a:before{
    background: transparent!important;
  }
  */
  #header .header-top{
    background: transparent!important;
  }
}
@media(max-width: 1119px){
  #header .header-top .menu a{
    font-size: 12px;
  }
  #header .header-top .menu > ul > li{
    margin-right: 15px!important;
  }
  .user-menu-separate{
    right: -40px;
  }
  .language-selector-wrapper-after-menu{
    width: 140px;
  }
  #main-nav-logo{
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  .test{
    gap: 20px!important;
  }
  .submenu-wrapper{
    padding: 20px 0 20px 85px!important;
  }
  #category-70 > .js-sub-menu, #category-71 > .js-sub-menu{width: 122vw!important;}
  #category-14 > .js-sub-menu{left: -7vw!important}
}
@media(max-width: 1023px){
  #header .header-top .menu .top-menu{
    margin: unset!important;
    margin-bottom: 15px!important;
  }
  .top-menu .sub-menu{
    top: calc(100% + 26px)!important;
  }
  .submenu-wrapper{
    padding: 20px 10px 20px 135px!important;
  }
  .test{
    gap: 5px!important;
  }
  .ls-layers .slide-description .outlinenoir, .ls-layers .slide-description .outlinenoir-noir{
    font-size: 55px!important;
  }
}
@media(max-width: 906px){
  .language-selector-wrapper-after-menu{
    width: 95px;
  }
  .user-menu-separate li a{
    width: 90%;
  }
  .top-menu a:not([data-depth="0"]){
    padding: 0.225rem;
  }
  .menu{
    gap: 0;
  }
  #category-14 > .js-sub-menu{
    left: -6vw!important;
  }
  #header .header-top .menu > ul > li{
    margin-right: 10px!important;
  }
}
@media(max-width: 797px){
  #header .header-top .menu > ul > li{
    margin-right: 10px!important;
  }
  .top-menu .sub-menu{
    top: calc(100% + 23px)!important;
  }
  .test{
    gap: 0px!important;
  }
}
@media(max-width: 1200px){
  #header .header-top{
    background: transparent!important
  }
  .popover .submenu-wrapper{
    background: #57C2FF!important;
  }
  .menu-logo{
    display: none;
  }
  #_desktop_language_selector{
    display: none;
  }
  #_mobile_language_selector > div > div > ul li a {
    color: #fff!important;
  }
  #mobile_top_menu_wrapper{
    height: calc(100vh - 144px);
  }
  .submenu-wrapper{
    background: #022447f7!important;
  }
  .js-top-menu .mobile > ul li a::before{
    content: unset!important;
  }
  .ls-layers .ls-wrapper.ls-in-out{
    top: 75%!important;
  }
  /* .page-index .ls-wp-container.fitvidsignore.homeSlider{
    min-height: 700px;
  } */

  .page-index .ls-wp-container.fitvidsignore.homeSlider{
    min-height: 700px;
  }
  #header .language-selector .dropdown-menu, .js-top-menu-bottom{
    display: flex!important;
    justify-content: center;
    flex-wrap: wrap;
  }
  .header-nav .container, #mobile_top_menu_wrapper, .header-nav > .container > .row > .mobile{
    background: #000!important;
  }
  #header .top-menu a[data-depth="0"]:hover, #header .top-menu .sub-menu a:hover, #mobile_top_menu_wrapper .top-menu a:hover, #mobile_top_menu_wrapper .top-menu .sub-menu a:hover, #header .header-top .menu .more_sub_menu a:hover{
    color: #57C2FF!important;
  }
  .submenu-links{
    max-width: 225px;
  }
  .submenu-number img{
    flex-shrink: 0;
  }
  body#index #header .header-top{
    padding-top: 0px;
  }
  #header{
    display: flex;
    flex-direction: column-reverse;
  }
  .submenu-number img{
    height: 150px!important;
  }
  #category-14 > .js-sub-menu, #category-70 > .js-sub-menu, #category-71 > .js-sub-menu{
    width: 100%!important;
  }
  .submenu-wrapper{
    padding: 20px!important;
  }
  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a{
    color: #000!important;
  }
  .category{
    width: 100%;
  }
  .submenu-number img{
    height: 125px!important;
    width: 110px!important;
  }
  .submenu-number{
    justify-content: end!important;
  }
  .submenu-links li a{
    font-size: 18px!important;
  }
  .submenu-links{
    gap: 8px!important;
  }
  #header .language-selector .dropdown-menu{
    background: transparent!important;
    position: static!important;
    border: none!important;
    min-width: auto!important;
  }
  #header .language-selector .dropdown-menu li a{
    color: #fff!important;
    text-transform: uppercase;

  }
  #header .language-selector .dropdown-menu li a:hover{
    color: #57C2FF!important;
  }
  .language-selector button{
    display: none!important;
  }
  .language-selector .lang-flag{
    width: 26px!important;
    height: 26px!important;
    margin-right: 10px!important;
  }
}
@media(max-width: 555px){
  .page-index .ls-wp-container.fitvidsignore.homeSlider{
    min-height: 700px;
  }
  .circuit-svg-background, .gasly-tour-miniatures, .gasly-tour{
    max-width: 100%;
  }
}
@media(max-width: 435px){
  .submenu-number img{
    height: 95px!important;
    width: 85px!important;
  }
}
@media(max-width: 375px){
  .submenu-number img{
    width: 100px!important;
  }
}
@media(max-width: 350px){
  .submenu-number img{
    width: 70px!important;
  }
  .headerTop p{
    font-size: 12px;
  }
}

/* SOCIAL ICONS */

.social-icons-fixed ul{
  align-items: center!important;
  gap: 50px!important;
}
.social-icons-fixed li{
  justify-content: center!important;
  display: flex!important;
}
.social-icons-fixed li > a > img{
  width: 22px!important;
  height: 22px!important;
}
.social-icons-fixed{
  right: 2%!important;
  padding: 20px!important;
  border-radius: 6px!important;
}


/*  GASLY TOUR */

@media(max-width: 900px){
  .gasly-tour{
    min-height: 90vh!important;
  }
  .gasly-tour-title{
    top: 100px!important;
    transform: translateX(5%);
  }
  .gasly-tour-col.right .zone-4{
    align-items: center!important;
  }
  .gasly-tour-col.right{
    overflow: visible!important;
  }
  .gasly-tour-col{
    flex: unset!important;
  }
}

@media(max-width: 768px){
  .gasly-tour-title{
    top: 0px!important;
    transform: translateX(0%);
  }
}
@media(max-width: 375px){
  .gasly-tour-miniatures h2, .miniatures-title{
    font-size: 2em!important;
  }
}
@media(max-width: 335px){
  .gasly-tour-title{
    white-space: nowrap;
    transform: translateX(0%);
    top: 5px!important;
  }
}

/* COOKIES ICON */

#lgcookieslaw_fixed_button svg{
    fill:#57C2FF!important;
}

/*  HOME PAGE PRODUCTS */

.products .product-miniature .product-miniature-container{
  border: none!important;
}


@media(max-width: 505px){
  .helmet-img{
    width: 100%!important;
  }
}
@media(max-width: 360px){
  .center-stack > .helmet-img{
    object-fit: contain!important ;
  }
  .center-stack{
    min-height: 100px!important;
    height: 100px!important;
  }
}
/**/

/* FOOTER */

.container-right-footer{
  display: flex;
  flex-direction: column;
  gap: 219px!important;
}
.footer-contact-section{
  align-items: unset!important;
  flex-direction: column;
  gap: 52px;
  margin-bottom: 0px!important;
}
.copy{
  margin-top: 0px!important;
  padding: 0px!important;
}
.footer-container .copyright{
  padding-bottom: 15px!important;
  padding-top: 52px!important;
}
.footer-language-selector{
  bottom: unset!important;
}
.footer-left > .newsletter-section > .social-icon{
  display: flex!important;
  align-items: center!important;
}
.social-icons{
  display: grid!important;
  grid-template-columns: repeat(2, 50px);
  gap: 10px!important;
}
.newsletter-arrow{
  width: 88px!important;
  height: 88px!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
}
.copyright{
  text-align: unset!important;
}
.contact-title{
  gap: 11px;
  font-weight: 600!important;
}
.payment-info{
  flex-direction: row-reverse;
}
.payment-info > span, .shipping-info > span{
  font-size: 20px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -0.2px;
  font-weight: 600;
  font-family: 'Transducer', sans-serif!important;
}
.contact-info{
  gap: 24px!important;
}
.lang-item.active, .lang-item:hover{
  color: #57C2FF!important;
}
.block_newsletter form input[type="text"]{
  min-width: unset!important;
}
.newsletter-title{
  font-family: 'transducer-extended'!important;
  font-size: 20px!important;
  font-style: italic!important;
  font-weight: 500!important;
  line-height: 24px!important;
  letter-spacing: -0.2px!important;
  position: absolute!important;
  padding: 24px;
  z-index: 1!important;
}
.footer-left .newsletter-section{
  position: relative!important;
}
.block_newsletter form{
  position: relative!important;
}
.block_newsletter form input[type="text"]{
  border: none!important;
}
.block_newsletter form::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 1!important;
}
.block_newsletter form::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 9999;
}
.block_newsletter form input[type="text"], .block_newsletter form input[type="text"]::placeholder{
  background-color: transparent !important;
  padding-left: 0px!important;
  font-family: 'Inter', sans-serif!important;
  font-size: 14px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: 19.6px!important;
}
.footer-links{
  position: relative!important;
}
.footer-links::after{
  position: absolute!important;
  content: '';
  top: 85px!important;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 9999;
}
.footer-container .links .collapse{
  padding-top: 28px!important;
}
.footer-contact-section-name{
  font-family: "transducer-extended", sans-serif !important;
  padding-top: 20px!important;
  position: relative!important;
}
.footer-contact-section-name::after{
  position: absolute!important;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
#footer > .container.flex{
  padding: 0!important;
}
#footer{
  padding: 72px 80px 40px 80px!important;
}
.footer-left{
  padding-right: 32px!important;
  padding-left: 0px!important;
}
.footer-links div{
  padding-left: 0!important;
  padding-right: 0!important;
}
.space-footer{
  padding: 0 24px!important;
}
.footer-copyright-extra{
  left: 80px!important; 
}
.position-icons{
  display: flex;
  align-items: end;
  padding-right: 30px;
}
.position-icons{
  height: 230px!important;
}
.footer-left > .position-icons > .social-icon{
  display: flex!important;
}
.newsletter-arrow > img{
  width: 40px!important;
  height: 38px!important;
}
.newsletter-image img{
  display: flex!important;
  width: 295px!important;
  height: 423px!important;
  object-fit: cover!important;
}
.footer-container .footer-links li a{
  font-size: 15px!important;
  line-height: 18px!important;
}
.footer-links{
  display: flex!important;
  gap: 25px!important;
}
.footer-container .col-md-3{
  display: flex!important;
  gap: 25px!important;
  flex-direction: column!important;
  width: calc(25% - 25px)!important;
}
.footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a{
  font-size: 14px!important;
}
.newsletter-image{
  display: flex!important;
}
.newsletter-image img{
  flex-shrink: 0!important;
}
.footer-container .links .collapse{
  flex-direction: column!important;
  gap: 8px!important;
}
.footer-container .footer-links li a:hover{
  color: #57C2FF!important;
}
.position-icons .social-icons li a {
  width: 46px!important;
  height: 46px!important;
  max-width: unset!important;
  padding: 5px!important;
}
.social-icons li img{
  max-width: unset!important;
}
.copy a:hover{
  color: #57C2FF!important;
}
.social-icons li img{
  transition: all 0.3s ease-in-out!important;
}
.social-icons li img:hover{
  transform: scale(1.1)!important;
  transition: all 0.3s ease-in-out!important;
}
#header .header-top .menu .sub-menu .category > a.dropdown-submenu:hover{
  color: #fff!important;
}
.product-title a:hover, .product-accessories .product-title a:hover{
  color: #57C2FF!important;
}
.social-icons-fixed{ display:none !important; }
.social-icons-fixed.force-show{ display:block !important; }


/*
.social-icons-fixed{ display:none !important; }
*/
@media(min-width: 1200px){
  #top-menu > li:last-child{
    display: none!important;
  }
}
@media(max-width: 1438px){
  .footer-links{
    justify-content: center!important;
    flex-wrap: wrap!important;
  }
  .footer-container .col-md-3.links{
    width: calc(45% - 45px)!important;
  }
  .footer-links::after{
    top: 30px!important;
  }
  .footer-container .links .collapse:last-child{
    padding-top: 0px!important;
  }
  .footer-contact-section-name{
    display: flex!important;
    justify-content: center!important;
  }
  #footer > .container.flex{
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
  }
  .position-icons{
    height: unset!important;
  }
  .footer-contact-section-name{
    padding-top: 35px!important;
  }
  .container-right-footer{
    gap: 100px!important;
  }
  .contact-info{
    flex-direction: row!important;
  }
  .footer-left{
    padding-top: 0px!important;
  }
  .footer-mid{
    width: 100%!important;
  }
  .footer-container .col-md-3{
    justify-content: center!important;
    align-items: center!important;
  }
  .footer-container .links .collapse{
    align-items: center!important;
  }
  .footer-links{
    gap: 25px!important;
    padding-top: 100px!important;
  }
  .position-icons{
    justify-content: center!important;
  }
  .footer-left{
    padding-right: 0!important;
  }
  .newsletter-image{
    justify-content: center!important;
  }
  .footer-left{
    width: 100%!important;
  }
  .newsletter-section{
    align-items: center!important;
  }
}
@media(max-width: 1023px){
  .footer-links::after{
    top: 40px!important;
  }
  .footer-links{
    padding-top: 115px!important;
  }
}
@media(max-width: 991px){
  .footer-container .footer-links{
    bottom: 0!important;
  }
}
@media(max-width: 881px){
  .contact-info{
    align-items: center!important;
    flex-direction: column!important;
  }
  .contact-title{
    justify-content: center!important;
  }
}
@media(max-width: 668px){
  .footer-links{
    flex-direction: column!important;
    align-items: center!important;
  }
  .footer-container .title.hidden-md-up{
    display: flex!important;
    text-align: center!important;
  }
  .footer-container .col-md-3.links{
    width: 100%!important;
  }
  .contact-title > span{
    display: flex!important;
    text-align: center;
    justify-content: center!important;
    flex-direction: column!important;
    gap: 10px;
  }
}
@media(max-width: 539px){
  .payment-info{
    flex-direction: column!important;
  }
  .shipping-info i{
    font-size: 30px!important;
  }
  .payment-info > span, .shipping-info > span{
    font-size: 18px!important;
  }
}
@media(max-width: 414px){
  #footer{
    padding: 40px 40px 20px 40px!important;
  }
  .container-right-footer{
    gap: 45px!important;
  }
}

.top-menu li a:hover {
  color: #57C2FF!important;
}


/*  PRODUCTS PAGE */

.products .product-miniature .product-miniature-container{
  background: transparent!important;
}
#products .product-title a, .products .product-title a, .product-accessories .product-title a{
  margin-bottom: 0!important;
}
.breadcrumb ol{
  display: flex!important;
  flex-wrap: wrap!important;
}
/* HIDING USELESS SECTION */

.page-product-box{
  display: none!important;
}
.product-cover img{
  background: transparent!important;
}
.zoom-layer{
  padding: 25px;
  border-radius: 5px;
  backdrop-filter: blur(0)!important;
  background: rgba(0, 0, 0, 0.2)!important;
}
.carousel-nav-btn.prev-btn{
  left: 10px!important;
}
.carousel-nav-btn.next-btn{
  right: -100px!important;
}
.quantity-btn:hover{
  background: #00CFFF!important;
}
.prev-btn, .next-btn{
  background: #57C2FF!important;
}
.indicator.active{
  background: #57C2FF!important;
}
.details-part{
  display: flex!important;
  flex-direction: column;
}
#product .images-container .product-cover{
  height: 100%!important;
}
.product-quantity{
  display: flex;
  align-items: center;
}
@media(max-width: 767px){
  .breadcrumb{
    margin: 10px 0!important;
  }
  .ls-layers .slide-description .outlinenoir, .ls-layers .slide-description .outlinenoir-noir{
    font-size: 30px!important;
  }
}
@media(max-width: 520px){
  .breadcrumb{
    margin: 20px 0!important;
  }
}
@media(max-width: 479px){
  .product-quantity{
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
}



/* CART MODAL */

.cart-products-count{
  background-color: #022447 !important;
}

#blockcart-modal .cart-content .btn-secondary{
    border-radius: 0px;
    background: #022447;
    letter-spacing: 1.8px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Transducer', sans-serif;
    font-weight: 600;
    padding: 15.5px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);    
    transition: all 0.3s ease;
  }

  #blockcart-modal .cart-content .btn-secondary:hover {
    opacity: 0.8;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
}

@media(max-width: 1016px) and (min-width: 768px){
  #blockcart-modal .cart-content .btn-primary{
    margin-top: 10px!important;
  }
}
@media(max-width: 404px){
  #blockcart-modal .cart-content .btn-primary{
    margin-top: 10px!important;
  }
}

@media(max-width: 417px){
  .cart-products-count{
    line-height: 25px!important;
  }
}

  #blockcart-modal .cart-content .btn-primary{
    border-radius: 0px;
    background: #57C2FF;
    letter-spacing: 1.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Transducer', sans-serif;
    font-weight: 600;
    padding: 15.5px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);   
    transition: all 0.3s ease; 
  }

  #blockcart-modal .cart-content .btn-primary:hover {
    background: #0056b3;
    color: #FFFFFF;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
}

/* CART MODAL END */



/* CART */
@media (max-width: 767px) {
  .cart-grid-body{
    margin-top: 20px !important;
  }
}

.cart-grid-body .card-block {
  border-bottom: inherit !important;
}

.cart-container{
  background-color: #fff !important;
} 

.cart-grid-body h1{
  display: flex !important;
  color: #000;
  font-family: "transducer-extended", sans-serif !important;
  font-size: 33px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: normal !important;
}
.cart-items{
  border: 1px solid rgba(0, 0, 0, 0.10);
}

.cart-item{
  display: flex !important;
  flex-direction: column;
}

.product-line-grid-left{
  display: flex;
  width: 15% !important;
  align-items: center;
}

.product-line-grid{
  display: flex !important;
  justify-content: center;
}

.product-line-grid-right{
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.product-line-grid-left img{
  border: inherit !important;
}
.product-line-grid-body > .product-line-info > .name-product-cart{
color: black !important;
font-family: "transducer-extended", sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 800 !important;
line-height: normal !important;
text-transform: uppercase !important;
}






@media  (max-width: 991px) {
  .cart-summary{
    margin-top: inherit !important;
  }
}
.cart-summary{
  margin-top: 100px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background-color: #fff !important;
}

.cart-detailed-actions a{
  border-radius: 0px;
  background: #06071F;
  letter-spacing: 1.8px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Transducer', sans-serif;
  font-weight: 600;
  padding: 15.5px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);    
  transition: all 0.3s ease;
  border: none !important;
}

.cart-detailed-actions a:hover {
  background: #1a1b3a !important;
  color: #FFFFFF;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
  border: none !important;
}

.cart-summary-title{
  display: flex !important;
  padding: 1.25rem !important;
  font-family: "transducer-extended", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

#blockcart-modal .product-name{
  font-weight: 900 !important;
}
.continue-shopping-cart{
  display: flex !important;
  margin-left: 15px !important;
}

@media (max-width: 767px) {
.product-line-grid{
  flex-direction: column !important;
  align-items: center !important;
}
.product-line-grid > .product-line-grid-left{
  width: 100% !important;
}
.product-line-grid > .product-line-grid-body{

text-align: center !important;
}

.product-line-grid-right > .product-line-grid-right > .col-xs-6{
  display: flex !important;
}

.product-line-grid-right > .row > .hidden-md-up{
display:none !important;
}
.product-line-grid-right > .row{
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.product-line-grid-right > .row > .col-xs-6 > .row{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.product-line-grid-right > .row > .col-xs-6 > .row > .price{
  width: 100% !important;
}
}


.block-promo .promo-code {
  background-color: white !important;
  padding: 1.25rem !important;
 
}

.block-promo .promo-input{
  border: inherit !important;
  background: #F0F0F0 !important;
}

.block-promo .promo-input + button{
  border-radius: 0px;
  background: #022447;
  letter-spacing: 1.8px;
  color: #FFFFFF;
  font-size: 12px;
  font-family: 'Transducer', sans-serif;
  padding: 7px !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);    
  transition: all 0.3s ease;
}

.block-promo .promo-input + button:hover {
  background: #1a1b3a;
  color: #FFFFFF;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
}


.promo-code-button:focus{
  color: #57C2FF !important;
}

.block-promo .promo-code-button {
  margin-bottom: inherit !important;
}

.block-promo .cart-voucher p{
  margin: inherit !important;
}

/* CART END */





/* CHECKOUT */

#checkout-personal-information-step{
  background-color: #fff !important;
  border: inherit !important;
}

#checkout-personal-information-step > h1{
  font-family: "transducer-extended", sans-serif !important;
  font-weight: 400;
  font-style: normal !important;
  font-size: 17px;
  line-height: normal !important;
  text-transform: uppercase !important;
}
#customer-form > footer > button{
  border-radius: 0px !important;
  background: #022447!important;
  letter-spacing: 1.8px !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-family: 'Transducer', sans-serif !important;
  font-weight: 600 !important;
  padding: 15.5px !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%) !important;    
  transition: all 0.3s ease;
  border: none !important;
}
.btn-primary, .btn-secondary:hover, .btn-tertiary:hover{
  background: #022447!important;
}
.cart-products-count{
  background: #57C2FF!important;
}

#customer-form > footer > button:hover{
  background: #0056b3;
  color: #FFFFFF;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4) !important;
}




#js-checkout-summary{
  background-color: #fff !important;
  border:1px solid #e6e6e6 !important;
}

#js-checkout-summary > .card-block.cart-summary-totals{
  border-top: inherit !important;
}

#js-checkout-summary > .card-block{

  border-bottom: 0px !important;
}






/* CHECKOUT END */



/* NAV: étendre le comportement mobile jusqu'à 1199px */
@media (max-width: 1199px){

  /* Afficher la barre mobile + cacher les blocs desktop */
  nav.header-nav.hidden-md-up,
  nav.header-nav.checkout.hidden-md-up,
  nav.header-nav.hidden-xl-up { display: block !important; }

  #_desktop_top_menu,
  #_desktop_cart,
  #_desktop_user_info,
  #_desktop_currency_selector,
  #_desktop_language_selector { display: none !important; }

  /* S'assurer que le compte mobile n'est pas masqué (override d'une règle existante) */
  #header .header-nav .mobile #_mobile_user_info { display: block !important; }

  /* Look & feel mobile (fonds, mise en colonne, submenus non absolus) */
  #header .header-top { background: transparent !important; }
  .header-nav .container,
  #mobile_top_menu_wrapper,
  .header-nav > .container > .row > .mobile { background: #000 !important; }

  .js-top-menu > ul { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
  .js-top-menu > ul > li { position: static !important; }
  .top-menu .sub-menu { position: static !important; top: auto !important; padding: 0; border: none; }
  .js-sub-menu.collapse.show { display: block !important; } /* visible quand togglé */

  /* Effets hover compatibles mobile */
  #header .top-menu a[data-depth="0"]:hover,
  #mobile_top_menu_wrapper .top-menu a:hover,
  #mobile_top_menu_wrapper .top-menu .sub-menu a:hover { color: #57C2FF !important; }

  #header .header-top .menu a:before,
  #mobile_top_menu_wrapper .top-menu a:before,
  #mobile_top_menu_wrapper .top-menu .sub-menu a:before { background: transparent !important; }

  /* Optionnel: éviter le logo de menu en mobile */
  .menu-logo { display: none !important; }
}



/* CATEGORY PAGE */



@media screen and (min-width: 1200px) {
  .block-category{
    margin: 10px !important;
    }
}



.block-category{
  margin: 30px ;
  /*background-color: #F0F2F7 !important;*/
  height: 390px !important;
  display: flex !important;
  align-items: center !important;
  flex-direction: column;
  justify-content: center;
}

.block-category .breadcrumb a{
  color: #000 !important;
  opacity: 0.90 !important; 
}


.block-category .breadcrumb span{

  font-family: "transducer-extended", sans-serif !important;
}

.breadcrumb li::after {
  color: #000 !important;
  opacity: 0.90 !important;
}

.block-category h1 {
  display: flex;
  justify-content: center;

}


/* CATEGORY PAGE END */


/* MY ACCOUNT */

.page-my-account #content .links a:hover i {
  color: #57C2FF !important;
}

.page-my-account #content .links a:hover span.link-item {
  background: #ffffff none repeat scroll 0 0;
  border-color: #57C2FF !important;
}

/* MY ACCOUNT END */






/********* PAGE CONTACT REDESIGN - WIREFRAME MATCH *********/
.page-contact #content-wrapper.col-md-9 {
	width: 100% !important;
	padding-left: 0 !important;
}

.container.aaa .row .columns_inner .col-xs-12 {
	width: 30% !important;
}

#contact-rich, #contact_rich_toggle .block{
	background: #000 !important;
}

#contact-rich h4, #contact-rich p, #contact-rich a, #contact-rich .data, #contact_rich_toggle i {
	color: #FFF !important;
}

/* Contact form radio buttons styling */
.contact-form .radio-buttons {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.contact-form .radio-option {
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-form .form-control-radio {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
}

.contact-form .radio-label {
	font-size: 16px;
	color: #333;
	cursor: pointer;
	margin: 0;
	font-weight: 500;
}

.contact-form .radio-label:hover {
	color: #4DBBF7;
}

/* Radio buttons horizontal layout with !important */
.contact-form .form-group.row .radio-buttons {
	display: flex !important;
	flex-direction: row !important;
	gap: 20px !important;
	align-items: center !important;
}

.contact-form .form-group.row .radio-option {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
}

.contact-form .form-group.row .form-control-radio {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	cursor: pointer !important;
}

.contact-form .form-group.row .radio-label {
	font-size: 16px !important;
	color: #333 !important;
	cursor: pointer !important;
	margin: 0 !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
}

.contact-form .form-group.row .radio-label:hover {
	color: #4DBBF7 !important;
}


.contact-form form section div .col-md-12 {
	width: auto !important;
}

.contact-form form .form-footer {
	display: flex !important;
}


div:has(> #g-recaptcha) {
    margin-left: 0 !important;
    width: 304px !important;	
}

#gdpr_consent .custom-checkbox {
	display: flex !important;
}

.btn-custom-contact {
	border-radius: 0px;
    background: #06071F;
    letter-spacing: 1.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Transducer', sans-serif;
    font-weight: 600;
    padding: 15px 45px 15px 25px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border: none;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.input-group .input-group-btn > .btn{
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%)!important;

}

.btn-custom-contact input[type="submit"] {
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Transducer', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.btn-custom-contact .arrow-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 21px;
    transition: transform 0.3s ease;
}

.btn-custom-contact:hover .arrow-icon {
    transform: translateY(-50%) translateX(3px);
}

.bootstrap-filestyle.input-group input {
	display: none !important;
}

.radio-label {
	background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.form-control {
    background-color: #FFF !important;
    border: none;
	box-shadow: none !important;
	border-bottom: 2px solid #333; 

}

.message-form{
	padding-left: 15px !important;
    padding-right: 15px !important;
}

.message-form textarea{
	width: 100% !important;
}

.page-contact .card {
	background: #FFFFFF !important;
}

.page-contact .card-block , .page-contact .card-block .contact-form{
	border: none !important;
  padding-right: 0 !important;
}

.page-contact #columns_inner {
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 70vh !important;
}



.page-contact #left-column {
    height: auto;
    align-self: stretch;
    width: 70% !important;
}

.page-contact #content.page-content {
    flex: 1;
}

#contact-rich {
	height: 100% !important;
}

#contact-rich h4{
	background: #000 !important;
}



.page-contact .container.aaa {
  max-width: 90vw !important;
}

/* ===== CENTRAGE CONTACT RICH TOGGLE ===== */

#contact_rich_toggle {
  text-align: left;
}

#contact_rich_toggle .block {
  display: flex;
  align-items: center;
}

#contact_rich_toggle .block .icon {
  margin-bottom: 0px;
}

#contact_rich_toggle .block .data a {
  display: inline-block;
}

#contact_rich_toggle .block .data p {
  margin: 0;
}
.block > .icon{
  margin-top: 10px;
}
#contact_rich_toggle .block:last-of-type {
  align-items: baseline;
}
#contact_rich_toggle .block:last-of-type > .data {
  position: absolute;
  left: 60px;
}
#contact_rich_toggle .block:last-of-type > .icon {
  margin-top: 0;
}
#contact_rich_toggle{
  margin-top: 52px;
}
#contact-rich > .block_title{
  margin-top: 49.5px!important;
}
.page-contact #wrapper{
  padding-top: 50px;
}
.page-contact .block_title {
  text-align: left;
  padding: 10px 75px!important;
}
.page-contact .form-control{
  padding: 12px!important;
}
.page-contact .buttonText{
  display: flex;
  align-items: center;
  height: 100%;
}
.page-contact .form-group > .col-md-8 > .row > .col-md-6:nth-child(2){
  height: 50px!important;
}
/*
#authentication [data-action="show-password"], .input-group .input-group-btn > .btn{
  background: #F0F0F0!important;
}
  */
.input-group .input-group-btn > .btn{
  color: #8E8E8E;
}
.page-contact .input-group .input-group-btn > .btn{
  height: 50px;
}
.page-contact .group-span-filestyle{
  display: contents;
  width: 271px;
}
.page-contact .bootstrap-filestyle {
  display: flex;
  justify-content: end;
}
.page-contact .input-group .input-group-btn > .btn{
  display: flex;
  justify-content: center;
  width: 271px;
}
.page-contact .form-group > .col-md-8:first-child{
  width: 100%;
}
.form-footer{
  margin-top: 55px;
}



/* On masque le bouton radio natif */
.form-control-radio {
  display: none;
}

/* Style du label : ajout d'un rond avant le texte */
.radio-label {
  position: relative;
  padding-left: 30px; /* espace pour l'icône */
  cursor: pointer;
  font-size: 16px;
}

/* Cercle par défaut */
.radio-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #000;
  background: #fff;
}

/* Quand c’est coché : changement du style */
.form-control-radio:checked + .radio-label::before {
  background: black url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20.285 6.709l-11.285 11.292-5.285-5.292 1.414-1.414 3.871 3.878 9.871-9.878z'/></svg>") no-repeat center center;
  background-size: 12px 12px;
}




/* On masque le bouton radio natif */
.form-control-radio {
  display: none!important;
}

/* Style du label : ajout d'un rond avant le texte */
.radio-label {
  position: relative;
  padding-left: 30px; /* espace pour l'icône */
  cursor: pointer;
  font-size: 16px;
}

/* Cercle par défaut */
.radio-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #000;
  background: #fff;
}

/* Quand c’est coché : changement du style */
.form-control-radio:checked + .radio-label::before {
  background: black url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20.285 6.709l-11.285 11.292-5.285-5.292 1.414-1.414 3.871 3.878 9.871-9.878z'/></svg>") no-repeat center center;
  background-size: 12px 12px;
}




/* Rendre l'input invisible mais focusable/cliquable via le label */
.psgdpr_consent_message input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Le label clique comme un bouton */
.psgdpr_consent_message {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

/* Le span juste après l'input devient la case */
.psgdpr_consent_message input[type="checkbox"] + span {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #000 !important;
  border-radius: 4px !important; /* arrondi léger */
  background: #fff !important;
  position: relative !important;
  flex: 0 0 18px !important;
}

/* Masquer l’icône Material par défaut */
.psgdpr_consent_message .psgdpr_consent_icon {
  display: none !important;
}

/* État coché : fond noir + check blanc centré */
.psgdpr_consent_message input[type="checkbox"]:checked + span {
  background: #000 !important;
}

.psgdpr_consent_message input[type="checkbox"]:checked + span::after {
  content: "✓";
  color: #fff !important;
  font-size: 9px !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}



@media(max-width: 892px){
  .page-contact .block_title {
    padding: 10px 40px!important;
  }
}
@media(max-width: 863px){
  .page-contact .container.aaa{
    max-width: 100vw!important;
  }
}
@media(max-width: 767px){
  .page-contact #columns_inner{
    flex-direction: column!important;
  }
  #contact-rich{
    min-height: 600px!important;
  }
  .page-contact #left-column{
    width: 100%!important;
  }
  .page-contact .container.aaa{
    max-width: 90vw!important;
  }
  .page-content{
    padding-top: 0!important;
    padding-left: 0!important;
    padding-bottom: 0!important;
  }
  .page-contact .contact-form{
    padding-top: 0!important;
    padding-left: 0!important;
    padding-bottom: 0!important;
  }
  .form-footer{
    margin-bottom: 55px!important;
  }
}
@media(max-width: 397px){
  .page-contact .container.aaa{
    max-width: 100vw!important;
  }
}
@media(max-width: 358px){
  .page-contact .container.aaa{
    max-width: 100vw!important;
  }
  .page-contact .form-control{
    font-size: 12px!important;
  }
  .contact-form .form-group.row .radio-buttons{
    flex-direction: column!important;
  }
}

/* ===== RÉSEAUX SOCIAUX ===== */

.contact-rich {
  position: relative;
}

.social-networks {
  position: absolute;
  bottom: 40px;
  left: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 15px;
}

.social-networks li {
  margin: 0;
  padding: 0;
}

.social-networks li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
  border: 1px solid ;
  border-radius: 50%;
}

.social-networks li a:hover {
  background-color: #555;
  transform: translateY(-2px);
}

.social-networks li a img {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

/* Styles spécifiques pour chaque réseau social */
.social-networks li.fb a:hover {
  background-color: #1877f2;
}

.social-networks li.twit a:hover {
  background-color: #000000;
}

.social-networks li.insta a:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-networks li.twitch a:hover {
  background-color: #9146ff;
}

/* Responsive pour les réseaux sociaux */
@media (max-width: 768px) {
  .social-networks {
    gap: 12px;
  }
  
  .social-networks li a {
    width: 35px;
    height: 35px;
  }
  
  .social-networks li a img {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 480px) {
  .social-networks {
    gap: 10px;
  }
  
  .social-networks li a {
    width: 32px;
    height: 32px;
  }
  
  .social-networks li a img {
    width: 16px;
    height: 16px;
  }
}

/* ===== FIN RÉSEAUX SOCIAUX ===== */