/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


.tr-menu.header-classic #Top_bar:not(.is-sticky) {
	top: 0 !important;
	background-color: #ffffff !important;
}
#Top_bar .menu > li > a span.description {
    display: none;
}
.cls-title h2 {
    font-size: 28px;
    line-height: 32px;
}
#Subheader {
    padding: 200px 0 60px;
}
.imag-filter img {
    filter: drop-shadow(15px 5px 6px rgb(0 0 0 / 20%));
}
div#popmake-6628 {
    padding: 50px;
}
.pum-content.popmake-content {
    text-align: center;
}
#Footer .container {
    max-width: 1200px;
}
#Side_slide #menu ul li a span.description {
    display: none !important;
}
.mfn-variations-wrapper-loop {
    display: none;
}
.if-zoom .image_frame:hover .image_wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
 .imag-filter img:hover {
    transform: scale(1.05) !important;
	filter: drop-shadow(20px 0px 6px rgb(0 0 0 / 15%));
}
.img-about img{
    filter: drop-shadow(8px 10px 5px rgb(0 0 0 / 10%));
}
.name_first label, .name_last label {
    display: none !important;
}
.cls-size h2 {
    font-size: 30px;
}
.cls-size h3 {
    font-size: 22px;
}
.menu-footer li {
    margin-bottom: 5px;
}
.menu-footer span {
    margin-right: 10px;
}
@media only screen and (max-width: 767px) {
    #Subheader {
        padding: 80px 0 !important;
    }
	#Footer aside#text-2 div {
		text-align: left !important;
	}
}

.video-section {
  position: relative;
  height: 900px; /* choose height */
  overflow: hidden;
}

.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.content1 {
  position: relative;
  z-index: 2;
  color: white;
  padding-top: 300px;
	    text-align: center;
	
}









.content1 {
  padding-top: 300px;
}

/* Tablette */
@media (max-width: 1024px) {
  .video-section {
    height: 700px;
  }

  .content1 {
    padding-top: 220px;
  }
	.section_wrapper.mfn-wrapper-for-wraps.mcb-section-inner.mcb-section-inner-730c6f9d9 {
    padding: 0 !important;
    max-width: 100% !important;
}
}

/* Mobile large */
@media (max-width: 768px) {
  .video-section {
    height: 550px;
  }

  .content1 {
    padding-top: 180px;
  }
}

/* Mobile small */
@media (max-width: 480px) {
  .video-section {
    height: 420px;
  }

  .content1 {
    padding-top: 140px;
  }
}

.hide{
	display:none !important;
}


.video-section {

  overflow: hidden;
}

/* --- OVERLAY NOIR TRANSPARENT --- */
.video-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 38%); /* 0.45 = transparence */
  z-index: 2;
  pointer-events: none;
}
.content1 {
  position: relative;
  z-index: 3; /* au-dessus de l’overlay */
  color: white;
  padding-top: 300px;
  text-align: center;
}



.productwidth {
    padding-right: 5%;
	    padding-left: 5%;
}

/* ----------------------------- */
/* WRAPPER ACCORDÉONS            */
/* ----------------------------- */
.elementor-accordion {
    width: 71%;
    border: none;
    margin-top: 20px;
    margin: auto;
}

/* ----------------------------- */
/* TITRES                        */
/* ----------------------------- */
.elementor-accordion .elementor-tab-title {
    display: flex;
    justify-content: space-between;  /* Titre à gauche, + à droite */
    align-items: center;
    width: 100%;

    padding: 18px 0;
    border-bottom: 1px solid #ccc;

    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .5px;
    color: #000;
    cursor: pointer;
}

/* Titre texte */
.elementor-accordion .elementor-tab-title .elementor-accordion-title {
    flex: 1;
    text-align: left;
    color: #000;
}

/* ----------------------------- */
/* ICONES + / -                  */
/* ----------------------------- */

.elementor-accordion-icon {
    width: 30px;                   /* Largeur fixe, alignement stable */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
}

.elementor-accordion-icon-closed i::before {
    content: "+";
}

.elementor-active .elementor-accordion-icon-opened i::before {
    content: "–";
}

/* masquer les icônes dans chaque état */
.elementor-accordion-icon-opened { display: none; }
.elementor-active .elementor-accordion-icon-opened { display: flex; }

.elementor-active .elementor-accordion-icon-closed { display: none; }

/* ----------------------------- */
/* CONTENU                       */
/* ----------------------------- */
.elementor-accordion .elementor-tab-content {
    padding: 22px 0 25px;
    font-size: 16px;
    line-height: 1.65;
    color: #000;
    border-bottom: 1px solid #ccc;
}


/* Galerie 3 colonnes */
.accords-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 30px;
}

/* Image */
.accords-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* Responsive tablette */
@media (max-width: 900px) {
    .accords-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive mobile */
@media (max-width: 600px) {
    .accords-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}

.related-products-custom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.related-item img {
    width: 100%;
    border-radius: 6px;
}

.related-item h4 , .related-item h3{
    margin-top: 10px;
    font-size: 16px;
	    margin-bottom: 0;
}
  
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images.mfn-product-has-gallery{
background: #ffffff;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images.mfn-product-has-gallery img {
    height: 707px !important;
    object-fit: contain;
}

/* Conteneur vertical – aligné à droite comme ton screenshot */
.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
   position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    flex-direction: column;
    gap: 14px;
    padding: 0;
    margin: 0;
    z-index: 20;
}

/* Masquer les vraies miniatures */
.single-product .woocommerce-product-gallery .flex-control-nav li img {
    opacity: 0 !important; 
}

/* Li = hitbox */
.single-product .woocommerce-product-gallery .flex-control-nav li {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    list-style: none;
}

/* Bullet vide */
.single-product .woocommerce-product-gallery .flex-control-nav li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    right:0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000 !important;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease;
}

/* Actif : rond rempli */
.single-product .woocommerce-product-gallery .flex-control-nav li.flex-active::after {
    background: #000;
    transform: translate(-50%, -50%) scale(1.15);
}

/* Hover */
.single-product .woocommerce-product-gallery .flex-control-nav li:hover::after {
    opacity: .5;
}

/* Correction zoom pour clic */
.single-product .woocommerce-product-gallery img.zoomImg {
    pointer-events: none !important;
}


.woocommerce div.product div.images .flex-control-thumbs li {
     align-items: center;
     border: 1px solid #00000012;
     border-radius: 50% !important;
     cursor: pointer;
     justify-content: center;
}

.woocommerce div.product div.images .flex-control-thumbs li:hover {
    border: 1px solid #000000d9;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	    width: 20px !important;}



@media only screen and (min-width: 1240px) {
  #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after {
        height: 1px;
        left: 10%;
        top: 50%;
        margin-top: 20px;
        width: 80%;
    }
}

#Top_bar .menu > li a:not(.menu-toggle):after {
    background: #ffffff82;
}

#Top_bar.is-sticky {
    background: #ffffffde !important;
}



.Prixtest .price:before  {
    content: " Prix pour le carton de 6 bouteilles :  ";
    font-weight: bold;
}

 span.woocommerce-Price-amount.amount {
    color: #ae2734 !important;
    font-weight: bold;
    font-size: 20px;
}



 span.prix-par-piece {
    margin-bottom: 0 !important;
}

img.zoomImg {
    display: none !important;
}

#Subheader {
/*     padding: 266px 0 60px !important; */

    padding: 349px 0 118px !important;
}

#Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .top-bar-right-icon svg .path {
    color: #ffffff;
    stroke: #ffffff;
}

div#Top_bar.is-sticky  .top_bar_right .top-bar-right-icon,  div#Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path {
    color: #333333;
    stroke: #333333;
}

#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
    color: rgb(255 255 255) !important;
}


figure.woocommerce-product-gallery__wrapper img {
    height: 600px !important;
    object-fit: contain;
}

figure.woocommerce-product-gallery__wrapper {
    background: #ffffff;
}




/* .term-20 #Header_wrapper {
    background-image: url(/wp-content/uploads/2026/01/Domaine-saint-roch-rose.jpeg) !important;
} */

.term-20 #Header_wrapper {
    background-image: url(/wp-content/uploads/2026/02/domaine_de_saint_roch_rose-2.jpeg) !important;
/* 	    background-position: 16% 17% !important; */
}

.term-20 #Subheader {
    background: rgb(0 0 0 / 55%);
}
.term-21 #Header_wrapper {
    background-image: url(/wp-content/uploads/2026/01/Domaine-saint-roch-blanc.jpeg) !important;
}
.term-21 #Subheader {
    background: rgb(0 0 0 / 55%);
}
.term-19 #Header_wrapper {
    background-image: url(/wp-content/uploads/2026/01/Domaine-saint-roch-rouge.jpeg) !important;
}
.term-19 #Subheader {
    background: rgb(0 0 0 / 55%);
}


.products_wrapper span.price2    , .woocommerce-page ul.products li.product .price{
    display: none !important;
}

.ewd-unit-price * {
    display: inline-block !important;
}

.image_frame.scale-with-grid.product-loop-thumb img ,  .related-products-custom .related-item img {
    height: 400px !important;
    object-fit: contain;
    background: white;
}


.term-description {
    display: block !important;
    width: 100% !important;
    text-align: center;
}

.related-item {
    text-align: center;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: black;
}

/* ===============================
   Minimum order – Modern UI
   =============================== */

.ewd-minimum-card {
    gap: 14px;
    margin: 24px 0;
    padding: 18px 20px;
    background: linear-gradient(135deg, #fff8f8, #ffffff);
    border-radius: 14px;
    border: 1px solid #f2c1c1;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    line-height: 1.6;
    animation: ewdFadeIn 0.25s ease-in-out;
    width;
    width: 100%;
    text-align: center !important;
}

.ewd-minimum-icon {
    font-size: 26px;
    line-height: 1;
    color: #c0392b;
    margin-top: 2px;
}

.ewd-minimum-content strong {
    display: block;
    font-size: 16px;
    margin-bottom: 6px;
    color: #8e1b1b;
}

.ewd-minimum-content p {
    margin: 0;
    color: #444;
}

/* Animation */
@keyframes ewdFadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile optimization */
@media (max-width: 767px) {
    .ewd-minimum-card {
        padding: 14px 16px;
        gap: 10px;
    }

    .ewd-minimum-icon {
        font-size: 22px;
    }
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .wp-block-search input[type="search"], .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {
    border-color: #eaeaea;
}