/* ==========================================================================
   themes/<votre-theme>/assets/css/offcanvas.css
   Panneaux coulissants : menu (gauche) + compte/favoris/panier (droite)
   ========================================================================== */

:root{
  --oc-ink:#1a1a1a;
  --oc-cream:#f4efe6;
  --oc-line:#e5e2dc;
  --oc-muted:#8a8478;
}

/* ---- déclencheurs dans header_top ---- */
.menu-trigger{
  background:none;border:none;cursor:pointer;
  font-size:12px;letter-spacing:.14em;
}

.offcanvas-account-triggers{
  display:inline-flex;gap:26px;vertical-align:middle;
}
.offcanvas-account-triggers button{
  background:none;border:none;cursor:pointer;position:relative;
  display:inline-flex;flex-direction:column;align-items:center;gap:4px;
  font-size:10px;letter-spacing:.08em;
}
.offcanvas-account-triggers .cart-products-count{
  position:absolute;top:-6px;right:-10px;
  background:var(--oc-ink);color:#fff;border-radius:50%;
  width:15px;height:15px;font-size:9px;
  display:flex;align-items:center;justify-content:center;
}

/* ---- fond assombri commun ---- */
.offcanvas-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transition:opacity .3s ease;
  z-index:1040;
}
.offcanvas-backdrop.show{opacity:1;visibility:visible;}

/* ---- panneau générique ---- */
.offcanvas-panel{
  position:fixed;top:0;bottom:0;
  background:#fff;z-index:1050;
  transition:transform .35s ease;
  display:flex;flex-direction:column;
}

/* panneau menu (gauche) */
.offcanvas-panel--left{
  left:0;width:340px;max-width:82vw;
  background:var(--oc-cream);color:#3a352c;
  transform:translateX(-100%);
  padding:34px 30px;
}
.offcanvas-panel--left.open{transform:translateX(0);}

.offcanvas-back{
  background:none;border:none;cursor:pointer;
  font-size:18px;margin-bottom:32px;width:26px;text-align:left;
}

.offcanvas-menu-inner ul{list-style:none;margin:0;padding:0;}
.offcanvas-menu-inner li{padding:11px 0;font-size:12.5px;letter-spacing:.12em;}
.offcanvas-menu-inner li a{color:inherit;text-decoration:none;display:block;}
.offcanvas-menu-inner .divider{border-top:1px solid #ddd5c4;margin:14px 0;}

.offcanvas-social{margin-top:auto;padding-top:20px;}

/* panneau compte/favoris/panier (droite) */
.offcanvas-panel--right{
  right:0;width:420px;max-width:88vw;
  transform:translateX(100%);
}
.offcanvas-panel--right.open{transform:translateX(0);}

.offcanvas-account-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 26px 0;
}
.offcanvas-account-head h2{font-size:12.5px;letter-spacing:.14em;font-weight:400;margin:0;}
.offcanvas-close{
  background:none;border:none;cursor:pointer;font-size:18px;line-height:1;
}

.offcanvas-account-tabs{
  display:flex;justify-content:center;gap:44px;
  padding:20px 20px 14px;border-bottom:1px solid var(--oc-line);
}
.offcanvas-account-tabs button{
  background:none;border:none;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-size:10.5px;letter-spacing:.1em;color:var(--oc-muted);
  padding-bottom:8px;
}
.offcanvas-account-tabs button.active{
  color:var(--oc-ink);border-bottom:1px solid var(--oc-ink);
}

.offcanvas-account-body{padding:26px;flex:1;overflow-y:auto;}
.offcanvas-pane{display:none;}
.offcanvas-pane.active{display:block;}

body.offcanvas-open{overflow:hidden;}
.header-top .container {
    width: 100%;
    padding: 0px 40px;
}
header#header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: transparent;
}

#header, #header .header-top {
    background: transparent;
    border: none;
}
nav.header-nav {
    border: none !important;
}
.slider-home .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}

h2.nada-slide-title {
    margin: 0;
    margin-bottom: 20px;
    font-size: 40px;
    letter-spacing: 1.5px;
    font-weight: 200;
    font-style: italic;
    line-height: 1.5;
    width: max-content;
}

.nada-slide-desc p {
    color: #fff;
}

.nada-slide-content {
    font-family: 'EB Garamond';
}

.nada-dots {
    background: transparent !important;
    position: absolute !important;
    bottom: 0;
}

.nada-arrow {
    display: none;
}
p.tel_eu {
    margin-bottom: 0;
}

p.tel_eu a {
    color: #fff !important;
    font-family: 'EB Garamond';
}

.offcanvas-account-triggers .fa {
    color: #fff;
}

#header .header-top .position-static {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
}
button.js-offcanvas-menu-trigger.menu-trigger {
    color: #fff;
    text-transform: uppercase;
}