/* v6n23d — follow-up fixes from the Nov 11 2026 re-audit of v6n23c.
   Scope: header tagline, department jump (sticky top and compact stuck state),
   women's bridal buttons vs the Call bar, Urdu LTR isolates, jewelry captions.
   Loaded last. Does not change copy, the hero video, or the phone
   Services peek (piercing photo) from v6n23b.
   Undo: remove the <link> and the jump-stick script, or git revert. */

/* 1. Jewelry (and any non-p-dept jump) must stick below the real header.
   .p-dept .jump already uses --hdr-real; jewelry is body.p-jewelry only. */
:is(.p-dept, .p-jewelry) .jump{
  top: var(--hdr-real, var(--hdr, 90px));
}

/* 2. Phone: once the jump is stuck, collapse to one scrolling row
   so six chips don't cover a third of the screen. At rest the 2-col
   wrap stays, so every name is still visible without a swipe. */
@media (max-width: 599px){
  :is(.p-dept, .p-jewelry) .jump.is-stuck{
    padding-block: 0;
  }
  :is(.p-dept, .p-jewelry) .jump.is-stuck ul{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
    padding-block: 6px;
    padding-inline: 16px;
    scroll-padding-inline: 16px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  :is(.p-dept, .p-jewelry) .jump.is-stuck li{
    flex: 0 0 auto;
    max-width: none;
  }
  :is(.p-dept, .p-jewelry) .jump.is-stuck a{
    white-space: nowrap;
    width: auto;
    min-height: 40px;
    padding: 6px 12px;
    font-size: 13px;
    text-align: center;
  }
}

/* 3. Women's phone: shrink the hero a little so Call / WhatsApp bridal
   buttons sit above the dock on first paint (they were landing under it
   after the jump moved above the bridal note). */
@media (max-width: 599px){
  .p-dept.p-d-women .ih-media{
    min-height: 16svh;
  }
  .p-dept.p-d-women .ihero .wrap.ih-txt{
    padding: 12px 0 8px;
  }
  .p-dept.p-d-women main > .light:has(.bridal-note){
    padding-bottom: max(28px, var(--v6-dock-clear, 134px));
  }
}

/* 4. Bridal buttons: room for a two-line label, text not tight to the edge. */
.bridal-note .row-btns a,
.bridal-note .btn{
  min-height: 48px;
  height: auto;
  padding-block: 6px;
  line-height: 1.25;
  text-wrap: balance;
  white-space: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 5. Urdu / RTL: phone numbers, Instagram, WhatsApp, street address and
   the English ByShah credit must stay left-to-right so digits and @
   don't flip. */
html:lang(ur) a[href*="instagram.com"],
html[dir="rtl"] a[href*="instagram.com"],
html:lang(ur) address.lockup,
html[dir="rtl"] address.lockup,
html:lang(ur) address.lockup span,
html:lang(ur) .bsi-credit,
html[dir="rtl"] .bsi-credit,
html:lang(ur) .street-sign,
html[dir="rtl"] .street-sign,
html:lang(ur) .ltr-en,
html:lang(ur) .ltr-addr,
html[dir="rtl"] .ltr-addr{
  direction: ltr;
  unicode-bidi: isolate;
}

html:lang(ur) .bsi-credit,
html[dir="rtl"] .bsi-credit{
  display: inline-block;
  text-align: start;
}

/* Review link: keep the arrow pointing forward in RTL (to the left). */
html[dir="rtl"] .leave-review a,
html:lang(ur) .leave-review a{
  unicode-bidi: isolate;
}

/* 6. Header tagline: keep "Est. 2008 · Jamaica, Queens" (and the
   BN/HI/UR equivalents) on one line. The place name is also nowrap
   so "Queens" cannot sit alone if a line ever has to wrap. */
.brand span{
  white-space: nowrap;
}
.brand .place{
  white-space: nowrap;
}

/* 7. Jewelry captions: figure overflow was clipping the first letter. */
:is(.p-dept, .p-jewelry) figure figcaption,
.p-jewelry figcaption{
  padding-inline: 8px;
}

@media (max-width: 599px){
  .p-dept.p-d-women .bridal-note{
    padding-top: 12px;
    margin-top: 0;
  }
  .p-dept.p-d-women .bridal-note p{
    margin-bottom: 8px;
  }
  .p-dept.p-d-women .ihero{
    padding-bottom: 8px;
  }
}

/* Keep the ByShah credit and the “want a site?” button on their own lines in RTL. */
html:lang(ur) .bsi-footer,
html[dir="rtl"] .bsi-footer{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
html:lang(ur) .bsi-credit,
html[dir="rtl"] .bsi-credit{
  display: block;
}

/* 8. Fabric "What we carry" intro was flush with the card edges
   while the heading was inset 16px. */
#in-store .fabric-plus-intro{
  padding-inline: 16px;
}