/* Header-specific styles */
.menu :where(li > a):hover,
.menu :where(li > button):hover {
  background-color: transparent;
}

.header-drawer {
  background-image: url('../images/drawe-background.jpg');
  background-size: cover;
  background-position: center;
}

/* Drawer menu link borders */
.header-drawer .menu :where(li > a) {
  border-bottom: 3px solid var(--color-white);
  border-radius: 0px;
  padding: 3px 0px;
}

/* Language trigger button: enforce teal deep background and cream text */
.lang-trigger,
.lang-trigger:hover,
.lang-trigger:focus,
.lang-trigger:focus-visible {
  background-color: var(--color-teal-deep) !important;
  color: var(--color-cream) !important;
  border-color: var(--color-teal-deep) !important;
}

/* Menu trigger button: enforce teal deep background and cream text */
.menu-trigger,
.menu-trigger:hover,
.menu-trigger:focus,
.menu-trigger:focus-visible {
  background-color: var(--color-teal-deep) !important;
  color: var(--color-cream) !important;
  border-color: var(--color-teal-deep) !important;
}

/* Header navbar horizontal menu: remove left/right padding from child links/buttons */
.navbar .menu.menu-horizontal :where(li > a, li > button) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}