/* ==========================================================
   NANA STUDIO — R2.2 RUNTIME-CRITICAL OVERRIDES
   These rules intentionally use high specificity and !important so the
   approved tablet route and optional gift-note states cannot be reversed by
   theme styles loaded later in the WordPress stack.
   ========================================================== */

/* Route links are navigation items, never list items. */
html body .nana-studio-shop nav.nana-studio-shop__routes,
html body .nana-studio-shop nav.nana-studio-shop__routes > a {
  list-style: none !important;
  list-style-type: none !important;
}

html body .nana-studio-shop nav.nana-studio-shop__routes > a::marker {
  content: "" !important;
  font-size: 0 !important;
}

/* One horizontally scrollable discovery row on tablet. */
@media screen and (min-width: 701px) and (max-width: 980px) {
  html body .nana-studio-shop nav.nana-studio-shop__routes {
    width: calc(100vw - 28px) !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  html body .nana-studio-shop nav.nana-studio-shop__routes > a,
  html body .nana-studio-shop nav.nana-studio-shop__routes > a:not(:first-child),
  html body .nana-studio-shop nav.nana-studio-shop__routes > a:nth-child(n) {
    display: grid !important;
    flex: 0 0 230px !important;
    min-width: 230px !important;
    min-height: 108px !important;
    padding: 15px 17px !important;
    border: 1px solid var(--ns-line) !important;
    border-radius: 20px !important;
    background: var(--ns-white) !important;
    scroll-snap-align: start !important;
  }
}

/* Native hidden state must always win over inherited theme display rules. */
.nana-studio-pdp [hidden],
.nana-studio-pdp__cart .nana-gift-note-fields__note[hidden],
.nana-studio-pdp__cart .nana-gift-note-fields > p[hidden] {
  display: none !important;
}

.nana-studio-pdp__cart .nana-gift-note-fields:not(.is-open) .nana-gift-note-fields__note,
.nana-studio-pdp__cart .nana-gift-note-fields:not(.is-open) > p {
  display: none !important;
}

.nana-studio-pdp__cart .nana-gift-note-fields.is-open {
  padding: 0 15px 15px !important;
  background: var(--ns-soft) !important;
}

.nana-studio-pdp__cart .nana-gift-note-fields.is-open .nana-gift-note-fields__toggle {
  margin-inline: -15px;
  padding-inline: 15px;
  border-bottom: 1px solid var(--ns-line);
  background: var(--ns-white);
}

.nana-studio-pdp__cart .nana-gift-note-fields.is-open .nana-gift-note-fields__note:not([hidden]) {
  margin-top: 14px;
  display: grid !important;
  gap: 7px;
}

.nana-studio-pdp__cart .nana-gift-note-fields.is-open > p:not([hidden]) {
  margin: 10px 0 0;
  display: block !important;
}