/* Supported browser-native disclosure variant. The browser owns open/closed state. */
details.is-style-sf-faq-item { box-sizing: border-box; }
details.is-style-sf-faq-item > summary { display: block; position: relative; list-style: none; cursor: pointer; font-family: var(--wp--preset--font-family--sf-commerce); font-size: 0.9375rem; font-weight: 700; line-height: 1.4; color: var(--wp--preset--color--sf-text); background: var(--wp--preset--color--sf-surface); padding: 0.875rem 3.5rem 0.875rem 1rem; border-radius: 0.6875rem; overflow-wrap: break-word; min-height: 48px; touch-action: manipulation; transition: color 160ms ease, background-color 160ms ease; }
details.is-style-sf-faq-item > summary::-webkit-details-marker { display: none; }
details.is-style-sf-faq-item > summary::marker { content: ''; }
details.is-style-sf-faq-item > summary::after { content: ''; position: absolute; right: 1rem; top: 50%; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-70%) rotate(45deg); transition: transform 180ms ease; }
.wp-block-details.is-style-sf-faq-item[open] > summary::after { transform: translateY(-20%) rotate(225deg); }
.wp-block-details.is-style-sf-faq-item[data-sf-closing] > summary::after { transform: translateY(-70%) rotate(45deg); }
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
 details.is-style-sf-faq-item > summary::after { width: 24px; height: 24px; border: 0; background: currentColor; transform: translateY(-50%); -webkit-mask-image: url('../images/checkout/chevron-down.svg'); -webkit-mask-position: center; -webkit-mask-size: 24px 24px; -webkit-mask-repeat: no-repeat; mask-image: url('../images/checkout/chevron-down.svg'); mask-position: center; mask-size: 24px 24px; mask-repeat: no-repeat; }
 .wp-block-details.is-style-sf-faq-item[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
 .wp-block-details.is-style-sf-faq-item[data-sf-closing] > summary::after { transform: translateY(-50%); }
}
details.is-style-sf-faq-item > summary > .is-style-sf-faq-question { margin: 0; font: inherit; color: inherit; background: none; }
details.is-style-sf-faq-item > summary:focus { outline: 3px solid #0073C4; outline-offset: 2px; }
details.is-style-sf-faq-item > summary:focus:not(:focus-visible) { outline: none; }
/* The shared disclosure owns feedback for every page variant, including flat
 * homepage/WooCommerce rows. Specificity covers their neutral base surface. */
@media (hover: hover) and (pointer: fine) {
 .wp-block-details.is-style-sf-faq-item > summary:hover {
  color: var(--wp--preset--color--sf-action-hover, #0064ab);
  background-color: var(--wp--preset--color--sf-media, #f0f8fc);
 }
}
.wp-block-details.is-style-sf-faq-item > summary:active {
 color: var(--wp--preset--color--sf-action-pressed, #00538f);
 background-color: #e8f4fa;
}
@media (prefers-reduced-motion: reduce) { details.is-style-sf-faq-item > summary, details.is-style-sf-faq-item > summary::after { transition: none; } }

