/* VIDELMA FIXES */
/* Masquer ligne require_once Hostinger */
body::first-line {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
/* OFFCANVAS */
.offcanvas{position:fixed!important;top:0!important;left:-290px!important;width:290px!important;height:100%!important;background:#fff!important;z-index:500!important;overflow-y:auto!important;transition:left .25s ease!important;box-shadow:4px 0 20px rgba(0,0,0,.15)!important;}
.offcanvas.open{left:0!important;}
.offcanvas-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.5)!important;z-index:400!important;opacity:0!important;pointer-events:none!important;transition:opacity .25s!important;}
.offcanvas-overlay.open{opacity:1!important;pointer-events:all!important;}

/* MOBILE-RIGHT default hidden */
.mobile-right{display:none;}

/* MOBILE-SEARCHBAR default hidden */
.mobile-searchbar{display:none;}

/* DESKTOP */
@media(min-width:769px){
  .mainbar-inner{display:flex!important;}
  .mainbar-search{display:block!important;}
  .mainbar-auth{display:flex!important;}
  .hamburger{display:none!important;}
  .mobile-right{display:none!important;}
  .mobile-searchbar{display:none!important;}
  .logo-img{height:46px!important;}
  .catbar{display:block!important;}
}

/* MOBILE */
@media(max-width:768px){
  .mainbar-inner{display:grid!important;grid-template-columns:44px 1fr 90px!important;gap:0!important;align-items:center!important;}
  .mainbar-logo{justify-content:center!important;}
  .mainbar-search{display:none!important;}
  .mainbar-auth{display:none!important;}
  .hamburger{display:flex!important;align-items:center!important;justify-content:center!important;}
  .mobile-right{display:flex!important;align-items:center!important;gap:6px!important;justify-content:flex-end!important;}
  .mobile-searchbar{display:block!important;}
  .logo-img{height:38px!important;}
  .catbar{display:none!important;}
}

@media(max-width:480px){
  .topbar-nav{display:none!important;}
  .topbar-label{display:none!important;}
}
/* FIX HAMBURGER  offcanvas ferme ne bloque pas les clics */
.offcanvas{pointer-events:none!important;visibility:hidden!important}
.offcanvas.open{pointer-events:all!important;visibility:visible!important}
.offcanvas-overlay{pointer-events:none!important}
.offcanvas-overlay.open{pointer-events:all!important}

/* Offcanvas boutons */
.offcanvas .btn-block{display:block;width:100%;text-align:center;padding:11px 16px;border-radius:6px;font-weight:600;font-size:14px;box-sizing:border-box}
.offcanvas .btn-green{background:var(--green);color:#fff;border:none}
.offcanvas .btn-ghost{background:var(--orange)!important;color:#fff!important;border:none!important}
.offcanvas .btn-outline-green{border:2px solid var(--green);color:var(--green);background:#fff}

/* ===== PRODUCT PAGE MOBILE FIX ===== */
@media(max-width:768px){
  /* Prevent horizontal overflow */
  html,html{overflow-x:hidden;}body{max-width:100vw;}
  .product-page{padding:0 12px;box-sizing:border-box}
  /* Layout: stack gallery + sidebar vertically */
  .product-grid,.product-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  /* Gallery full width */
  .product-gallery{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .gallery-main-img{width:100%!important;height:260px!important;object-fit:cover!important;border-radius:8px!important}
  .gallery-thumbs{width:100%!important;max-width:100%!important;overflow-x:auto!important;box-sizing:border-box!important}
  /* Sidebar: full width, not sticky */
  .product-sidebar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:relative!important;
    top:auto!important;
    box-sizing:border-box!important;
  }
  .product-sidebar-card,.product-sidebar-card *{box-sizing:border-box!important;max-width:100%!important}
  .product-desc-card,.vendor-card-v2{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  /* WA button full width */
  .wa-btn-main,.wa-btn{width:100%!important;box-sizing:border-box!important}
  /* Breadcrumb wrap */
  .breadcrumb{flex-wrap:wrap!important;font-size:12px!important}
  /* Related grid: 1 col */
  .related-grid{grid-template-columns:1fr 1fr!important}
  /* Action buttons */
  .product-actions{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}
  .product-actions .btn{width:100%!important;box-sizing:border-box!important}
}

/* ===== SLIDER HAUTEUR PC ===== */
@media(min-width:769px){
  .hero-slider{height:420px!important}
  .slide{background-size:cover;background-position:center center}
}
@media(min-width:1200px){
  .hero-slider{height:480px!important}
}

/* ===== SLIDER TEXTES PC ===== */
@media(min-width:769px){
  .slide-badge,.slide-tag{font-size:13px!important;padding:6px 14px!important;letter-spacing:.06em!important}
  .slide-content h1,.slide-content h2,.slide-content h3,.slide-title{font-size:clamp(32px,3.5vw,52px)!important;line-height:1.15!important;margin-bottom:16px!important}
  .slide-content p,.slide-subtitle{font-size:18px!important;margin-bottom:24px!important}
  .slide-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  .slide-btn,.slide-actions a,.slide-actions button{font-size:16px!important;padding:14px 28px!important;border-radius:8px!important;font-weight:700!important}
  .slide-content{padding-left:60px!important;padding-bottom:48px!important}
}

/* ===== PRODUCT PAGE OVERFLOW FIX v2 ===== */
@media(max-width:768px){
  html,body{overflow-x:hidden;max-width:100vw;box-sizing:border-box}
  .product-page,.product-content{padding:0 12px;box-sizing:border-box;max-width:100vw;overflow-x:hidden}
  .product-grid,.product-layout{
    display:flex!important;flex-direction:column!important;
    gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important
  }
  .product-gallery{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .gallery-main{width:100%!important;overflow:hidden!important;border-radius:10px!important}
  .gallery-main-img{width:100%!important;height:280px!important;object-fit:cover!important;display:block!important}
  .gallery-thumbs{width:100%!important;overflow-x:auto!important;display:flex!important;gap:8px!important;padding-bottom:4px!important}
  .gallery-thumb{width:60px!important;height:60px!important;flex-shrink:0!important;object-fit:cover!important;border-radius:6px!important}
  .product-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;position:relative!important;top:auto!important;box-sizing:border-box!important}
  .product-sidebar-card,.product-sidebar-card *,.product-desc-card,.vendor-card-v2{box-sizing:border-box!important;max-width:100%!important;width:100%!important}
  #wa-btn{width:100%!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important}
  .product-actions{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}
  .product-actions .btn{width:100%!important;box-sizing:border-box!important;text-align:center!important}
  .breadcrumb{flex-wrap:wrap!important;font-size:12px!important;max-width:100%!important}
  /* Articles similaires */
  .related-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important}
  .related-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important}
  .product-card{max-width:100%!important;box-sizing:border-box!important}
}
/* Articles similaires desktop */
.related-section{margin-top:32px;padding:24px 0}
.related-section h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1024px){.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.related-grid{grid-template-columns:repeat(2,1fr)!important}}

/* ===== SLIDE SUBTITLE FIX ===== */
.slide-subtitle{
  display:block!important;
  font-size:17px!important;
  color:rgba(255,255,255,.92)!important;
  margin:10px 0 20px!important;
  font-weight:400!important;
  text-shadow:0 1px 3px rgba(0,0,0,.5)!important;
  max-width:480px!important;
  line-height:1.4!important;
}
@media(min-width:769px){
  .slide-subtitle{font-size:18px!important;}
  .slide-content{display:flex;flex-direction:column;justify-content:center;padding-top:40px!important}
}

/* ===== SLIDE TEXT ZONE ELARGIE ===== */
@media(min-width:769px){
  .slide-text{max-width:560px!important;width:auto!important}
}
@media(min-width:1200px){
  .slide-text{max-width:620px!important}
}

/* ===== SLIDE SUBTITLE SUPPRIME + ZONE TITRE ELARGIE ===== */
.slide-subtitle{display:none!important}
.slide-text{max-width:700px!important;width:45%!important}
@media(min-width:1200px){.slide-text{max-width:780px!important;width:50%!important}}

/* ===== SLIDER TEXT ALIGN LEFT ===== */
.slide-content{align-items:flex-start!important;justify-content:flex-start!important}
.slide-text{text-align:left!important;align-self:flex-start!important}
.slide-text h1,.slide-text h2,.slide-actions,.slide-badge{text-align:left!important}

/* ===== SLIDER INACTIVE SLIDES  bloquer pointer events ===== */
.slide{pointer-events:none!important}
.slide.active{pointer-events:auto!important}

/* ===== ADMIN NAVBAR BUTTONS ===== */
.navbar-actions .btn-outline{
  background:var(--green)!important;
  color:#fff!important;
  border:2px solid var(--green)!important;
  font-weight:600!important;
}
.navbar-actions .btn-outline:hover{
  background:var(--green-dark)!important;
  border-color:var(--green-dark)!important;
}
.navbar-actions .btn-ghost{
  background:var(--orange)!important;
  color:#fff!important;
  border:2px solid var(--orange)!important;
  font-weight:600!important;
}
.navbar-actions .btn-ghost:hover{
  background:#a84400!important;
  border-color:#a84400!important;
}

/* ===== BOUTON WHATSAPP MOBILE ===== */
@media (max-width: 768px) {
  .btn-wa-contact {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 14px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    gap: 10px !important;
  }
  .btn-wa-contact svg {
    flex-shrink: 0 !important;
    width: 22px !important;
    height: 22px !important;
  }
  /* Conteneur du bouton */
  .product-sidebar-card .contact-section,
  .product-sidebar-card > a.btn-wa-contact {
    display: block !important;
    width: 100% !important;
  }
}


/* ===== CATBAR + TOPBAR : DESKTOP ONLY ===== */
@media (max-width: 768px) {
  .catbar { display: none !important; }
  .topbar { display: none !important; }
}


/* ===== SLIDER CONTENT: center vertically, align left ===== */
.slide-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  padding:20px 60px!important;
  text-align:left!important;
}
.slide-text{text-align:left!important;}

@media(max-width:768px){
  .hero-slider{height:260px!important;}
  .slide-content{
    padding:16px 20px!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .slide-content h1,.slide-content h2,.slide-content h3,.slide-title{
    font-size:20px!important;
    line-height:1.2!important;
    margin:0 0 6px!important;
  }
  .slide-content p,.slide-subtitle{
    font-size:13px!important;
    margin-bottom:10px!important;
  }
  .slide-badge,.slide-tag{
    font-size:10px!important;
    padding:4px 10px!important;
    margin-bottom:6px!important;
  }
  .slide-btn,.slide-actions a,.slide-actions button{
    font-size:13px!important;
    padding:8px 18px!important;
  }
}

/* ============================================
   CORRECTION SLIDER - Textes sur 2 ligslide-tag   ============================================ */
   
   /* Forcer l'affichage sur 2 lignes pour tous les titres du slider */

   /* S'assurer que les <br> sont respectes */
   .slide-title br br    display: block !imimportantimportant    content: "" !impoimportantimportant    margin-top: 0.5em !iimportantimportant}
   
   /* Ajustements responsifs pour mobile */
   @media (max-width: 768px) {
           .slislide-title        font-size: 2rem !importanimportantimportant        line-height: 1.2 !iimportantimportant        max-width: 90% !imimportantimportant    }
           }
           
           @media (max-width: 480px) {
                   .slslide-title        font-size: 1.5rem !importantimportant;
                           line-height: 1.3 !iimportantimportant        max-width: 95% !impimportantimportant    }
                           }
                           
                           /* Conteneur du slide */
                           .slide-content {
                                   max-width: 1000 !iimportantimportant    width: 100% !iimportantimportant}
                                   
                                   .slide-slide-content    max-width: 100% !importantimportant;
                                       width: 100% !impoimportantimportant}
                           }
           }
   }
   
   /* === FIX FINAL SLIDER - white-space === */
   .slide-tiSLIDER    white-space: normal !importantimportant;
       max-width: 100% !impoimportantimportant    width: auto !importantimportant;
       }
       
   }