/* Candy Cockers — top-level mobile menu.
   Panel + backdrop are direct children of <body>, so no ancestor's stacking
   context can trap them. */

/* Hide the theme's dead mobile menu so it can't peek through */
@media (max-width: 921px) {
  #ast-mobile-header .ast-mobile-header-content { display: none !important; }
}

/* Backdrop + panel are hidden by default */
.cc-mm-backdrop,
.cc-mm-panel {
  display: none;
}

/* Show the hamburger's "close" hint while open */
body.cc-mm-open .menu-toggle.main-header-menu-toggle .ast-menu-svg { display: none; }
body.cc-mm-open .menu-toggle.main-header-menu-toggle::after {
  content: "\00d7";
  font-size: 2rem; line-height: 1; color: #fff; font-weight: 300;
}

.menu-toggle.main-header-menu-toggle {
  cursor: pointer;
  position: relative;
  z-index: 2147483647; /* top of the topmost stacking context */
}

@media (max-width: 921px) {
  body.cc-mm-open { overflow: hidden; }

  body.cc-mm-open .cc-mm-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.42);
    z-index: 2147483645;
  }

  body.cc-mm-open .cc-mm-panel {
    display: block;
    position: fixed;
    top: var(--cc-mobile-top, 60px);
    left: 0; right: 0;
    max-height: calc(100dvh - var(--cc-mobile-top, 60px));
    background: #fff;
    padding: 6px 0;
    box-shadow: 0 12px 28px rgba(20, 15, 10, 0.18);
    border-top: 1px solid rgba(20, 15, 10, 0.08);
    z-index: 2147483646;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .cc-mm-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .cc-mm-panel li {
    border-bottom: 1px solid rgba(20, 15, 10, 0.06);
  }
  .cc-mm-panel li:last-child { border-bottom: 0; }

  .cc-mm-panel a {
    display: block;
    padding: 16px 24px;
    color: #2b1f1a;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(232, 118, 59, 0.15);
    transition: background 0.12s, color 0.12s;
  }
  .cc-mm-panel a:hover,
  .cc-mm-panel a:focus,
  .cc-mm-panel a:active {
    background: #fdf7f3;
    color: #e8763b;
    outline: 0;
  }
  .cc-mm-panel a[aria-current="page"] {
    color: #e8763b;
    background: #fef1e6;
  }
}
