/* WooCommerce Product FAQs — responsive frontend styles */
.wpf-product-faqs{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:32px auto 28px;clear:both;overflow-x:visible;overflow-y:visible;overscroll-behavior:auto;-webkit-overflow-scrolling:auto;overflow-wrap:anywhere}
.wpf-product-faqs *{box-sizing:border-box;min-width:0}
.wpf-faqs-title{font-size:clamp(22px,2.4vw,32px);line-height:1.25;font-weight:700;margin:0 0 18px;color:inherit;overflow-wrap:anywhere}
.wpf-faqs-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0}
.wpf-faq-item{display:block;min-width:0;width:100%;border:1px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.wpf-faq-item[open]{border-color:#cbd5e1}
.wpf-faq-question{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;padding:16px 18px;font-weight:650;font-size:16px;line-height:1.5;color:#171717;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.wpf-faq-question>span:first-child{display:block;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.wpf-faq-question::-webkit-details-marker{display:none}
.wpf-faq-question:focus-visible{outline:2px solid #2271b1;outline-offset:-3px}
.wpf-faq-toggle{position:relative;display:block;flex:0 0 22px;width:22px;height:22px;min-width:22px;border-radius:50%;background:#f3f4f6;color:inherit}
.wpf-faq-toggle:before,.wpf-faq-toggle:after{content:"";position:absolute;left:6px;top:10px;width:10px;height:2px;background:currentColor;border-radius:2px}
.wpf-faq-toggle:after{transform:rotate(90deg);transition:transform .2s ease}
.wpf-faq-item[open] .wpf-faq-toggle:after{transform:rotate(0)}
.wpf-faq-answer{min-width:0;padding:0 18px 16px;color:#555;font-size:15px;line-height:1.7;overflow-wrap:anywhere;word-wrap:break-word}
.wpf-faq-answer p{margin:0 0 10px;max-width:100%}
.wpf-faq-answer p:last-child{margin-bottom:0}
.wpf-faq-answer a,.wpf-faq-answer img,.wpf-faq-answer iframe{max-width:100%;height:auto;overflow-wrap:anywhere}
@media (min-width:601px) and (max-width:1024px){
 .wpf-product-faqs{margin:28px auto 24px;padding:clamp(14px,2.2vw,22px);max-height:none}
 .wpf-faqs-title{font-size:clamp(22px,2.8vw,28px);margin-bottom:16px}
 .wpf-faq-question{padding:15px 16px;font-size:clamp(15px,1.8vw,16px);gap:12px}
 .wpf-faq-answer{padding:0 16px 15px;font-size:15px;line-height:1.65}
}
@media (max-width:600px){
 .wpf-product-faqs{width:100%;max-width:100%;margin:22px auto 20px;padding:12px;max-height:none;border-radius:10px}
 .wpf-faqs-title{font-size:clamp(20px,5.5vw,24px);line-height:1.3;margin:0 0 14px}
 .wpf-faqs-list{gap:8px}
 .wpf-faq-item{border-radius:8px}
 .wpf-faq-question{padding:13px 11px;font-size:15px;line-height:1.45;gap:9px;align-items:center}
 .wpf-faq-toggle{flex-basis:20px;width:20px;height:20px;min-width:20px}
 .wpf-faq-toggle:before,.wpf-faq-toggle:after{left:5px;top:9px;width:10px}
 .wpf-faq-answer{padding:0 11px 13px;font-size:14px;line-height:1.6}
}
@media (max-width:360px){
 .wpf-product-faqs{padding:9px;margin-top:18px;margin-bottom:18px}
 .wpf-faq-question{padding:11px 9px;font-size:14px;gap:7px}
 .wpf-faq-toggle{flex-basis:18px;width:18px;height:18px;min-width:18px}
 .wpf-faq-toggle:before,.wpf-faq-toggle:after{left:4px;top:8px;width:10px}
 .wpf-faq-answer{padding:0 9px 11px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.wpf-faq-item,.wpf-faq-toggle:after{transition:none}}

/* v2.1.3: frontend FAQs expand naturally; only admin entry lists scroll. */
.wpf-product-faqs{height:auto !important;max-height:none !important;overflow:visible !important;overflow-y:visible !important;}
.wpf-product-faqs .wpf-faqs-list{height:auto !important;max-height:none !important;overflow:visible !important;}
.wpf-product-faqs .wpf-faq-question{box-sizing:border-box;list-style:none;}
.wpf-product-faqs .wpf-faq-question::marker{content:"";}