/* ============================================================
   ANABELLA · capa de marca sobre WoodMart
   Paleta + tipografías editoriales + efectos propios.
   Selectores best-effort para WoodMart; ajusta si tu versión cambia clases.
   ============================================================ */
:root{
  --anb-negro:#171310;
  --anb-arena:#e9ded0;
  --anb-crema:#faf6f0;
  --anb-terra:#b07158;
  --anb-terra2:#c89279;
  --anb-oro:#c9a36f;
  --anb-texto:#3a332e;

  /* Mapear a variables de WoodMart (cuando existan en tu versión) */
  --wd-primary-color:#b07158;
  --wd-link-color:#3a332e;
  --wd-link-color-hover:#b07158;
  --btn-default-bg:#b07158;
  --btn-accented-bg:#b07158;
}

/* ---------- Tipografías ---------- */
body,.wd-nav,.widget,.woocommerce{font-family:'Jost',system-ui,sans-serif!important;font-weight:300}
h1,h2,h3,h4,.wd-entities-title,.section-title,.title,.product-title,.woocommerce-loop-product__title,.elementor-heading-title{
  font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:500!important;letter-spacing:.005em;
}

/* ---------- Color de marca ---------- */
a{color:var(--anb-texto)}
a:hover{color:var(--anb-terra)}
.btn-color-primary,.btn.btn-style-default,.single_add_to_cart_button,.add_to_cart_button,
.wd-buttons .add_to_cart_button,button.button,input.button,.woocommerce a.button,
.elementor-button{
  background-color:var(--anb-terra)!important;color:#faf6f0!important;border-color:var(--anb-terra)!important;
  letter-spacing:.12em;text-transform:uppercase;font-weight:400;
}
.btn-color-primary:hover,.single_add_to_cart_button:hover,.add_to_cart_button:hover,
.woocommerce a.button:hover,.elementor-button:hover{background-color:var(--anb-terra2)!important;border-color:var(--anb-terra2)!important}
.price ins,.price{color:var(--anb-terra)}
.woocommerce-Price-amount{color:var(--anb-texto)}
.onsale,.product-label.onsale{background:var(--anb-negro)!important;color:#faf6f0!important}

/* ---------- Efecto: barrido de luz en la FOTO del producto ---------- */
.wd-product .product-image-link,
.product-grid-item .product-image-link,
.products .product .product-image-link{position:relative;overflow:hidden;display:block}
.wd-product .product-image-link::after,
.product-grid-item .product-image-link::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(255,238,205,.30) 50%,transparent 70%);
  transform:translateX(-135%);transition:transform 1s cubic-bezier(.2,.7,.2,1);
}
.wd-product:hover .product-image-link::after,
.product-grid-item:hover .product-image-link::after{transform:translateX(135%)}
.wd-product .product-image-link img,
.product-grid-item .product-image-link img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.wd-product:hover .product-image-link img{transform:scale(1.05)}

/* ---------- Efecto: barrido de luz en los BOTONES ---------- */
.single_add_to_cart_button,.add_to_cart_button,.woocommerce a.button,.elementor-button,.btn-color-primary{position:relative;overflow:hidden}
.single_add_to_cart_button::after,.add_to_cart_button::after,.woocommerce a.button::after,.elementor-button::after,.btn-color-primary::after{
  content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);
  transform:translateX(-135%);transition:transform .75s cubic-bezier(.2,.7,.2,1);
}
.single_add_to_cart_button:hover::after,.add_to_cart_button:hover::after,.woocommerce a.button:hover::after,.elementor-button:hover::after,.btn-color-primary:hover::after{transform:translateX(135%)}

/* ---------- Efecto bohemio en categorías (banners de categoría WoodMart) ---------- */
.category-grid-item .hover-content-reverse,
.wd-banner,
.product-category .woocommerce-loop-category__title{transition:.5s}
.category-grid-item,.wd-banner{position:relative;overflow:hidden}
.category-grid-item::after,.wd-banner::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(120deg,transparent 32%,rgba(255,236,200,.22) 50%,transparent 68%);
  transform:translateX(-130%);transition:transform 1s cubic-bezier(.2,.7,.2,1);
}
.category-grid-item:hover::after,.wd-banner:hover::after{transform:translateX(130%)}
.category-grid-item:hover img,.wd-banner:hover img{transform:scale(1.06)}

/* ---------- Footer: lienzo de constelación ---------- */
.anabella-constellation{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.footer-container,.wd-footer,footer.footer-container{position:relative}
.footer-container .container,.wd-footer .container{position:relative;z-index:1}

/* ---------- Detalles de marca ---------- */
.site-logo a,.header-logo a{font-family:'Cormorant Garamond',serif}
::selection{background:var(--anb-terra);color:#fff}
