/* Takeoffs mobile hamburger nav (320px–600px) */

@media (max-width: 600px) {
  .takeoffs-desktop-nav {
    display: none !important;
  }

  .takeoffs-mobile-nav-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid var(--talos-border);
    color: #1a1a1a;
    background: transparent;
  }
}

/* Default: hide hamburger and show desktop nav (>= 601px) */
.takeoffs-mobile-nav-toggle {
  display: none;
}

/* Mobile panel */
.takeoffs-mobile-nav-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #F9F9F9;
  border-bottom: 1px solid var(--talos-border);
  padding: 0.75rem 1.5rem;
  z-index: 10000;
}

@media (max-width: 600px) {
  .takeoffs-mobile-nav-panel.is-open {
    display: block;
  }


  .takeoffs-mobile-nav-panel a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    font-size: 14px;
    color: #1a1a1a;
    text-decoration: none;
    text-transform: none;
  }

.takeoffs-mobile-nav-panel a span {
    opacity: 0.8;
  }

  .takeoffs-mobile-nav-a-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--talos-border);
    background: var(--talos-maroon);
    color: var(--talos-bg);
    border-radius: 10px;
    text-align: left;
  }

  .takeoffs-mobile-nav-a-cta span {
    opacity: 1;
  }

}