body:not(:has([data-sticky-header="0"]), .content-offset--off)
  main:not(.panel-content)
  > *:first-child
  > *:first-child:not(.bricks-shape-divider) {
  margin-block-start: var(--header-height);
}

button.clickable-parent,
a.clickable-parent {
  position: static !important;
}

.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}


/* ============================
   Sticky Header Styles (Class-based)
============================ */

/* Smooth transition for logo, links, icons, CTA */
.header-logo,
.header-logo path,
.project-link,
.project-icon,
.project-icon path,
.primary-cta {
  transition: all 0.3s ease;
}

/* Logo fill to gold-tone (#A47B58) when sticky */
.brx-sticky.scrolling .header-logo path {
  fill: #A47B58 !important;
}

/* “Projects” link text color */
.brx-sticky.scrolling .project-link {
  color: #A47B58 !important;
}

.brx-sticky.scrolling .primary-cta:hover {
  color: white !important;
}

/* Project icon stroke color */
.brx-sticky.scrolling .project-icon path {
  stroke: #A47B58 !important;
}

/* CTA text + border */
.brx-sticky.scrolling .primary-cta {
  color: #A47B58 !important;
  border-color: #A47B58 !important;
}

/* Burger icon bars */
.brx-sticky.scrolling .brxe-xburgertrigger .x-hamburger-inner,
.brx-sticky.scrolling .brxe-xburgertrigger .x-hamburger-inner::before,
.brx-sticky.scrolling .brxe-xburgertrigger .x-hamburger-inner::after {
  background-color: #A47B58 !important;
}

/* Optional: border or pseudo-elements under “Projects” area */
.brx-sticky.scrolling .project-link-wrapper {
  border-color: #A47B58;
}
.brx-sticky.scrolling .project-link-wrapper::after {
  background-color: #A47B58;
}

/* Dropdown trigger text color */
.brx-sticky.scrolling .header-drop-down {
  color: #A47B58!important;
}


.brx-sticky.scrolling .header-2-drop-down {
  color: #A47B58;
}


/* ============================
   End Sticky Header Styles
============================ */




#brx-header .brx-submenu-toggle button {
  display: none !important;
}



/* Added by Uditha */
/* toned-down luxe hover for project link + nav items */
:root{
  --brand:#A47B58;  /* gold */
  --ink:#0e2938;    /* hover/active text */
  --underline-h:2px;
  --underline-gap:-3px; /* sits close to text */
}

/* base */
.project-link,
.bricks-nav-menu li a{
  position:relative;
  display:inline-block;
  padding:8px 12px;
  border-radius:6px;
  color:inherit;
  transition:
    color .28s ease,
    transform .28s ease,
    text-shadow .28s ease;
  will-change:transform;
}



/* hover: small lift + color shift + full underline */
.project-link:hover::after,
.bricks-nav-menu li a:hover::after{
  width:100%;
}

/* current page */
.bricks-nav-menu li.current-menu-item > a,
.bricks-nav-menu li a[aria-current="page"]{
  color:var(--ink);
  font-weight:600;
}
.bricks-nav-menu li.current-menu-item > a::after,
.bricks-nav-menu li a[aria-current="page"]::after{
  width:100%;
}

/* focus (keyboard) */
.project-link:focus-visible,
.bricks-nav-menu li a:focus-visible{
  outline:2px solid color-mix(in srgb, var(--brand) 75%, white);
  outline-offset:2px;
}

/* motion safety */
@media (prefers-reduced-motion: reduce){
  .project-link,
  .bricks-nav-menu li a{
    transition:color .2s ease;
    transform:none !important;
    text-shadow:none !important;
  }
  .project-link::after,
  .bricks-nav-menu li a::after{
    transition:width .2s ease;
  }
}