/* Custom Navigation Styles */

/* Fixed header with padding compensation */
header.fixed {
  transition: box-shadow 0.3s ease;
}

/* Adjust header position when logged in to account for WP admin bar */
body.logged-in header.fixed {
  top: 46px; /* Mobile admin bar height */
}

@media (min-width: 783px) {
  body.logged-in header.fixed {
    top: 32px; /* Desktop admin bar height */
  }
}

body.scrolled header.fixed {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Add padding to body to account for fixed header - approximately 82px height */
.site {
  padding-top: 82px;
}

@media (min-width: 640px) {
  .site {
    padding-top: 89px;
  }
}

@media (min-width: 1024px) {
  .site {
    padding-top: 116px;
  }
}

/* Logged in user adjustments for WP admin bar */
/* Admin bar: 46px on mobile (< 783px), 32px on desktop (>= 783px) */
body.logged-in .site {
  padding-top: calc(82px + 46px); /* 128px - mobile admin bar */
}

@media (min-width: 640px) {
  body.logged-in .site {
    padding-top: calc(89px + 46px); /* 135px - still mobile admin bar */
  }
}

@media (min-width: 783px) {
  body.logged-in .site {
    padding-top: calc(89px + 32px); /* 121px - desktop admin bar */
  }
}

@media (min-width: 1024px) {
  body.logged-in .site {
    padding-top: calc(116px + 32px); /* 148px - desktop admin bar */
  }
}

/* Main navigation menu items */
.menu-menu_superior-container ul.menu > li > a,
nav ul.menu > li > a {
  @apply bg-palette-golden text-gray-900 px-4 py-2 rounded-full font-medium hover:bg-opacity-90 transition-all duration-200;
}

/* Active/Current menu item */
.menu-menu_superior-container ul.menu > li.current-menu-item > a,
.menu-menu_superior-container ul.menu > li.current_page_item > a,
nav ul.menu > li.current-menu-item > a,
nav ul.menu > li.current_page_item > a {
  @apply bg-palette-golden brightness-110;
}

/* Mobile menu styles */
.offcanvas-menu ul.menu > li > a {
  @apply bg-transparent text-gray-900 hover:bg-palette-golden hover:text-gray-900 px-4 py-2 rounded-full transition-all duration-200;
}

/* CTA Button styles */
.btn-primary,
.wp-block-button__link {
  @apply bg-palette-coral text-white font-bold px-8 py-4 rounded-full hover:bg-opacity-90 transition-all duration-300 inline-block no-underline;
}

/* Secondary buttons */
.btn-secondary {
  @apply bg-palette-sage text-gray-900 font-bold px-8 py-4 rounded-full hover:bg-opacity-90 transition-all duration-300 inline-block no-underline;
}

/* Ghost buttons */
.btn-ghost {
  @apply border-2 border-palette-golden text-gray-900 font-bold px-8 py-4 rounded-full hover:bg-palette-golden transition-all duration-300 inline-block no-underline;
}