/*
Theme Name: PPS Theme
Theme URI: https://nelsondesigncollective.com
Author: Noah Blaze & Gryphon Strother
Author URI: https://nelsondesigncollective.com
Description: The Power Path Version 2.0
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: The Power Path
Requires at least: 5.6
Tested up to: 5.8
Requires PHP: 7.4
Tags: WebDevStudios, wds, gutenberg, tailwind, starter-theme, starter, custom

This theme, like WordPress, is licensed under the GPL.

Based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
*/

/* Mobile Grid Fix for Practitioner Page */

/* Mobile Grid Fix for Practitioner Page */

/* Force single column layout on mobile */
@media (max-width: 767px) {
	/* Override grid layout */
	.wp-block-post-template.is-layout-grid,
	ul.wp-block-post-template.is-layout-grid,
	ul.columns-2.wp-block-post-template.is-layout-grid,
	.wp-block-post-template-is-layout-grid {
		display: block !important;
		grid-template-columns: none !important;
		width: 100% !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* Stack list items vertically */
	.wp-block-post-template.is-layout-grid > li,
	.wp-block-post-template.is-layout-grid .wp-block-post,
	.wp-block-post.practitioner {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 2rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* Prevent horizontal scroll on body */
	body {
		overflow-x: hidden !important;
		max-width: 100vw !important;
	}
	
	/* Ensure all content respects viewport width */
	.wp-block-post-template *,
	.wp-block-post-template *::before,
	.wp-block-post-template *::after {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	
	/* Force square images - MOBILE */
	.wp-block-post-template figure,
	.practitioner-img-wrapper,
	.wp-block-post-featured-image {
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
		position: relative !important;
	}
	
	.wp-block-post-template img,
	.practitioner-img-wrapper img,
	.wp-block-post-featured-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		aspect-ratio: 1 / 1 !important;
	}
	
	/* Fix practitioner card groups */
	.four-group,
	.wp-block-group.four-group {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	
	/* Fix nested groups */
	.wp-block-group,
	.6th-group {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* Fix contact info section */
	.has-grey-grad-1-background-color {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
	
	/* Fix long text/emails */
	.testing,
	.wp-block-post-content p {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		word-break: break-word !important;
	}
	
	/* Fix titles */
	.wp-block-post-title {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
}

/* Tablet layout - 2 columns */
@media (min-width: 768px) and (max-width: 1023px) {
	.wp-block-post-template.is-layout-grid,
	ul.wp-block-post-template.is-layout-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1.5rem !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	
	/* Force square images - TABLET */
	.wp-block-post-template figure,
	.practitioner-img-wrapper,
	.wp-block-post-featured-image {
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
		position: relative !important;
	}
	
	.wp-block-post-template img,
	.practitioner-img-wrapper img,
	.wp-block-post-featured-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		aspect-ratio: 1 / 1 !important;
	}
}

/* Desktop layout - 2 columns with more spacing */
@media (min-width: 1024px) {
	.wp-block-post-template.is-layout-grid,
	ul.wp-block-post-template.is-layout-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2rem !important;
		max-width: 1200px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	/* Force square images - DESKTOP */
	.wp-block-post-template figure,
	.practitioner-img-wrapper,
	.wp-block-post-featured-image {
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
		position: relative !important;
	}
	
	.wp-block-post-template img,
	.practitioner-img-wrapper img,
	.wp-block-post-featured-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		aspect-ratio: 1 / 1 !important;
	}
}