/*
Theme Name:   JOEF Child
Theme URI:    https://xhantolo.com
Description:  Tema hijo de Astra para la tienda JOEF (calzado industrial y táctico, B2C + B2B). Aplica el Design System JOEF; funciona junto con el plugin JOEF Core y es 100% editable con Elementor.
Author:       Xhantolo Real Marketing
Template:     astra
Version: 1.6.0
Text Domain:  joef-child
License:      GPL-2.0-or-later
*/

/* ==========================================================================
   Base JOEF sobre Astra. Los tokens (--joef-*) y los componentes (.joef-*)
   viven en el plugin JOEF Core. Aquí solo va lo específico del tema.
   ========================================================================== */

body.joef-site{
  font-family:var(--joef-font-ui,"Inter",system-ui,sans-serif);
  color:var(--joef-ink,#24343A);
  background:var(--joef-bg,#fff);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
:where(.joef-site) :where(h1,h2,h3,h4,h5,h6,.entry-title,.woocommerce-loop-product__title){
  font-family:var(--joef-font-display,"Montserrat",system-ui,sans-serif);
  color:var(--joef-teal,#1D555A);
  letter-spacing:-.01em;
}
:where(.joef-site) :where(h1,h2,.entry-title){font-weight:800}
:where(.joef-site) :where(a){color:var(--joef-petroleo,#00565D)}
:where(.joef-site) :where(a):hover{color:var(--joef-teal,#1D555A)}

/* Foco visible en todo el sitio (WCAG 2.2) */
.joef-site :where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--joef-petroleo,#00565D);outline-offset:2px
}

/* Páginas hechas con Elementor: sin título automático ni márgenes de Astra */
.joef-site.elementor-page .entry-header,
.joef-site.elementor-page .ast-archive-description{display:none}
.joef-site.elementor-page #primary,
.joef-site.elementor-page .site-content > .ast-container{padding:0;margin:0;max-width:none}
.joef-site.elementor-page .entry-content{margin:0}
.joef-site .site-content{background:transparent}

/* Enlace "saltar al contenido" */
.joef-skip{position:absolute;left:-9999px;top:8px;z-index:9999;background:#fff;color:var(--joef-petroleo);padding:12px 18px;border-radius:10px;font-weight:700}
.joef-skip:focus{left:8px}

/* Imágenes fluidas por defecto */
:where(.joef-site) :where(img){max-width:100%;height:auto}

@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}