/*
Theme Name: Spin Design
Theme URI: https://spindesign.com.au
Author: Spin Design
Author URI: https://spindesign.com.au
Description: Custom block theme for Spin Design, generated from its design by the Spin Design AI Website Builder.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spin-design
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, one-column, wide-blocks
*/

/* Sections: vertical rhythm from the design's spacing scale. */
.wp-block-post-content > .wp-block-group.alignfull,
.wp-block-post-content > .wp-block-cover.alignfull {
	margin-block: 0;
	padding-block: var(--wp--preset--spacing--70);
}
.wp-block-post-content > .alignfull:first-child { margin-block-start: 0; }
.wp-block-cover.alignfull { min-height: 60vh; }

/* Header and footer. */
header.wp-block-template-part { padding-block: var(--wp--preset--spacing--40); border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
footer.wp-block-template-part { margin-block-start: 0; }
footer.wp-block-template-part .wp-block-group.alignfull { padding-block: var(--wp--preset--spacing--60); font-size: var(--wp--preset--font-size--small); }

/* FAQ. */
.wp-block-details { border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); padding-block: var(--wp--preset--spacing--30); }
.wp-block-details summary { cursor: pointer; font-weight: 600; }

/* Enquiry forms (awb_form, rendered by the site plugin). */
.awb-form { display: grid; gap: var(--wp--preset--spacing--30); max-width: 640px; }
.awb-form label { display: grid; gap: 4px; font-weight: 600; }
.awb-form input, .awb-form textarea, .awb-form select { font: inherit; padding: 12px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: 6px; background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }
.awb-form button { justify-self: start; }
.awb-notice { padding: 12px 16px; border-radius: 6px; background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent); }

/* Accessibility: visible keyboard focus. */
:where(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }
