/* Klickpfad Brand UI Overrides
 * Source of truth for link colors, menu states and scroll-to-top styling.
 */

:root {
  --kp-brand-ink: #111111;
  --kp-brand-yellow: #f7cb46;
}

/* No blue links, no underlines on standard anchors */
a,
a:visited,
a:hover,
a:focus {
  color: inherit !important;
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  box-shadow: none !important;
}

/* Keep menus and header links visually consistent across Astra and Klickpfad headers */
.ast-primary-header-bar,
#ast-desktop-header,
#ast-mobile-header {
  display: none !important;
}

.kp-menu a,
.kp-drawer-list a,
.kp-mega-item,
.kp-gf-col ul a,
.kp-gf-contact a,
.kp-gf-legal a,
.kp-related-slide-title,
.kp-toc-item a,
.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .menu-item > .ast-menu-toggle,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
  text-decoration: none !important;
}

.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .menu-item > .ast-menu-toggle,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
  color: var(--kp-brand-ink) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.ast-primary-header-bar .main-header-menu > .menu-item:hover > .menu-link,
.ast-primary-header-bar .main-header-menu > .menu-item:hover > .ast-menu-toggle,
.ast-primary-header-bar .main-header-menu > .menu-item.current-menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link {
  background: var(--kp-brand-ink) !important;
  color: #ffffff !important;
  border-color: var(--kp-brand-ink) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.ast-primary-header-bar .main-header-menu > .menu-item.current-menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link {
  border-bottom: 0 !important;
}

/* Scroll-to-top: always yellow with black icon */
#ast-scroll-top {
  background: var(--kp-brand-yellow) !important;
  color: var(--kp-brand-ink) !important;
  border: 3px solid var(--kp-brand-ink) !important;
  box-shadow: 5px 5px 0 var(--kp-brand-ink) !important;
}

#ast-scroll-top svg,
#ast-scroll-top i,
#ast-scroll-top span,
#ast-scroll-top path {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#ast-scroll-top:hover,
#ast-scroll-top:focus {
  background: var(--kp-brand-yellow) !important;
  color: var(--kp-brand-ink) !important;
  box-shadow: 7px 7px 0 var(--kp-brand-ink) !important;
}

/* Footer links should inherit the local color, never the Astra blue */
.kp-gf-col ul a:hover,
.kp-gf-contact a:hover,
.kp-gf-legal a:hover {
  color: inherit !important;
}

/* Hide stray WordPress post navigation on Klickpfad pages */
.post-navigation,
.single .post-navigation,
nav.post-navigation,
nav.navigation.post-navigation {
  display: none !important;
}