/* ============================================================================
   JAKOMI · Overrides del TEMA de bloques (Twenty Twenty-Five)
   Cubre header / navegación / footer (lo que el skin de tokens y WooCommerce
   no alcanzan). Botones, cards, precios, inputs, carrito y checkout los cubre
   el resto del sistema. Usa solo tokens --jk-*.
   ============================================================================ */

/* ---- Título del sitio (header) en tipografía y color de marca ---- */
header.wp-block-template-part .wp-block-site-title a {
  font-family: var(--jk-font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--jk-cacao);
  text-decoration: none;
}

/* ---- Navegación: charcoal nítido + subrayado animado desde el centro ---- */
header.wp-block-template-part .wp-block-navigation a,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__label {
  color: var(--jk-text);
  font-weight: 600;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  height: 2px;
  width: 0;
  border-radius: 2px;
  background: var(--jk-pop);
  transform: translateX(-50%);
  transition: width 280ms cubic-bezier(.22, 1, .36, 1);
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:hover::after,
header.wp-block-template-part .wp-block-navigation .current-menu-item .wp-block-navigation-item__content::after {
  width: 100%;
}
header.wp-block-template-part .wp-block-navigation a:hover {
  color: var(--jk-primary);
}

/* ---- Ícono de cuenta (WooCommerce Customer Account) ---- */
header.wp-block-template-part .wp-block-woocommerce-customer-account,
header.wp-block-template-part .wp-block-woocommerce-customer-account a,
header.wp-block-template-part .wp-block-woocommerce-customer-account svg {
  color: var(--jk-text);
  fill: currentColor;
}

/* ---- Footer de marca ---- */
footer.wp-block-template-part .wp-block-site-title a,
footer.wp-block-template-part h2,
footer.wp-block-template-part h3 {
  font-family: var(--jk-font-display);
  color: var(--jk-cacao);
}
footer.wp-block-template-part a { color: var(--jk-text-muted); }
footer.wp-block-template-part a:hover { color: var(--jk-primary); }

/* ---- Foco visible de marca en enlaces de navegación ---- */
header.wp-block-template-part a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--jk-ring);
  border-radius: var(--jk-r-sm);
}

/* ---- Ocultar crédito del tema/WordPress en el footer ---- */
footer.wp-block-template-part .wp-block-group:has(a[href*="wordpress.org"]) { display: none !important; }

/* ---- Ocultar el título de la página de inicio ("Inicio") ---- */
.home .wp-block-post-title, body.page-id-11 .wp-block-post-title { display: none !important; }

/* ---- Torneos (plugin jakomi-torneos) a identidad de marca ---- */
.jak-torneo-box, .jak-card { background: var(--jk-surface); border: 1px solid var(--jk-border);
  border-radius: var(--jk-r-xl); box-shadow: var(--jk-shadow-md); }
.jak-card { padding: 22px; transition: transform .3s var(--jk-ease-out-quint), box-shadow .3s var(--jk-ease-out-quint); }
.jak-card:hover { transform: translateY(-3px); box-shadow: var(--jk-shadow-lg); }
.jak-card-game { font-family: var(--jk-font-ui); font-weight: 600; text-transform: uppercase;
  letter-spacing: .08em; font-size: 12px; color: var(--jk-pop); }
.jak-card-title { font-family: var(--jk-font-display); font-weight: 600; color: var(--jk-cacao); letter-spacing: -.01em; }
.jak-card-meta { color: var(--jk-text-muted); font-size: 14px; }
.jak-btn { background: var(--jk-primary) !important; color: var(--jk-on-primary) !important; border: 0 !important;
  border-radius: var(--jk-r-full) !important; font-family: var(--jk-font-ui); font-weight: 600; padding: 12px 24px !important;
  box-shadow: var(--jk-shadow-sm); text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
  transition: transform .2s var(--jk-ease-out-quint), box-shadow .2s var(--jk-ease-out-quint); }
.jak-btn:hover { transform: translateY(-2px); box-shadow: var(--jk-shadow-md); }
.jak-form input, .jak-form textarea, .jak-form select { border: 1.5px solid var(--jk-border) !important;
  border-radius: var(--jk-r-md) !important; background: var(--jk-surface) !important; padding: 10px 14px !important; }
.jak-form input:focus, .jak-form textarea:focus { border-color: var(--jk-primary) !important; box-shadow: var(--jk-ring-shadow) !important; outline: none; }
.jak-lista li { border-bottom: 1px solid var(--jk-border); }
.jak-aviso { background: rgba(233,176,169,.18); border: 1px solid var(--jk-accent); border-radius: var(--jk-r-md); color: var(--jk-cacao); }
.jak-exito { background: rgba(156,174,132,.18); border: 1px solid var(--jk-matcha, #9CAE84); border-radius: var(--jk-r-md); }