<?php
/**
 * Title: FAQ
 * Slug: blokio/faq
 * Categories: blokio-content
 * Description: Accordion FAQ using native <details>/<summary> — zero JavaScript, fully keyboard accessible. Styled via .blokio-faq-item in style.css.
 * Keywords: faq, accordion, questions
 * Block Types: core/html
 */
?>
<!-- wp:group {"layout":{"type":"constrained","contentSize":"720px"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|xl","bottom":"var:preset|spacing|xl"}}}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--xl);padding-bottom:var(--wp--preset--spacing--xl)">

    <!-- wp:heading {"textAlign":"center","level":2} -->
    <h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'Frequently Asked Questions', 'blokio' ); ?></h2>
    <!-- /wp:heading -->

    <!-- wp:html -->
    <details class="blokio-faq-item">
        <summary><?php echo esc_html__( 'Do I need a page builder plugin to edit this theme?', 'blokio' ); ?></summary>
        <p><?php echo esc_html__( 'No. Blokio is a Full Site Editing theme — every template, template part, and pattern on this site is editable directly in the WordPress Site Editor using native blocks.', 'blokio' ); ?></p>
    </details>
    <details class="blokio-faq-item">
        <summary><?php echo esc_html__( 'Is Blokio compatible with WooCommerce?', 'blokio' ); ?></summary>
        <p><?php echo esc_html__( 'Yes. Blokio declares WooCommerce support and product gallery features (zoom, lightbox, slider) out of the box. WooCommerce\'s own default templates are used unless you add custom overrides.', 'blokio' ); ?></p>
    </details>
    <details class="blokio-faq-item">
        <summary><?php echo esc_html__( 'Does the theme support right-to-left (RTL) languages?', 'blokio' ); ?></summary>
        <p><?php echo esc_html__( 'Yes. Layouts use logical CSS properties (inline-start/end) rather than hard-coded left/right throughout, and a translation-ready text domain is set up for every string.', 'blokio' ); ?></p>
    </details>
    <details class="blokio-faq-item">
        <summary><?php echo esc_html__( 'Can I change the color palette without editing code?', 'blokio' ); ?></summary>
        <p><?php echo esc_html__( 'Yes. Every color, font, and spacing value is defined in theme.json and exposed in the Site Editor\'s Styles panel — no CSS knowledge required to retheme the site.', 'blokio' ); ?></p>
    </details>
    <!-- /wp:html -->

</div>
<!-- /wp:group -->
