/*  Theme Name:   Mon thème enfant 
Theme URI:    https://www-sib-europe.com 
Description:  Thème de SIB
Author:       Mickaël CHIRON
Author URI:   https://www-sib-europe.com 
Template:     oceanwp
Version:      0.1.0 */


div.product_meta, div.outofstock-badge, p.stock.out-of-stock, div.single_variation_wrap, .reset_variations, .woocommerce ul.products li.product li.category, .woocommerce ul.products li.product li.category a, div.oceanwp-toolbar.clr {display:none!important}
h2.ecos-products-title {font-size:14px; font-weight: 600; padding:0px 20px; margin:0px}
li.price-wrap {font-size:18px; font-weight:500 ;padding:0px 20px 20px 20px}
.page-header .page-header-title {display:none!important;}
.page-header {background-color: transparent!important; padding:50px 0px 14px 0px!important}
img.sidr-class-menu-image.sidr-class-menu-image-title-after {width: 80px; margin-right: 20px;}
#top-bar-wrap { border-bottom: none!important;margin-bottom: 15px;}
#site-header { border-bottom: none!important;}
#site-navigation-wrap {right: -30px!important;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link , #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:hover {background:none}
.menu-image-title-after.menu-image-title {padding-left:0px}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link {line-height: 150%; }
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 30px 50px 0px 50px!important;}
#mega-menu-wrap-main_menu #mega-menu-main_menu input, #mega-menu-wrap-main_menu #mega-menu-main_menu img {float: left;}
.menu-image-title-after.menu-image-title {clear:both;float: left;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item:last-child {background-color: #e3000b!important; border-radius: 20px; padding: 5px 0 0 0; color: white;z-index: 9999;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item:last-child a {color:#ffffff; top:10px}
#sidr {width: 100%!important;display: none!important;}
#mega-menu-wrap-main_menu #mega-menu-main_menu {margin-top: 25px;}
#top-bar-content {font-size: 14px;}
#top-bar-content a {color:#000!important}
a.sidr-class-toggle-sidr-close i {vertical-align: middle!important;}
.sidr-class-menualt > a {font-size:16px!important; text-transform:none!important; text-align:left!important; line-height:0.8em!important }
.sidr-class-menudevis > a {background-color:#e3000b!important; width:95%!important; border-radius:10px!important; color:#ffffff!important; margin:20px auto!important;  text-align:center!important}
a.sidr-class-toggle-sidr-close {border-bottom: 1px solid #e3000b!important; margin-bottom: 20px!important}
img.sidr-class-menu-image.sidr-class-menu-image-title-after {width: 70px!important; margin-right: 10px!important;}
.sidr-class-dropdown-menu ul a:before { margin: 0 10px 0px 0px!important;}
.site-breadcrumbs {left:0!important}
.custom-buttons {margin-top: 20px;}
.custom-buttons .button {display: inline-block; margin-right: 5%; padding: 15px; background: #e3000b; color: #fff; text-decoration: none; border-radius: 5px; font-size: 1.2em;	width: 45%;letter-spacing: normal;}
.custom-buttons .button:hover {background: #C46C2D;}
.certifications-badges, .images-attributs-wrapper {float: left; width: 100%; margin-bottom: 15px;}
.certifications-badges a.certification-link.no-lightbox:last-child, img.garantie-fin {float:right}
.certification-badge {transition: transform 0.2s ease-in-out;}
.certification-link:hover .certification-badge {transform: scale(1.1);}
img.certification-badge, .images-attributs-wrapper img {width:85px; height:auto}
table.variations td.value, table.variations th.label {border:none}
.woocommerce div.product form.cart {padding: 0px 0px!important; margin: 30px 0px 30px!important;}
.price {color: #333!important; margin: 10px 0 40px 0!important;}
.elementor img {width:100%}
.page-header .page-subheading {display: none;}

.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-viewport, .woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs, ol.flex-control-nav flex-control-thumbs {max-height: 493px!important;}

@supports (-moz-appearance: none) {
  .woocommerce-product-gallery__image.flex-active-slide > a > img {
    width: 80% !important;
  }
}

.wpfFilterWrapper {
    padding: 0px 30px 0px 0px!important;
}
div.wpfCheckboxHier {    border-top: 2px solid red !important;    padding: 10px;}

div.wpfFilterTitle { font-size: 17px;
    color: #434343;
font-weight: 400;}

.fa-plus:before {content: "\f107"!important;}
.fa-minus:before {content: "\f106"!important;}


.wpfFilterButtons { clear: unset!important;}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton { width: 10%!important;}


button.wpfFilterButton.wpfButton{color: #6c7781;
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s 
ease-in-out;
    text-transform: uppercase;
	font-weight: 600;}

button.wpfFilterButton.wpfButton:active, button.wpfFilterButton.wpfButton:hover {background: #e3000b;
	color: #fff;}


/* 1. Cacher la vraie checkbox mais garder la cliquabilité */
.wpfCheckbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* 2. Le label devient le support de l'image */
.wpfCheckbox > label {
    display: inline-block;
    width: 60px;       /* ← Ajuste à ta taille */
    height: 60px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    border-radius: 6px;   /* optionnel */

}

li[data-term-slug="portail-antagoniste"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-antagoniste.png");
}
li[data-term-slug="portail-coulissant"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-coulissant.png");
}
li[data-term-slug="portail-battant"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-battant.png");
}
li[data-term-slug="portail-autoportant"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-autoporte.png");
}
li[data-term-slug="portail-telescopique"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-telescopique.png");
}
li[data-term-slug="portail-coulissant-avec-portillon-integre"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-coulissant-avec-portillon-integre.png");
}
li[data-term-slug="portillon"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portillon.png");
}
li[data-term-slug="ajoure"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-ajoure.png");
}
li[data-term-slug="persienne"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-persienne.png");
}
li[data-term-slug="plein"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-plein.png");
}
li[data-term-slug="semi-ajoure"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-semi-ajoure.png");
}
li[data-term-slug="classic"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-classic.png");
}
li[data-term-slug="graphic"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-graphic.png");
}
li[data-term-slug="optimo"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-optimo.png");
}
li[data-term-slug="quadra"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-quadra.png");
}
li[data-term-slug="signature"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-signature.png");
}
li[data-term-slug="tradition"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-tradition.png");
}
li[data-term-slug="anse-de-panier"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-anse-de-panier.png");
}
li[data-term-slug="chapeau-de-gendarme"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-chapeau-de-gendarme.png");
}
li[data-term-slug="droit"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-portail-droit.png");
}
li[data-term-slug="economique"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-prix-economique.png");
}
li[data-term-slug="moyen"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-prix-moyen.png");
}
li[data-term-slug="eleve"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-prix-eleve.png");
}
li[data-term-slug="cloture-alu"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-signature.png");
}
li[data-term-slug="claustra-aluminium"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-claustra.png");
}
li[data-term-slug="brise-vue-alu"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-brise-vue.png");
}
li[data-term-slug="garde-corps-alu"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-garde-corps-signature.png");
}
li[data-term-slug="cloture-ajoure"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-ajoure.png");
}
li[data-term-slug="barreaude"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-garde-corps-barreaude.png");
}
li[data-term-slug="cloture-brise-vent"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-cloture-brise-vent.png");
}
li[data-term-slug="brise-vue-plein"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-brise-vue-plein.png");
}
li[data-term-slug="claustra-ajoure"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-claustra-ajoure.png");
}
li[data-term-slug="claustra-persienne"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-claustra-ajoure.png");
}
li[data-term-slug="claustra-plein"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-claustra-plein.png");
}
li[data-term-slug="cloture-persienne"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-persienne.png");
}
li[data-term-slug="cloture-plein"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-plein.png");
}
li[data-term-slug="tole"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-garde-corps-plein.png");
}
li[data-term-slug="vitre"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-garde-corps-vitre.png");
}
li[data-term-slug="cloture-classic"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-classic.png");
}
li[data-term-slug="estampe"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-brise-vue-estampe.png");
}
li[data-term-slug="garde-corps-signature"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-garde-corps-signature.png");
}
li[data-term-slug="cloture-graphic"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-graphic.png");
}
li[data-term-slug="cloture-optimo"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-optimo.png");
}
li[data-term-slug="cloture-quadra"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-quadra.png");
}
li[data-term-slug="cloture-signature"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-signature.png");
}
li[data-term-slug="cloture-tradition"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-tradition.png");
}
li[data-term-slug="cloture-classic"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-cloture-classic.png");
}
li[data-term-slug="pergola-signature"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-pergola-signature.png");
}
li[data-term-slug="pergola-optimo"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-pergola-optimo.png");
}
li[data-term-slug="volets-battants"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-battant.png");
}
li[data-term-slug="volets-coulissants"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-coulissant.png");
}
li[data-term-slug="volet-elegance"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-elegance.png");
}
li[data-term-slug="volet-exclusive"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-exclusive.png");
}
li[data-term-slug="volet-intemporel"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-intemporelle.png");
}
li[data-term-slug="volet-quadra"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-quadra.png");
}
li[data-term-slug="volet-persienne"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-persienne.png");
}
li[data-term-slug="volet-plein"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-plein.png");
}
li[data-term-slug="porte-de-garage-battante"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-porte-de-garage-battante.png");
}
li[data-term-slug="porte-de-garage-coulissante"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/05/picto-porte-de-garage-coulissante.png");
}
li[data-term-slug="confort"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-porte-de-garage-confort.png");
}
li[data-term-slug="prestige"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/04/picto-volet-porte-de-garage-prestige.png");
}
li[data-term-slug="automatisme"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/06/picto-automatisme.png");
}
li[data-term-slug="moteur-portail-battant"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/06/picto-motorisation-portail-battant.png");
}
li[data-term-slug="moteur-portail-coulissant"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/06/picto-motorisation-portail-coulissant.png");
}
li[data-term-slug="moteur-porte-de-garage"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/06/picto-motorisation-porte-de-garage.png");
}
li[data-term-slug="moteur-volets"] .wpfCheckbox > label {
    background-image: url("/wp-content/uploads/2025/06/picto-motorisation-volet.png");
}



.wpfFilterVerScroll li label {
    display: inline-flex!important;
    flex-direction: row;
    align-items: center;
}

.wpfFilterTaxNameWrapper {font-size: 12px;display:inline-block!important}

.wpfFilterVerScroll {overflow-y: unset!important;}



.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    overflow-y: auto;
	padding-top: 10px !important;
}


div.gridportfolio {grid-template-columns: repeat(4, 1fr);display: grid!important;     grid-gap: 20px;}


#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:hover, #top-bar-nav > ul > li > a:hover {
    background: none;
    font-weight: 600;
    letter-spacing: 0.1px;
    transition: .3s;}
.elementor-animation-grow:active, .elementor-animation-grow:focus, .elementor-animation-grow:hover {transition:all 1s ease; transform:scale(1.05)!important;cursor: pointer;}


#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {top:60px}

h2.wb_cptb_title,.woocommerce div.product .woocommerce-tabs .panel h2 {display:none}

.product-pdf {text-align: center;
    margin-top: 20px;
}

.product-pdf h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.product-pdf .button {
    display: inline-block;
    background-color: #e3000b;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
	font-size: 1.2em;
	letter-spacing: normal;
}

.product-pdf .button:hover {background-color: #C46C2D;}

.woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 50px!important;}

.two-columns-flex {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.two-columns-flex li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 16px;
  font-size: 1em;
  line-height: 1.4;
  width: 50%;
}

.two-columns-flex li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #FF5733;
  border-radius: 50%;
}

.two-columns-flex li .char-title {
  font-weight: bold;
}

.gallery-group {
  text-align: center;
  margin-bottom: 40px;
}
.gallery-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.vp-filter__style-default .vp-filter__item>a:focus, .vp-filter__style-default .vp-filter__item>a:hover {background-color:#e3000b!important;}
.vp-filter__style-default .vp-filter__item.vp-filter__item-active a {background-color:#e3000b!important;}
.filter-item.filter-has-3-column {margin:5px!important;box-shadow: 0 0 0 0px #ffffff;}

/*.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {font-size:0.52vw;line-height:150%;}
.yith-wcan-term-disabled {display: none !important;}
.yith-wcan-filters-opener i.filter-icon {height: 30px; margin-right: 20px; width: 30px;}
.yith-wcan-filters-opener {border: 2px solid #e3000b; border-radius: 50px; font-size: 18px; margin: 0 auto 30px auto; padding: 8px 25px; width: 100%;}*/

.vp-portfolio__items-style-emerge .vp-portfolio__item-caption {background: rgba(0, 0, 0, 0.3);}
div.vp-portfolio__item-meta-categories a:hover, h2.vp-portfolio__item-meta-title a:hover {color:#cccccc!important;}

#filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
  gap: 10px;
}
#filters button {
  background: #f7f7f7;
  color: #6c7781;
  border: none;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-weight:600;
}
#filters button.active,
#filters button:hover {
  background: #e3000b;
  color: #fff;
}


{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.item {
  background: #fff;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.item img {
  display: block;
  width: 100%;
  /*height: auto;*/
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.item h3 {
  font-size: 18px;
  margin: 16px;
  color: #111;
  font-weight: 600;
  line-height: 1.4;
}
.item h3 a {
  color: inherit;
  text-decoration: none;
}
.item h3 a:hover {
  text-decoration: underline;
}

.btn-pdf {
  display: inline-block;
  margin: 0 16px 16px;
  padding: 6px 12px;
  background: #e63946;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
}
.btn-pdf:hover {
  background: #c72535;
}

.item img {
  transition: transform 0.3s ease;
}
.item:hover img {
  transform: scale(1.05);
 background: rgba(0, 0, 0, .2);
	opacity: 1;
}

.images-garanties-wrapper, .images-decors-wrapper, .images-options-wrapper  {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    gap: 20px;
    margin-top: 15px;
}
.images-garanties-wrapper img, .images-decors-wrapper img, .images-options-wrapper img {
    max-width: 200px!important;
    height: auto;
}

.decors-description, .options-description {text-align: center; margin-top:10px;}

section.up-sells.upsells.products > h2 {font-size:1.8em; text-align: center;}
body.woocommerce-page h2.ecos-products-title, section.up-sells.upsells.products li.price-wrap {font-size:1em!important; text-align: center;font-family:Montserrat!important}

.video-intro {
    position: relative;
    width: 100%;
 height: 80vh;    overflow: hidden;
}

.video-intro video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}
.text-video {position:relative; z-index:1;  margin-top:5%;left:10%;width:40%; text-align:left;background-color: rgba(0, 0, 0, .6);}
.text-video > p {color:white; font-size:50px; font-family:'Montserrat';padding:10% 10% 0% 10%}
.text-video > p:last-child {font-size:18px; padding:0% 10% 10% 10%}

.vp-portfolio__grid {display: flex; flex-wrap: wrap; gap: 20px;}
.vp-portfolio__item {width: calc(100% - 15px); display: flex;}
.vp-portfolio__item-inner {display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box;}
.vp-portfolio__item-thumbnail {width: 100%; height: 600px; overflow: hidden;}
.vp-portfolio__item-thumbnail img {width: 100%; height: 100%; object-fit: cover; display: block;}
.vp-portfolio__item-meta {flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 15px; height: 100%;}
.vp-portfolio__item-meta-title {min-height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
a.menu-link:focus, a.mega-menu-link:focus, /*.yith-wcan-filters .yith-wcan-filter*/ .filter-items .filter-item > a:focus, #site-logo #site-logo-inner a:focus {outline:solid 0px!important;}
/*.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column {height: 130px;}*/

div.blog-box, ul.woo-entry-inner.clr {transition: transform 0.3s ease, box-shadow 0.3s ease; will-change: transform;box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);}
div.blog-box:hover, ul.woo-entry-inner.clr:hover {transform: scale(1.03);box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);}


#searchform-header-replace > form > input[type=search] {width: 100%; background-color: #ffffff;padding: 10px;}

section#blog > div {gap:40px}
.oceanwp-row.col {padding: 0px 20px!important;}


.produits > div > .forminator-label {display:none!important}


.forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox {margin:0px!important}

/* Conteneur de la carte (image + label) */
label.forminator-checkbox.forminator-has_image {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 12px;
  border: 2px solid transparent;
  transition: border-color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
  position: relative;
  background: #fff;
}

/* Bordure rouge si sélectionné (entoure tout) */
label.forminator-checkbox.forminator-has_image input[type="checkbox"]:checked + .forminator-checkbox-image,
label.forminator-checkbox.forminator-has_image input[type="checkbox"]:checked ~ .forminator-screen-reader-only {
  /* rien ici, on cible le label complet plus bas */
}

label.forminator-checkbox.forminator-has_image input[type="checkbox"]:checked ~ .forminator-checkbox-image::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid red;
  pointer-events: none;
}

/* Image dans la carte */
label.forminator-has_image .forminator-checkbox-image span {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  transition: transform 0.25s ease;
}

/* Agrandissement de l’image au survol ET sélection */
label.forminator-checkbox.forminator-has_image:hover .forminator-checkbox-image span,
label.forminator-checkbox.forminator-has_image input[type="checkbox"]:checked + .forminator-checkbox-image span {
  transform: scale(1.08);
}

/* Réaffichage du label masqué */
label.forminator-has_image .forminator-screen-reader-only {
  position: static !important;
  height: auto!important;
  width: 100%!important;
  clip: auto !important;
  clip-path: unset !important;
  padding-top:20px!important;
}

/* Supprimer la case à cocher native */
label.forminator-has_image input[type="checkbox"] {
  display: none !important;
}

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox.forminator-checkbox-inline {margin-right:0px!important}

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box~span {

    margin: 10px 40px 10px 10px;
}

	
li.menumob {
    background: red;
    border-radius: 50px;
    width: 94%;
margin: 5% 3%!important;}

li.menumob a { color: white;
  justify-content: center;}


li.menualt a {text-transform: inherit!important;}

@media (min-width: 768px) {
  .gallery {display: inline-grid; gap: 10px; grid-template-columns: repeat(auto-fit, 200px); max-width: calc(200px * 8 + 10px * 7); margin: 0 auto;}
  .photo-item img {width: 100%; height: 200px; object-fit: cover;}
div.filter-content {width:1000px!important}
li.filter-item.label.level-0.with-image.filter-has-7-column.label-below, li.filter-item.label.level-0.with-image.filter-has-6-column.label-below, li.filter-item.label.level-0.with-image.filter-has-5-column.label-below, li.filter-item.label.level-0.with-image.filter-has-4-column.label-below, li.filter-item.label.level-0.with-image.filter-has-3-column.label-below, li.filter-item.label.level-0.with-image.filter-has-2-column.label-below, li.filter-item.label.level-0.with-image.filter-has-1-column.label-below {width: 125px; height:150px}
/*.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable.opened + .filter-content {border: 0px solid white; box-shadow: 0 0 0px 0 white;}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable + .filter-content {border: 0px solid #ffffff;   padding: 10px 0 px; border-radius:0px;}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable.opened {border-bottom: 2px solid red !important;box-shadow: 0 0 0px 0 white;border: 0px solid white;}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {border-radius: 0px!important; border:0px solid #ffffff;}
	.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable span.filter-count {border-radius:5px}*/
	
}

@media (max-width: 767px) {
  .gallery {display:grid; gap:10px; grid-template-columns:repeat(1,1fr); margin:0 auto;}
  .photo-item img {width: 100%; height: auto; object-fit: cover;}
  #filtres-left > div, #filtres-left > div > div.elementor-element.elementor-element-e79af23.elementor-widget.elementor-widget-shortcode {margin:0%!important; padding:0%!important}
  .variations_form {margin: 10px; padding: 10px;}
  .custom-buttons .button {display: inline-block; margin: 5%!important;	width: 90%;}
  .two-columns-flex li {width: 100%;}
  a.button.configurateur-button {display:none}
  #mobile-fullscreen ul ul.sub-menu {display: grid!important; grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .site-breadcrumbs, .site-breadcrumbs a {white-space: normal !important; word-wrap: break-word; overflow-wrap: break-word; width: 100%; line-height: 1.4; margin: 10px 0; height:100%!important;}
  /*.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {font-size:3vw;line-height:150%;}*/
  .text-video {display:none!important}
  .video-intro {height:24vh; margin-top: 80px;}
 /* .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column {height: 140px;box-shadow: 0 0 0 0px #ffffff;}*/
  button.apply-filters.main-modal-button {color: white; font-size:18px; font-weight:bold }
  div.product-inner.clr {padding: 0px!important;}
  .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-image span {width: 150px!important; height: 150px!important;}
  .forminator-pagination-steps {display:none!important}
.forminator-row {display:flex!important; flex-direction: row!important; justify-content: center!important;}
	div.forminator-row > div {width: 100%!important;}
body .oceanwp-row .span_1_of_3, body .oceanwp-row .span_1_of_4 {width:100%!important}
	.gridportfolio {grid-template-columns: repeat(1, 1fr)!important;}
	    .elementor-12567 .elementor-element.elementor-element-cb1e23a {position:fixed; background: #fff; width: 100%;  }
	.produits > div  {width:50%!important}
}




@media (max-width: 1399px) {
  .text-video {display:none!important}
}