.grow-on-hover {
  transition: transform 0.3s ease;
}

.grow-on-hover:hover {
  transform: scale(1.05);
}

.giggle-on-hover {
  transition: transform 0.2s ease;
}

.giggle-on-hover:hover {
  animation: giggle 0.3s ease-in-out 3;
}

@keyframes giggle {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(2deg); }
  50% { transform: rotate(-2deg); }
  75% { transform: rotate(2deg); }
  100% { transform: rotate(0deg); }
}

/* Change link color normally */
.wp-block-navigation a {
  color: #ffffff; /* default text color */
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Change color on hover */
.wp-block-navigation a:hover {
  color: #ffd700; /* hover color - gold example */
}

/* Change color for active (current) link */
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation .wp-block-navigation-item__content[aria-current="true"],
.wp-block-navigation .current-menu-item > a {
  color: #ffd700; /* same as hover color, or any you like */
}

/* Scope to your header only */
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--section-bg, #ffffff);
  text-decoration: none;
  transition: color .25s ease;
}

/* Hover & keyboard focus */
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content:hover,
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content:focus-visible {
  color: #ffd700 !important; /* gold hover */
}

/* Active (current) menu item */
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content[aria-current="true"],
header.custom-home-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
  color: #ffd700 !important;
}

/* Submenu items (if used) */
header.custom-home-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: #ffd700 !important;
}

/* Some block themes force a link color var—neutralize inside this header */
header.custom-home-header {
  --wp--style--color--link: inherit;
}

/* 1) Base: remove default underlines (optional) */
a { text-decoration: none; }

/* 2) Underline on hover + keyboard focus (most links) */
a:hover,
a:focus,
a:focus-visible,
a:active {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

/* 3) Navigation menu links */
.wp-block-navigation a:hover,
.wp-block-navigation a:focus,
.wp-block-navigation a:focus-visible {
  text-decoration: underline !important;
}

/* 4) “Selected” (current page) in menus */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a {
  text-decoration: underline !important;
}

/* 5) Post titles, site title links */
.wp-block-post-title a:hover,
.wp-block-post-title a:focus,
.wp-block-site-title a:hover,
.wp-block-site-title a:focus {
  text-decoration: underline !important;
}

/* 6) Buttons acting like links (optional—only if you want underlines on buttons) */
.wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-button__link:focus,
.wp-element-button:focus {
  text-decoration: underline !important;
}

/* ==== NAV COLORS: single source of truth (header only) ==== */

/* 0) Neutralize theme+block link var inside this header */
header.custom-home-header .wp-block-navigation {
  --wp--style--color--link: inherit !important;
}

/* 1) Base link color */
header.custom-home-header .wp-block-navigation a,
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content {
  color: #ffffff !important;
  text-decoration: none;
  transition: color .25s ease;
}

/* 2) Hover + keyboard focus */
header.custom-home-header .wp-block-navigation a:hover,
header.custom-home-header .wp-block-navigation a:focus,
header.custom-home-header .wp-block-navigation a:focus-visible,
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content:hover,
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content:focus-visible {
  color: #ffd700 !important; /* gold */
  text-decoration: underline; /* optional; matches your style */
  text-underline-offset: 2px;
}

/* 3) Active/current page */
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
header.custom-home-header .wp-block-navigation .wp-block-navigation-item__content[aria-current="true"],
header.custom-home-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
  color: #ffd700 !important;
  text-decoration: underline;
}

/* 4) Submenus */
header.custom-home-header .wp-block-navigation__submenu-container a:hover,
header.custom-home-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: #ffd700 !important;
}

/* Hidden by default */
.modal { position: fixed; inset: 0; display: none; }
.modal:target { display: flex; align-items: center; justify-content: center; z-index: 9999; }

/* Overlay */
.modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.5); display: block; }

/* Panel */
.modal__content {
  position: relative; z-index: 1; background: #fff; color: #111;
  padding: 1.25rem 1.5rem; border-radius: .5rem; max-width: 420px; width: 90%;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

/* Close link styling optional */
.modal__close { display: inline-block; margin-top: .75rem; }

/* iOS tap highlight (the flash when you tap) */
a, button, .wp-block-navigation a {
  -webkit-tap-highlight-color: transparent;
}