/* ThatsKrispy site-wide overrides (loaded after the theme + inline vars).
   1) Header nav readability: larger, bolder type; ink links on light headers;
      scrim + text-shadow where the header overlays the hero photo. */

:root {
  /* headings were low-contrast brown (#6b5d4f); ink + TK red accent instead */
  --primary-headings: #232323;
  --accent-headings: #232323;
  --navigation_font-size: 0.875rem;
  --navigation_font-size-large: 0.875rem;
  --navigation_font-size-small: 0.875rem;
  --navigation_font-size-preview-mobile: 0.875rem;
  --navigation_font-size-preview-tablet: 0.875rem;
  --navigation_font-weight: 700;
  --navigation_letter-spacing: 0.12em;
}

/* light (in-flow) headers: ink instead of pale taupe */
.theme-7-header .header-menu__item .nav-link,
.theme-7-header .header-menu__item a {
  color: #232323;
}
.theme-7-header .header-menu__item .nav-link:hover,
.theme-7-header .header-menu__item a:hover {
  color: #d92323;
}

/* overlay header (home): solid paper bar instead of white-on-photo —
   nav reads as ink and the dark logo sits on a light background.
   the .header-menu bar (125px) sits absolute over the hero; the theme paints
   its text white via an !important on .header-menu__primary, so match it. */
.header-menu__top-layer .header-menu {
  background: #f3f2ee;
  border-bottom: 1px solid #e6e0d4;
}
.header-menu__top-layer-text .header-menu__wrapper:not(.sticky-header) .header-menu__logo--text,
.header-menu__top-layer-text .header-menu__wrapper:not(.sticky-header) .header-menu__primary,
.header-menu__top-layer-text .header-menu__wrapper:not(.sticky-header) .header-menu__secondary,
.header-menu__top-layer-text .header-menu__item .nav-link,
.header-menu__top-layer-text .header-menu__item a {
  color: #232323 !important;
  text-shadow: none;
}
.header-menu__top-layer-text .header-menu__item .nav-link:hover,
.header-menu__top-layer-text .header-menu__item a:hover {
  color: #d92323 !important;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
/* hamburger + any header icons on the home header follow suit */
.header-menu__top-layer .ps-hamburger__link,
.header-menu__top-layer .ps-hamburger__link * {
  color: #232323 !important;
  stroke: #232323;
  fill: #232323;
}

/* clearer hover cue on light headers too */
.theme-7-header .header-menu__item .nav-link:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

/* dropdown: a touch more size + breathing room */
.dropdown-menu .header-menu__sub-item a,
.dropdown-menu .dropdown-item {
  font-size: 1rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* keep all 8 nav items on one line at 1200-1366px viewports */
.header-menu__nav .header-menu__item .nav-link {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}