header.is-sticky {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}
/* Hide the block site title when a logo is used */
.wp-site-blocks .wp-block-site-title { display: none !important; }

/* Flex container for logo + nav (reads variables from PHP) */
.tf-header-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  width:100%;
  max-width:var(--tf-container-max, 1200px);
  min-width:var(--tf-container-min, 300px);
  margin-inline:auto;
  padding-bottom:20px;
}

/* Logo sizing (reads --tf-logo-max) */
header .wp-block-site-logo img,
header .wp-block-site-logo__image img,
header .wp-site-logo,
header img{
  max-width:var(--tf-logo-max, 150px) !important;
  height:auto !important;
  display:block !important;
  margin-left:10px;
}

/* Keep logo + nav in-line without weird shifts */
header .wp-block-site-logo,
header .wp-block-navigation{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin-right:10px;
}

/* Optional trim for the group above header */
.wp-block-group.alignwide.is-layout-flex{
  padding-top:20px !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* ============================
   NAVIGATION LINK STYLES
============================ */

/* Base nav links */
.wp-block-navigation > ul > .wp-block-navigation-item > a {
  color: var(--tf-nav-color, #000) !important;
  transition: 
    color 0.3s ease,
    outline-color 0.3s ease,
    outline-offset 0.3s ease;
  text-decoration: none;
}

/* Nav link hover */
.wp-block-navigation > ul > .wp-block-navigation-item > a:hover {
  color: var(--tf-nav-hover, #000) !important;
}

/* Nav link focus */
.wp-block-navigation > ul > .wp-block-navigation-item > a:focus {
  outline: 2px solid var(--tf-nav-focus, #333);
  outline-offset: 2px;
}

/* Current menu item */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a,
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] {
  color: var(--tf-nav-current, #000) !important;
}

/* ============================
   SUBMENU STYLES
============================ */

/* Submenu container */
.wp-block-navigation__submenu-container {
  background-color: var(--tf-submenu-bg, #fff);
  border-radius: 4px;
  padding: 30px;
  transition: background-color 0.3s ease;
}

/* Fallback for no `.has-background` class */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: var(--tf-submenu-bg, #fefefe);
}

/* Submenu links */
.wp-block-navigation__submenu-container a {
  color: var(--tf-submenu-color, #000) !important;
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Submenu link hover */
.wp-block-navigation__submenu-container a:hover {
  color: var(--tf-submenu-hover-color, #fff) !important;
}

/* Prevent block background override */
.has-base-background-color {
  background-color: transparent !important;
}