/**
 * Atelier — T32 FAQ.
 * Source: design/store-theme/01-atelier-fashion/pages/T32 FAQ.dc.html
 */
.atl-faq { max-width: 860px; margin: 0 auto; padding: 44px 24px 0; }
.atl-faq-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.12; margin: 0; font-size: 36px; text-wrap: balance; text-align: center; }

.atl-faq-search { display: flex; margin: 22px auto 0; max-width: 520px; }
.atl-faq-search input { flex: 1; border-right: none; }

.atl-faq-group { margin-top: 36px; }
.atl-faq-group-label { font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--atl-accent-2); margin-bottom: 12px; }
.atl-faq-panel { background: var(--atl-surface); border: 1px solid var(--atl-border); }
.atl-faq-item { border-bottom: 1px solid var(--atl-border); padding: 18px 24px; }
.atl-faq-item:last-child { border-bottom: none; }
.atl-faq-q { display: flex; justify-content: space-between; gap: 14px; font-size: 15px; font-weight: 600; cursor: pointer; background: none; border: none; width: 100%; text-align: left; font-family: inherit; color: inherit; padding: 0; }
.atl-faq-q-icon { color: var(--atl-text-subtle); }
.atl-faq-a { font-size: 14px; line-height: 1.7; color: var(--atl-text-muted); margin: 12px 0 0; max-width: 66ch; }

.atl-faq-cta { background: var(--atl-surface); border: 1px solid var(--atl-border); margin-top: 36px; padding: 22px 28px; display: flex; align-items: center; gap: 16px; }
.atl-faq-cta-icon { font-size: 22px; }
.atl-faq-cta-text { font-size: 14px; color: var(--atl-text-muted); }
.atl-faq-cta .atl-btn { margin-left: auto; padding: 11px 22px; font-size: 13px; }

@media (max-width: 767px) {
  .atl-faq { padding: 32px 20px 0; }
  .atl-faq-title { font-size: 26px; }
  .atl-faq-cta { flex-wrap: wrap; }
  .atl-faq-cta .atl-btn { margin-left: 0; }
}

/* IV (ivory sweep): an FAQ item with no published answer is no longer an
   interactive button — it was a dead control that expanded to nothing on all
   six questions. It now reads as plain text with an explicit pending note, so
   the shopper is told the answer is unpublished instead of being invited to
   click and handed silence. Inherits .atl-faq-q's box so the rhythm is
   unchanged; only the affordance (cursor, hover) is removed. */
.atl-faq-q--unanswered { cursor: default; }
.atl-faq-q--unanswered:hover { background: none; }
.atl-faq-a--pending { color: var(--atl-text-subtle); font-style: italic; }