/* Manual corporativo KLEBALL, pp. 2–4. Tokens compartidos con el editor.
 * El cliente confirma texto blanco sobre naranja y antetítulos naranjas,
 * aun con contraste inferior a WCAG AA; no oscurecer el naranja de marca.
 * !important solo en tokens heredados de la paleta inline de Kadence. */
:root, .editor-styles-wrapper {
  --kb-brand: #ff6b35;
  --kb-brand-dark: #000000;
  --kb-button: #ff6b35;
  --kb-button-hover: #ff6b35;
  --kb-button-hover-background: #333333;
  --kb-button-hover-text: #ffffff;
  --kb-ink: #333333;
  --kb-muted: #333333;
  --kb-canvas: #f4f4f4;
  --kb-surface: #ffffff;
  --kb-lime: #a8d13b;
  --kb-focus: #000000;
  --global-palette1: #ff6b35 !important;
  --global-palette2: #000000 !important;
  --global-palette3: #333333 !important;
  --global-palette4: #333333 !important;
  --global-palette5: #333333 !important;
  --global-palette6: #333333 !important;
  --global-palette7: #f4f4f4 !important;
  --global-palette8: #f4f4f4 !important;
  --global-palette9: #ffffff !important;
  --global-palette-highlight: #ff6b35 !important;
  --global-palette-highlight-alt: #000000 !important;
  --global-palette-highlight-alt2: #ffffff !important;
}

body, .entry-content, .editor-styles-wrapper { color: var(--kb-ink); }
/* El H1 obtiene el color del contexto global; los títulos secundarios son tinta. */
.entry-content :is(h2, h3, h4) { color: var(--kb-ink); }

#masthead,
.popup-drawer .drawer-inner,
.home .kb-home-intro,
.home .kb-home-spain,
.kb-footer-main,
.kb-what-page .kb-what__cta {
  --kb-button-hover-background: #f4f4f4;
  --kb-button-hover-text: #000000;
}

/* Unificar CTA de Gutenberg, directorio y buscadores sin alterar geometría. */
:is(body, .editor-styles-wrapper) :is(
  .wp-block-button:not(.is-style-kleball-outline):not(.is-style-outline) .wp-block-button__link,
  .kb-search-form button, .kb-directory-filters button,
  .kb-facility-request button[type="submit"], .kb-search-page-form button,
  .kb-home-directory-search button, .kb-contact-form button, .kb-primary-link,
  .kb-directory-filter-actions button, .kb-directory-cta button,
  .kb-directory-request-panel > summary, .kb-action-button
) {
  background: var(--kb-button);
  border-color: var(--kb-button);
  color: #ffffff;
}
:is(body, .editor-styles-wrapper) :is(
  .wp-block-button:not(.is-style-kleball-outline):not(.is-style-outline) .wp-block-button__link,
  .kb-search-form button, .kb-directory-filters button,
  .kb-facility-request button[type="submit"], .kb-search-page-form button,
  .kb-home-directory-search button, .kb-contact-form button, .kb-primary-link,
  .kb-directory-filter-actions button, .kb-directory-cta button,
  .kb-directory-request-panel > summary, .kb-action-button
):is(:hover, :focus-visible) {
  background: var(--kb-button-hover-background);
  border-color: var(--kb-button-hover-background);
  color: var(--kb-button-hover-text);
  text-decoration: none;
}

#masthead .header-navigation .kb-menu-cta > a,
.popup-drawer .drawer-inner .kb-menu-cta > a {
  background: var(--kb-button);
  color: #ffffff;
}
#masthead .header-navigation .kb-menu-cta > a:is(:hover, :focus-visible),
.popup-drawer .drawer-inner .kb-menu-cta > a:is(:hover, :focus-visible) {
  background: var(--kb-button-hover-background);
  border-color: var(--kb-button-hover-background);
  color: var(--kb-button-hover-text);
  text-decoration: none;
}

/* Hover de enlaces: solo color; conservar subrayados editoriales en reposo.
 * La excepción !important elimina el subrayado de reglas heredadas/inline,
 * pero no modifica el foco de teclado ni los estados no interactivos. */
body a:hover, .editor-styles-wrapper a:hover {
  text-decoration: none !important;
}
.entry-content { --kb-link-hover: #333333; }
.entry-content :is(.kb-home-intro, .kb-home-spain, .kb-home-citable, .kb-home-card--dark) {
  --kb-link-hover: #a8d13b;
}
body .entry-content a:not(.wp-block-button__link):not(.wp-element-button):not(.kb-home-city):not(.kb-primary-link):hover {
  color: var(--kb-link-hover, #333333);
}
.entry-content :is(h2, h3, h4) { --kb-link-hover: #000000; }
.entry-content .kb-home-card--dark :is(h2, h3, h4) { --kb-link-hover: #a8d13b; }
.home .kb-home-city:hover span { color: #a8d13b; -webkit-text-stroke: 0; }
#masthead .header-navigation .current-menu-item:not(.kb-menu-cta) > a:hover { color: #ffffff; }
.popup-drawer .mobile-navigation li:not(.kb-menu-cta) > a:hover { color: #ff6b35; }
#masthead .header-navigation[class*="header-navigation-style-underline"] .primary-menu-container > ul > li > a:hover::after {
  display: none;
}

/* Anillo bicolor visible tanto sobre negro como sobre blanco/naranja. */
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #ffffff;
}

/* Variante contextual: el hover oscuro se conserva sobre superficies claras.
 * Sobre negro, el gris claro separa el botón del fondo y el texto negro mantiene
 * contraste suficiente. Se replica en focus-visible para teclado. */
.kb-what-page .kb-what__cta :is(.kb-action-button, .kb-what__button, .wp-block-button__link, .wp-element-button, button):is(:hover, :focus-visible) {
  background: var(--kb-button-hover-background);
  border-color: var(--kb-button-hover-background);
  color: var(--kb-button-hover-text);
  text-decoration: none;
}