/*
Theme Name: Peoples Support Care
Theme URI: http://localhost/peoplessupportcare/
Author: Ralph Aure
Description: A Tailwind-powered WordPress theme.
Version: 1.0
Text Domain: peoplessupportcare
*/
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */

/* Global responsive baseline */
* {
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
	display: block;
	max-width: 100%;
}

img,
video,
canvas {
	height: auto;
}

/* Generic content wrappers for page/index templates */
#main.site-main {
	margin-inline: auto;
	width: min(100%, 1200px);
	padding-top: clamp(84px, 11vw, 112px);
	padding-right: clamp(16px, 4vw, 32px);
	padding-bottom: clamp(24px, 5vw, 48px);
	padding-left: clamp(16px, 4vw, 32px);
}

#main.site-main iframe {
	width: 100%;
}

/* Prevent long strings/links from breaking layouts */
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
a,
span {
	overflow-wrap: anywhere;
}

/* Form controls should fill available width on small screens */
input,
select,
textarea,
button {
	max-width: 100%;
	font: inherit;
}

@media (max-width: 767px) {
	table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wp-block-columns {
		gap: 1rem;
	}
}

/* Contact section layout: keeps form and info card readable at all sizes */
.psc-contact-layout {
	align-items: stretch;
}

.psc-contact-form,
.psc-contact-info {
	width: min(100%, 34rem);
}

.psc-contact-info {
	padding-inline: clamp(0.75rem, 1.2vw, 1.25rem);
}

.psc-contact-form iframe {
	min-height: 700px;
}

@media (min-width: 1024px) {
	.psc-contact-form,
	.psc-contact-info {
		flex: 1 1 0;
		max-width: 34rem;
	}
}

/* Keep the fixed navbar above Leaflet map panes, markers, and controls */
.psc-nav {
	z-index: 2000 !important;
}