/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.navbar .navbar-nav .dropdown .dropdown-menu {
padding: 0;
}

.header-icon {
  display: flex;
  align-items: center;
  gap: 3rem;
}

/* Solid red button – default */
.btn.btn-bs-danger {
  background: var(--bs-danger);
  color: var(--bs-white);
  border-color: var(--bs-danger);
}

/* Hover/active/focus/visible */
.btn.btn-bs-danger:hover,
.btn.btn-bs-danger:active,
.btn.btn-bs-danger:focus,
.btn.btn-bs-danger:focus-visible {
  background: var(--bs-danger);
  color: var(--bs-white);
  border-color: var(--bs-danger);
}

/* Outline variant */
.btn.btn-bs-danger-color {
  background: transparent;
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}
.btn.btn-bs-danger-color:hover,
.btn.btn-bs-danger-color:active,
.btn.btn-bs-danger-color:focus,
.btn.btn-bs-danger-color:focus-visible {
  background: var(--bs-danger);
  color: var(--bs-white);
}

/* Scope to header button area (optional but nice) */
.header-button .btn.btn-bs-danger {
  background: var(--bs-danger);
  border-color: var(--bs-danger);
  color: var(--bs-white);
}

/* Keep red when header sticks */
header.sticky.sticky-active .header-button .btn.btn-bs-danger,
header.sticky.sticky-active .header-button .btn.btn-bs-danger:hover,
header.sticky.sticky-active .header-button .btn.btn-bs-danger:active,
header.sticky.sticky-active .header-button .btn.btn-bs-danger:focus,
header.sticky.sticky-active .header-button .btn.btn-bs-danger:focus-visible {
  background: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
  color: var(--bs-white) !important;
}

/* Ensure inner content stays white in sticky state */
header.sticky.sticky-active .header-button .btn.btn-bs-danger span,
header.sticky.sticky-active .header-button .btn.btn-bs-danger i {
  color: inherit !important;
}

.find-us-label { white-space: nowrap; }
.header-button .btn .btn-double-text { white-space: nowrap; } /* keep "Order Online" on one line */


/* Mobile nav fixes for dropdown inside collapsed menu */
@media (max-width: 991.98px) {
  /* Make nav links full width & left aligned */
  .navbar .navbar-nav .nav-link {
    display: block;
    width: 100%;
    text-align: left;
  }

  /* Toggler row: text left, caret on the right */
  .navbar .navbar-nav .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Submenu should be stacked under parent, not absolute */
  .navbar .navbar-nav .dropdown-menu {
    position: static !important;
    float: none;
    transform: none !important;
    display: none;             /* hidden until shown by Bootstrap */
    box-shadow: none;
    border: 0;
    background: transparent;
    padding: .25rem 0 .5rem;
    margin: .25rem 0 0;
  }
  .navbar .navbar-nav .show > .dropdown-menu { display: block; }

  /* Indent submenu items a touch */
  .navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding-left: 1.25rem;
  }

  /* Optional: keep the “dot/chevron” from pushing text around */
  .navbar .navbar-nav .dropdown-toggle::after {
    margin-left: .5rem;
  }
}