/*
Theme Name: Suzuki PR
Theme URI: https://www.suzukipr.com/dev2026
Author: Inchcape Puerto Rico
Description: Custom theme for Suzuki Puerto Rico (Motorcycles, ATV & Marine), built to the 2026 design comps with a TailwindCSS design system.
Version: 1.11.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: suzuki-pr
*/

/*
 * All styling is generated by Tailwind into assets/css/tailwind.css.
 * Design tokens live in tailwind.config.js; component classes in src/input.css.
 * Rebuild with: npm run build
 */

/*
 * Full-bleed carousel media. WordPress sets img { height:auto; max-width:100% }
 * which otherwise prevents the photo from filling the banner, cropping overlay copy.
 */
.hero-banner {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
}
.hero-banner__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: center 40%;
}
.hero-banner__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.3), transparent);
}
.hero-banner__copy {
	position: relative;
	z-index: 2;
	display: flex;
	min-height: min(90vw, 480px);
	flex-direction: column;
	justify-content: center;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
@media (min-width: 640px) {
	.hero-banner__copy {
		min-height: 420px;
	}
}
@media (min-width: 1024px) {
	.hero-banner__copy {
		min-height: 560px;
	}
}