/* Coinsnap Wallet FAQ page (template-pos-faq.php). Uses Get Started layout elements. */

/* hero: phone screenshot with balance chips, as on the Wallet page */
.wallet-faq-page .gs-faq-hero__art { position: relative; width: min(100%, 300px); justify-self: center; margin: 0 40px; }
.wallet-faq-page .gs-faq-hero__art .gs-shot__frame { box-shadow: 0 2px 0 1px #2a3152 inset, 0 38px 90px -40px rgba(0, 0, 0, .72); }
.wallet-faq-page .gs-faq-hero__art .chip { position: absolute; z-index: 1; }
.wallet-faq-page .gs-faq-hero__art .chip:nth-child(2) { left: -64px; top: 7%; transform: rotate(-3deg); }
.wallet-faq-page .gs-faq-hero__art .chip:nth-child(3) { right: -56px; top: 46%; transform: rotate(2deg); }
.wallet-faq-page .gs-faq-hero__art .chip:nth-child(4) { left: -40px; bottom: 12%; transform: rotate(-1deg); }

/* questions: same accordion as the Wallet page FAQ */
.wallet-faq-page .gs-faq-doc .gs-sec__head { margin-bottom: 4px; }
.wallet-faq-page .gs-faq-item { padding: 0; }
.wallet-faq-page .gs-faq-item + .gs-faq-item { border-top: 1px solid var(--line-2); }
.wallet-faq-page .gs-faq-panel { max-width: none; padding: 0; }
.wallet-faq-page .gs-faq-panel summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; }
.wallet-faq-page .gs-faq-panel summary::-webkit-details-marker { display: none; }
.wallet-faq-page .gs-faq-panel summary .ico { flex: none; width: 22px; height: 22px; color: var(--primary); transition: transform .4s var(--ease); }
.wallet-faq-page .gs-faq-panel[open] summary .ico { transform: rotate(45deg); }
.wallet-faq-page .gs-faq-panel h3 { color: var(--dark); font: 600 clamp(1.1rem, 1.6vw, 1.3rem)/1.3 var(--display); letter-spacing: 0; transition: color .2s var(--ease); }
.wallet-faq-page .gs-faq-panel summary:hover h3 { color: var(--primary); }
.wallet-faq-page .gs-faq-answer { max-width: 70ch; padding: 0 48px 26px 0; color: var(--body); }
.wallet-faq-page .gs-faq-answer p + p,
.wallet-faq-page .gs-faq-answer ul + p,
.wallet-faq-page .gs-faq-answer p + ul { margin-top: 12px; }
.wallet-faq-page .gs-faq-answer ul { margin: 12px 0 0; padding-left: 1.2em; }
.wallet-faq-page .gs-faq-answer li + li { margin-top: 4px; }
.wallet-faq-page .gs-faq-answer li::marker { color: var(--orange); }
.wallet-faq-page .gs-faq-answer code { padding: 2px 7px; border-radius: 7px; background: var(--light); color: var(--dark); font-size: .92em; }

@media (max-width: 960px) {
  .wallet-faq-page .gs-faq-hero__art { display: none; }
}

@media (max-width: 560px) {
  .wallet-faq-page .gs-faq-panel summary { padding: 20px 0; }
  .wallet-faq-page .gs-faq-answer { padding-right: 0; }
}