/* NAV - homogenized flat bar, same as the rest of the site */
  .husan-nav{
    position:sticky;top:0;z-index:60;background:var(--charcoal);
    display:flex;align-items:center;padding:18px 32px;gap:24px;
    border-bottom:1px solid var(--line-dark);
  }
  .husan-nav .logo-img{width:38px;height:38px;border-radius:50%;}
  .navlinks{display:flex;gap:32px;font-size:14px;color:var(--wood-light);flex:1;padding-left:40px;}
  .navlinks a:hover{color:var(--cream);}
  .nav-right{display:flex;align-items:center;gap:8px;position:relative;}
  .icon-btn{
    background:none;color:var(--cream);display:flex;align-items:center;gap:8px;
    font-size:13.5px;padding:8px;position:relative;
  }
  .icon-btn svg{width:18px;height:18px;stroke:var(--wood-light);}
  .icon-btn:hover svg{stroke:var(--cream);}
  .cart-btn svg{width:20px;height:20px;}
  .cart-badge{
    position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;
    border-radius:8px;background:var(--wood);color:var(--charcoal);
    font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;
    transform:scale(0);transition:transform 0.25s cubic-bezier(.34,1.56,.64,1);
  }
  .cart-badge.show{transform:scale(1);}
  .cart-btn.pulse svg{animation:cartPulse 0.5s ease;}
  @keyframes cartPulse{0%{transform:scale(1);}35%{transform:scale(1.35);}100%{transform:scale(1);}}

  .login-wrap{position:relative;}
  .login-panel{
    position:absolute;top:calc(100% + 14px);right:0;
    width:280px;background:var(--paper);color:var(--ink);
    border-radius:4px;padding:26px;box-shadow:0 18px 40px rgba(0,0,0,0.35);
    display:none;flex-direction:column;gap:12px;z-index:80;
  }
  .login-panel.open{display:flex;}
  .login-panel h4{font-family:'Fraunces',serif;font-size:19px;margin-bottom:4px;}
  .login-panel input{
    padding:11px 12px;border:1px solid var(--line-light);border-radius:2px;
    font-size:13.5px;font-family:'Inter',sans-serif;background:#fff;
  }
  .login-panel .submit{
    padding:12px;background:var(--charcoal);color:var(--cream);border-radius:2px;font-size:13.5px;margin-top:4px;
  }
  .login-panel .altlink{font-size:12.5px;color:#8a8478;text-align:center;margin-top:4px;}
  .login-panel .altlink a{color:var(--wood);border-bottom:1px solid var(--wood);}

  /* MINI-CARRITO */
  .cart-wrap{position:relative;}
  .mini-cart{
    position:absolute;top:calc(100% + 14px);right:0;width:320px;
    background:var(--paper);color:var(--ink);border-radius:4px;
    box-shadow:0 18px 40px rgba(0,0,0,0.35);z-index:80;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .25s ease, transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s linear .3s;
  }
  .mini-cart::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px;}
  .mini-cart.open{
    opacity:1;visibility:visible;transform:translateY(0);
    transition:opacity .25s ease, transform .3s cubic-bezier(.2,.8,.2,1);
  }
  .mc-head{display:flex;justify-content:space-between;align-items:baseline;padding:20px 22px 12px;border-bottom:1px solid var(--line-light);}
  .mc-head h4{font-family:'Fraunces',serif;font-size:18px;font-weight:500;}
  .mc-head span{font-size:12px;color:#8a8478;}
  .mc-list{list-style:none;max-height:264px;overflow-y:auto;padding:4px 22px;}
  .mc-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-light);}
  .mc-item:last-child{border-bottom:none;}
  .mc-item img{width:52px;height:52px;object-fit:cover;border-radius:3px;background:#e9e2d4;}
  .mc-name{font-size:13.5px;font-weight:500;line-height:1.3;}
  .mc-meta{font-size:12px;color:#8a8478;}
  .mc-price{font-family:'Fraunces',serif;font-size:14px;color:var(--wood);text-align:right;white-space:nowrap;}
  .mc-remove{display:block;margin:2px 0 0 auto;font-size:11.5px;color:#8a8478;}
  .mc-remove:hover{color:var(--ink);}
  .mc-foot{padding:14px 22px 20px;border-top:1px solid var(--line-light);}
  .mc-subtotal{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;margin-bottom:14px;}
  .mc-subtotal strong{font-family:'Fraunces',serif;font-size:17px;font-weight:500;}
  .mc-actions{display:flex;gap:8px;}
  .mc-actions a{flex:1;text-align:center;padding:11px 8px;font-size:13px;border-radius:2px;transition:background .25s ease, color .25s ease;}
  .mc-view{border:1px solid var(--ink);}
  .mc-view:hover{background:var(--ink);color:var(--cream);}
  .mc-checkout{background:var(--charcoal);color:var(--cream);}
  .mc-checkout:hover{background:var(--wood);color:var(--charcoal);}
  .mc-empty{padding:26px 22px;font-size:13.5px;color:#8a8478;text-align:center;line-height:1.9;}
  .mc-empty a{color:var(--wood);border-bottom:1px solid var(--wood);}
  .mc-item.enter{animation:mcIn .45s cubic-bezier(.2,.8,.2,1) both;}
  @keyframes mcIn{from{opacity:0;transform:translateX(12px);}to{opacity:1;transform:none;}}
  @media(max-width:900px){
    .mini-cart{width:min(320px, calc(100vw - 32px));right:-8px;}
  }

  @media(max-width:900px){
    .login-panel{right:-60px;}
  }

/* Ajustes para WordPress */
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.husan-nav .logo-text{font-family:'Fraunces',serif;font-size:22px;color:var(--cream);}
.husan-nav a{text-decoration:none;}
.icon-btn{cursor:pointer;text-decoration:none;}

/* Formulario de acceso de WordPress dentro del panel */
.login-panel form{display:flex;flex-direction:column;gap:12px;}
.login-panel p{margin:0;}
.login-panel label{display:block;font-size:12.5px;color:#5c564c;margin-bottom:4px;}
.login-panel input[type=text],.login-panel input[type=password]{width:100%;}
.login-panel .login-submit input,
.login-panel .login-submit button{width:100%;padding:12px;background:var(--charcoal);color:var(--cream);border:none;border-radius:2px;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .25s ease,color .25s ease;}
.login-panel .login-submit input:hover,
.login-panel .login-submit button:hover{background:var(--wood);color:var(--charcoal);}
.login-panel .login-lost{text-align:center;font-size:12.5px;}
.login-panel .login-lost a{color:#8a8478;}
.login-panel .login-lost a:hover{color:var(--wood);}
.login-panel .login-remember{display:none;}

/* Botón principal */
.btn{display:inline-block;padding:14px 26px;background:var(--wood);color:var(--charcoal);font-size:14.5px;font-weight:500;border-radius:2px;transition:background .25s ease;}
.btn:hover{background:var(--wood-light);}

/* Pie de página */
.husan-footer{border-top:1px solid var(--line-light);padding:50px 0;background:var(--paper);}
.husan-footer .husan-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;color:#6E6A62;}
.husan-footer a{color:inherit;text-decoration:none;}
.husan-footer a:hover{color:var(--wood);}

/* Contenido de la tienda dentro del marco de Husan */
#husan-content .site{background:var(--paper);}
#husan-content .ast-container{max-width:1180px;}

/* Marco de las páginas de tienda dentro del diseño de Husan */
#husan-content > #primary,
#husan-content > #content,
#husan-content > .site-content{max-width:1180px;margin:0 auto;padding:56px 32px 90px;width:100%;}
#husan-content .woocommerce-breadcrumb{font-size:13px;color:#8a8478;margin-bottom:18px;}
#husan-content .woocommerce-breadcrumb a{color:#8a8478;}
#husan-content .woocommerce-breadcrumb a:hover{color:var(--wood);}
#husan-content .woocommerce-products-header__title,
#husan-content .entry-title{font-size:38px;margin-bottom:26px;}
@media(max-width:900px){
  #husan-content > #primary,
  #husan-content > #content,
  #husan-content > .site-content{padding:36px 20px 70px;}
}

/* Botones del nav sin el recuadro que agrega Astra */
.husan-nav .icon-btn,.husan-nav .icon-btn:hover,.husan-nav .icon-btn:focus{border:none;background:none;box-shadow:none;outline:none;}
.husan-nav a.icon-btn,.husan-nav a.icon-btn:visited,.husan-nav a.icon-btn:hover,.husan-nav a.icon-btn:focus{color:var(--cream);}  /* con sesión iniciada el nombre es enlace: sin el azul de Astra */
.husan-nav .icon-btn:focus-visible{outline:2px solid var(--wood-light);outline-offset:3px;border-radius:4px;}

/* Mini-carrito: enlaces del contenido de WooCommerce */
.mini-cart .mc-name a{color:inherit;text-decoration:none;}
.mini-cart .mc-name a:hover{color:var(--wood);}
.mini-cart .mc-actions a,.mini-cart .mc-empty a,.mini-cart .mc-remove{text-decoration:none;}
.mini-cart .mc-remove{background:none;border:none;padding:0;cursor:pointer;}
.mini-cart .mc-price .woocommerce-Price-amount,.mini-cart .mc-subtotal .woocommerce-Price-amount{font-family:'Fraunces',serif;}
.mini-cart .mc-subtotal strong .woocommerce-Price-amount{font-size:17px;font-weight:500;color:var(--ink);}
.mini-cart .blockUI.blockOverlay{background:rgba(247,243,234,.6) !important;}
.mini-cart .widget_shopping_cart_content{margin:0;}

/* El mini-carrito ignora los estilos por defecto de WooCommerce/Astra para listas de carrito */
.mini-cart .mc-list{overflow-x:hidden !important;margin:0 !important;}
.mini-cart .mc-list li.mc-item{display:grid !important;grid-template-columns:52px 1fr auto !important;gap:12px !important;align-items:center !important;
  padding:12px 0 !important;margin:0 !important;list-style:none !important;position:static !important;border-bottom:1px solid var(--line-light) !important;}
.mini-cart .mc-list li.mc-item:last-child{border-bottom:none !important;}
.mini-cart .mc-list li.mc-item img{float:none !important;width:52px !important;height:52px !important;margin:0 !important;object-fit:cover;border-radius:3px;position:static !important;box-shadow:none !important;}
.mini-cart .mc-list li.mc-item > div{min-width:0;}
.mini-cart .mc-name,.mini-cart .mc-name a{font-size:13.5px !important;font-weight:500 !important;line-height:1.3 !important;color:var(--ink) !important;}
.mini-cart .mc-price{white-space:nowrap;text-align:right;}
.mini-cart a.remove.mc-remove{display:block !important;width:auto !important;height:auto !important;border-radius:0 !important;
  font-size:11.5px !important;font-weight:400 !important;line-height:1.4 !important;text-align:right !important;
  color:#8a8478 !important;background:none !important;margin:2px 0 0 auto !important;position:static !important;}
.mini-cart a.remove.mc-remove:hover{color:var(--ink) !important;background:none !important;}
.mini-cart .mc-list li.mc-item::before,.mini-cart .mc-list li.mc-item::after{display:none !important;content:none !important;}
.mini-cart a.remove.mc-remove::before,.mini-cart a.remove.mc-remove::after{display:none !important;content:none !important;}
.mini-cart ul.mc-list{padding:4px 22px !important;}

/* ===== Menú de celular ===== */
.nav-burger{display:none;width:40px;height:40px;margin-left:auto;padding:0;background:none !important;border:none !important;
  position:relative;cursor:pointer;box-shadow:none !important;}
.nav-burger span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--cream);border-radius:2px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), top .35s cubic-bezier(.2,.8,.2,1);}
.nav-burger span:nth-child(1){top:15px;}
.nav-burger span:nth-child(2){top:24px;}
.nav-burger[aria-expanded="true"] span:nth-child(1){top:19.5px;transform:rotate(45deg);}
.nav-burger[aria-expanded="true"] span:nth-child(2){top:19.5px;transform:rotate(-45deg);}
.nav-burger:focus-visible{outline:2px solid var(--wood-light);outline-offset:2px;border-radius:4px;}

.mobile-menu{position:fixed;left:0;right:0;top:var(--nav-h,75px);bottom:0;z-index:59;background:var(--charcoal);
  display:flex;flex-direction:column;justify-content:space-between;padding:40px 24px 36px;
  opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .35s ease, transform .4s cubic-bezier(.2,.8,.2,1), visibility 0s linear .4s;}
.mobile-menu.open{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease, transform .4s cubic-bezier(.2,.8,.2,1);}
.mobile-menu-links{display:flex;flex-direction:column;gap:6px;}
.mobile-menu-links a{font-family:'Fraunces',serif;font-size:34px;line-height:1.25;color:var(--cream);text-decoration:none;
  padding:8px 0;border-bottom:1px solid var(--line-dark);
  opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s cubic-bezier(.2,.8,.2,1), color .25s ease;}
.mobile-menu.open .mobile-menu-links a{opacity:1;transform:none;transition-delay:calc(.08s + var(--i,0) * .07s);}
.mobile-menu-links a.active,.mobile-menu-links a:hover{color:var(--wood-light);}
.mobile-menu-foot{display:flex;flex-direction:column;gap:10px;font-size:14px;}
.mobile-menu-foot a{color:var(--wood-light);text-decoration:none;}
body.menu-open{overflow:hidden;}

@media(max-width:900px){
  .nav-burger{display:block;}
  .husan-nav .nav-right{margin-left:0;}
  .husan-nav .icon-btn#accountBtn,.husan-nav .nav-right > a.icon-btn{font-size:0;gap:0;}  /* en celular solo el ícono de cuenta */
}
@media(min-width:901px){
  .mobile-menu{display:none;}
}
@media (prefers-reduced-motion: reduce){
  .mobile-menu,.mobile-menu-links a,.nav-burger span{transition:none !important;}
}