/*
Theme Name: Wellness Studio
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: A modern block theme for massage and yoga instructors with integrated booking system
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wellness-studio
Tags: block-patterns, full-site-editing, blog, one-column, custom-colors, custom-logo, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments
*/

/**
 * Layout: Constrained Content Width
 * Ensures proper content constraints for alignfull blocks with constrained inner content
 */

/* Core Block Editor Layout Support */
.wp-block-group.alignfull > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--content-size, 1200px);
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Constrained Layout for Groups */
.wp-block-group.has-global-padding {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

.wp-block-group.alignfull.has-global-padding > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-right: auto !important;
  margin-left: auto !important;
  max-width: var(--wp--style--global--content-size, 1200px);
}

/* Ensure proper spacing for constrained layouts */
body {
  --wp--style--global--content-size: 1200px;
  --wp--style--global--wide-size: 1400px;
  --wp--style--root--padding-right: 1.5rem;
  --wp--style--root--padding-left: 1.5rem;
}

@media (min-width: 782px) {
  body {
    --wp--style--root--padding-right: 2rem;
    --wp--style--root--padding-left: 2rem;
  }
}

@media (min-width: 1200px) {
  body {
    --wp--style--root--padding-right: 3rem;
    --wp--style--root--padding-left: 3rem;
  }
}

/* Fix for full-width sections with inner constrained content */
.wp-site-blocks > * + * {
  margin-block-start: 0;
}

/* Specific fix for patterns */
.wp-block-group[class*="alignfull"] {
  width: 100%;
}

.wp-block-group[class*="alignfull"] > .wp-block-group__inner-container {
  max-width: var(--wp--style--global--content-size, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--style--root--padding-left, 1.5rem);
  padding-right: var(--wp--style--root--padding-right, 1.5rem);
}