<?php
/**
 * Title: FAQ Simple
 * Slug: reunionary/faq-simple
 * Description: A clean FAQ section with expandable questions (details blocks).
 * Categories: reunionary-core, reunionary-sections
 * Keywords: faq, questions, help, info
 * Viewport Width: 1120
 * Inserter: true
 */
?>

<!-- wp:group {"metadata":{"name":"FAQ Simple","categories":["reunionary-sections"],"patternName":"reunionary/faq-simple"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"1120px"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--medium)">

	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","contentSize":"760px"}} -->
	<div class="wp-block-group">

		<!-- wp:paragraph {"align":"center","textColor":"reunionary-gold","fontSize":"small"} -->
		<p class="has-text-align-center has-reunionary-gold-color has-text-color has-small-font-size">
			<?php echo esc_html__( 'FAQ', 'reunionary' ); ?>
		</p>
		<!-- /wp:paragraph -->

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

		<!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
		<p class="has-text-align-center has-medium-font-size">
			<?php echo esc_html__( 'Use this section to reduce confusion and help guests feel prepared.', 'reunionary' ); ?>
		</p>
		<!-- /wp:paragraph -->

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

	<!-- wp:group {"align":"wide","style":{"border":{"radius":"16px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|medium"}},"backgroundColor":"white","layout":{"type":"constrained","contentSize":"760px"}} -->
	<div class="wp-block-group alignwide has-border-color has-white-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)">

		<!-- wp:details {"style":{"border":{"radius":"12px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"}}}} -->
		<details class="wp-block-details has-border-color" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)">
			<summary><?php echo esc_html__( 'What is the dress code?', 'reunionary' ); ?></summary>
			<!-- wp:paragraph {"fontSize":"small"} -->
			<p class="has-small-font-size">
				<?php echo esc_html__( 'Keep it simple: casual for daytime events, and “dressy casual” for the banquet. Update this per reunion.', 'reunionary' ); ?>
			</p>
			<!-- /wp:paragraph -->
		</details>
		<!-- /wp:details -->

		<!-- wp:details {"style":{"border":{"radius":"12px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"}}}} -->
		<details class="wp-block-details has-border-color" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)">
			<summary><?php echo esc_html__( 'Can I bring kids or guests?', 'reunionary' ); ?></summary>
			<!-- wp:paragraph {"fontSize":"small"} -->
			<p class="has-small-font-size">
				<?php echo esc_html__( 'Yes, unless the organizer marks an event as adults-only. Use RSVP notes to collect headcount details.', 'reunionary' ); ?>
			</p>
			<!-- /wp:paragraph -->
		</details>
		<!-- /wp:details -->

		<!-- wp:details {"style":{"border":{"radius":"12px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"}}}} -->
		<details class="wp-block-details has-border-color" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)">
			<summary><?php echo esc_html__( 'Where do I park?', 'reunionary' ); ?></summary>
			<!-- wp:paragraph {"fontSize":"small"} -->
			<p class="has-small-font-size">
				<?php echo esc_html__( 'Add parking instructions and accessibility notes here. If space is limited, include a ride-share suggestion.', 'reunionary' ); ?>
			</p>
			<!-- /wp:paragraph -->
		</details>
		<!-- /wp:details -->

		<!-- wp:details {"style":{"border":{"radius":"12px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"}}}} -->
		<details class="wp-block-details has-border-color" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)">
			<summary><?php echo esc_html__( 'Who do I contact with questions?', 'reunionary' ); ?></summary>
			<!-- wp:paragraph {"fontSize":"small"} -->
			<p class="has-small-font-size">
				<?php echo esc_html__( 'Add the organizer name, email, and phone (optional). You can also add a dedicated organizer info section.', 'reunionary' ); ?>
			</p>
			<!-- /wp:paragraph -->
		</details>
		<!-- /wp:details -->

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

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