/* WPCloud Header */
.wpcloud-header {
	z-index: 100;
	border-bottom-style: solid;
}

/* CTA button hover: red-500 -> red-600 */
.wpcloud-cta .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--red-600) !important;
}

/* Nav link hover underline */
.wpcloud-header .wp-block-navigation-item a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Hide CTA inside mobile overlay so it doesn't duplicate */
.wpcloud-header .wp-block-navigation__responsive-container.is-menu-open + .wp-block-buttons {
	display: none;
}

/* Mobile: hide CTA button, show it inside overlay instead */
@media (max-width: 600px) {
	.wpcloud-header .wp-block-buttons {
		display: none;
	}
}

/* ------------------------------------------------
   Footer
   ------------------------------------------------ */

/* Column headings */
.wpcloud-footer-heading {
	color: var(--wp--preset--color--white) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1rem;
}

/* Link lists */
.wpcloud-footer-links {
	list-style: none;
	padding-left: 0;
}

.wpcloud-footer-links li {
	font-size: 15px;
	line-height: 2;
}

.wpcloud-footer-links a {
	color: var(--wp--preset--color--muted);
	text-decoration: none;
	transition: color 0.15s ease;
}

.wpcloud-footer-links a:hover {
	color: var(--wp--preset--color--white);
}

/* Bottom bar */
.wpcloud-footer-bottom {
	border-top-style: solid;
	margin-top: var(--wp--preset--spacing--70);
}

.wpcloud-footer-bottom-text {
	color: var(--wp--preset--color--muted);
	font-size: 13px;
	margin: 0;
}

/* Tablet: 2x2 grid */
@media (max-width: 781px) {
	.wpcloud-footer-columns {
		flex-wrap: wrap !important;
	}

	.wpcloud-footer-columns .wp-block-column {
		flex-basis: 50% !important;
		margin-bottom: var(--wp--preset--spacing--50);
	}
}

/* Mobile: single column + centred bottom bar */
@media (max-width: 600px) {
	.wpcloud-footer-columns .wp-block-column {
		flex-basis: 100% !important;
	}

	.wpcloud-footer-bottom {
		justify-content: center !important;
		text-align: center;
	}
}

/* ------------------------------------------------
   Homepage
   ------------------------------------------------ */

/* Section label (reusable: uppercase muted small text) */
.wpcloud-section-label {
	font-size: var(--wp--preset--font-size--xs);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: var(--wp--preset--spacing--20);
}

/* Hero subtext max-width */
.wpcloud-hero-sub {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

/* Navy outline button */
.wpcloud-btn-outline-navy .wp-block-button__link {
	color: var(--wp--preset--color--navy-600) !important;
	border-color: var(--wp--preset--color--navy-600) !important;
	background-color: transparent !important;
}

.wpcloud-btn-outline-navy .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--navy-600) !important;
	color: var(--wp--preset--color--white) !important;
}

/* White outline button (final CTA) */
.wpcloud-btn-outline-white .wp-block-button__link {
	color: var(--wp--preset--color--white) !important;
	border-color: var(--wp--preset--color--white) !important;
	background-color: transparent !important;
}

.wpcloud-btn-outline-white .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--navy-600) !important;
}

/* Trust bar logos row */
.wpcloud-trust-logos {
	letter-spacing: 0.02em;
}

/* Pillar cards */
.wpcloud-pillar-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--60);
}

/* Services grid: 2x3 CSS grid */
.wpcloud-services-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--60);
}

/* Service card */
.wpcloud-service-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--60);
}

/* Icon placeholder circle */
.wpcloud-service-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--light-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	margin-bottom: var(--wp--preset--spacing--40) !important;
	margin-top: 0 !important;
}

/* Tighten heading-to-paragraph gap inside service cards */
.wpcloud-service-card h3 {
	margin-bottom: var(--wp--preset--spacing--20);
}

.wpcloud-service-card p:last-child {
	margin-bottom: 0;
}

/* Map placeholder */
.wpcloud-map-placeholder {
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Stats: tighten spacing between number and label */
.wpcloud-stats .wp-block-column p:first-child {
	margin-bottom: 0;
	line-height: 1.2;
}

.wpcloud-stats .wp-block-column p:last-child {
	margin-top: var(--wp--preset--spacing--10);
}

/* Testimonial quote */
.wpcloud-quote {
	text-align: center;
	padding: 0;
	margin: 0;
}

.wpcloud-quote-cite {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--sm);
	font-style: normal;
}

/* Final CTA subtext with slight opacity */
.wpcloud-final-cta-sub {
	color: rgba(255, 255, 255, 0.8);
}

/* Final CTA heading override to white */
.wpcloud-final-cta h2 {
	color: var(--wp--preset--color--white);
}

/* ------------------------------------------------
   Features Page
   ------------------------------------------------ */

/* Reusable feature card (used across features page grids) */
.wpcloud-feature-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--60);
}

.wpcloud-feature-card h3 {
	margin-bottom: var(--wp--preset--spacing--20);
}

.wpcloud-feature-card p:last-child {
	margin-bottom: 0;
}

/* Feature grid base: 2-column */
.wpcloud-feature-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--60);
}

/* 3-column variant (developer tools, compliance) */
.wpcloud-feature-grid--3 {
	grid-template-columns: 1fr 1fr 1fr;
}

/* 5-card grid: 3 top, 2 bottom centred */
.wpcloud-feature-grid--5 {
	grid-template-columns: repeat(3, 1fr);
}

.wpcloud-feature-grid--5 .wpcloud-feature-card:nth-child(4) {
	grid-column: 1 / 2;
}

.wpcloud-feature-grid--5 .wpcloud-feature-card:nth-child(5) {
	grid-column: 2 / 3;
}

/* Stack grid: 7 items, 3 cols top rows, last item centred */
.wpcloud-feature-grid--stack {
	grid-template-columns: repeat(3, 1fr);
}

.wpcloud-feature-grid--stack .wpcloud-stack-card:nth-child(7) {
	grid-column: 2 / 3;
}

/* Compliance card subtitle spacing */
.wpcloud-feature-card .has-xs-font-size {
	margin-top: calc(-1 * var(--wp--preset--spacing--10));
	margin-bottom: var(--wp--preset--spacing--30);
}

/* Data centre list items */
.wpcloud-dc-item strong {
	color: var(--wp--preset--color--navy-600);
}

/* ------------------------------------------------
   About Page
   ------------------------------------------------ */

/* Hero subtext wider for about page */
.wpcloud-about-hero-sub {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

/* Timeline year markers */
.wpcloud-year-marker {
	font-size: 13px;
	font-weight: 600;
	color: var(--wp--preset--color--navy-400);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: var(--wp--preset--spacing--10) !important;
	padding-left: var(--wp--preset--spacing--40);
	border-left: 2px solid var(--wp--preset--color--border);
}

/* Timeline entry left border accent */
.wpcloud-timeline-entry {
	padding-left: var(--wp--preset--spacing--40);
	border-left: 2px solid var(--wp--preset--color--border);
}

.wpcloud-timeline-entry .wpcloud-year-marker {
	border-left: none;
	padding-left: 0;
}

/* Avatar placeholder circle */
.wpcloud-avatar-placeholder {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--light-bg);
	margin: 0 auto var(--wp--preset--spacing--40) auto;
}

/* Team card spacing */
.wpcloud-team-card {
	text-align: center;
}

.wpcloud-team-card h3 {
	margin-bottom: var(--wp--preset--spacing--10);
}

.wpcloud-team-card .has-muted-color {
	margin-bottom: var(--wp--preset--spacing--30);
}

/* ------------------------------------------------
   Blog Archive
   ------------------------------------------------ */

/* Post card */
.wpcloud-post-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.wpcloud-post-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

/* Featured image fills card width with no gaps */
.wpcloud-post-card .wp-block-post-featured-image {
	margin: 0;
	line-height: 0;
}

.wpcloud-post-card .wp-block-post-featured-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

/* Post title link styling */
.wpcloud-post-card .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--navy-600);
}

.wpcloud-post-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--navy-400);
}

/* Excerpt: clamp to 3 lines */
.wpcloud-post-card .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Tighten card body spacing */
.wpcloud-post-card-body .wp-block-post-excerpt {
	margin: 0;
}

.wpcloud-post-card-body .wp-block-post-date {
	margin: 0;
}

/* Pagination */
.wpcloud-pagination a,
.wpcloud-pagination span {
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.wpcloud-pagination a:hover {
	color: var(--wp--preset--color--navy-600);
}

/* ------------------------------------------------
   Single Post
   ------------------------------------------------ */

/* Post meta row */
.wpcloud-post-meta {
	margin-bottom: var(--wp--preset--spacing--20);
}

/* Post navigation */
.wpcloud-post-nav a {
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.wpcloud-post-nav a:hover {
	color: var(--wp--preset--color--navy-600);
}

/* ------------------------------------------------
   Legal Pages
   ------------------------------------------------ */

/* Section headings: clear separation */
.wpcloud-legal-content h2 {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 600;
	margin-top: var(--wp--preset--spacing--70);
	margin-bottom: var(--wp--preset--spacing--40);
}

.wpcloud-legal-content h3 {
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 600;
	margin-top: var(--wp--preset--spacing--60);
	margin-bottom: var(--wp--preset--spacing--30);
}

/* Body text */
.wpcloud-legal-content p {
	margin-bottom: var(--wp--preset--spacing--40);
}

/* Links: underlined for legal readability */
.wpcloud-legal-content a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Lists */
.wpcloud-legal-content ul,
.wpcloud-legal-content ol {
	padding-left: var(--wp--preset--spacing--50);
	margin-bottom: var(--wp--preset--spacing--40);
}

.wpcloud-legal-content li {
	margin-bottom: var(--wp--preset--spacing--20);
	line-height: 1.7;
}

/* Bold emphasis */
.wpcloud-legal-content strong {
	color: var(--wp--preset--color--dark-text);
}

/* ------------------------------------------------
   404 Page
   ------------------------------------------------ */

.wpcloud-404-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--50);
}

.wpcloud-404-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--50);
	text-decoration: none;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.wpcloud-404-card:hover {
	border-color: var(--wp--preset--color--navy-200);
	background-color: var(--wp--preset--color--light-bg);
}

.wpcloud-404-card-title {
	display: block;
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	color: var(--wp--preset--color--navy-600);
	margin-bottom: var(--wp--preset--spacing--10);
}

.wpcloud-404-card-desc {
	display: block;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--body-text);
}

/* ------------------------------------------------
   Contact Page
   ------------------------------------------------ */

/* Two-column layout */
.wpcloud-contact-layout {
	display: grid;
	grid-template-columns: 45% 55%;
	gap: var(--wp--preset--spacing--80);
	align-items: start;
}

/* Left column text */
.wpcloud-contact-h1 {
	font-size: var(--wp--preset--font-size--5xl);
	font-weight: 700;
	color: var(--wp--preset--color--navy-600);
	line-height: 1.2;
	margin: 0 0 var(--wp--preset--spacing--50) 0;
}

.wpcloud-contact-intro {
	color: var(--wp--preset--color--body-text);
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.7;
	margin: 0 0 var(--wp--preset--spacing--60) 0;
}

/* Trust signals */
.wpcloud-contact-trust {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wpcloud-contact-trust li {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--muted);
	line-height: 2;
}

/* Form styling */
.wpcloud-contact-form {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--50);
}

.wpcloud-form-field label {
	display: block;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	color: var(--wp--preset--color--navy-600);
	margin-bottom: var(--wp--preset--spacing--20);
}

.wpcloud-required {
	color: var(--wp--preset--color--red-500);
}

.wpcloud-form-field input,
.wpcloud-form-field textarea {
	width: 100%;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 6px;
	padding: 12px 16px;
	font-family: var(--wp--preset--font-family--primary);
	font-size: 15px;
	color: var(--wp--preset--color--dark-text);
	background: var(--wp--preset--color--white);
	transition: border-color 0.15s ease;
	box-sizing: border-box;
}

.wpcloud-form-field input:focus,
.wpcloud-form-field textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--navy-400);
}

.wpcloud-form-field textarea {
	resize: vertical;
}

.wpcloud-form-field input::placeholder,
.wpcloud-form-field textarea::placeholder {
	color: var(--wp--preset--color--muted);
}

.wpcloud-form-submit {
	width: 100%;
	padding: 12px 24px;
	border: none;
	border-radius: 6px;
	background: var(--wp--preset--color--red-500);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--primary);
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.15s ease;
}

.wpcloud-form-submit:hover {
	background: var(--wp--preset--color--red-600);
}

/* Contact channel cards */
.wpcloud-channel-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--60);
}

.wpcloud-channel-card h3 {
	margin-bottom: var(--wp--preset--spacing--20);
}

.wpcloud-channel-card p:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------
   Pricing Page
   ------------------------------------------------ */

/* Billing toggle */
.wpcloud-billing-toggle {
	display: flex;
	justify-content: center;
	gap: 0;
	margin-top: var(--wp--preset--spacing--60);
	background: var(--wp--preset--color--light-bg);
	border-radius: 999px;
	padding: 4px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.wpcloud-toggle-btn {
	padding: 10px 24px;
	border: none;
	border-radius: 999px;
	background: transparent;
	color: var(--wp--preset--color--body-text);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.wpcloud-toggle-btn.is-active {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--navy-600);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.wpcloud-toggle-badge {
	display: inline-block;
	background: var(--wp--preset--color--success);
	color: var(--wp--preset--color--white);
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 999px;
	margin-left: 6px;
	vertical-align: middle;
}

/* Plan cards grid */
.wpcloud-plans-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--wp--preset--spacing--50);
	align-items: start;
}

/* Individual plan card */
.wpcloud-plan-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--60);
	text-align: center;
	position: relative;
}

/* Popular card highlight */
.wpcloud-plan-card--popular {
	border-top: 4px solid var(--wp--preset--color--red-500);
}

.wpcloud-popular-badge {
	display: inline-block;
	background: var(--wp--preset--color--red-500);
	color: var(--wp--preset--color--white);
	font-size: 12px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 999px;
	margin-bottom: var(--wp--preset--spacing--30);
}

.wpcloud-plan-name {
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 700;
	color: var(--wp--preset--color--navy-600);
	margin: 0 0 var(--wp--preset--spacing--40) 0;
}

.wpcloud-plan-pricing {
	margin-bottom: var(--wp--preset--spacing--10);
	line-height: 1;
}

.wpcloud-plan-price {
	font-size: var(--wp--preset--font-size--4xl);
	font-weight: 700;
	color: var(--wp--preset--color--navy-600);
}

.wpcloud-plan-currency {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--muted);
	margin-left: 4px;
}

.wpcloud-plan-period {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--muted);
}

.wpcloud-plan-annual {
	font-size: 13px;
	color: var(--wp--preset--color--muted);
	margin: var(--wp--preset--spacing--10) 0 0 0;
	min-height: 20px;
}

/* Plan feature list */
.wpcloud-plan-features {
	list-style: none;
	padding: 0;
	margin: var(--wp--preset--spacing--50) 0;
	text-align: left;
}

.wpcloud-plan-features li {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--body-text);
	padding: var(--wp--preset--spacing--20) 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.wpcloud-plan-features li:last-child {
	border-bottom: none;
}

/* Plan CTA button */
.wpcloud-plan-btn {
	display: block;
	padding: 12px 24px;
	border-radius: 6px;
	background: var(--wp--preset--color--navy-600);
	color: var(--wp--preset--color--white);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	transition: background 0.15s ease;
	text-align: center;
}

.wpcloud-plan-btn:hover {
	background: var(--wp--preset--color--navy-800);
	color: var(--wp--preset--color--white);
}

.wpcloud-plan-btn--red {
	background: var(--wp--preset--color--red-500);
}

.wpcloud-plan-btn--red:hover {
	background: var(--wp--preset--color--red-600);
}

/* Plans note */
.wpcloud-plans-note {
	text-align: center;
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--muted);
	margin-top: var(--wp--preset--spacing--50);
}

/* What's included grid */
.wpcloud-included-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--60);
}

.wpcloud-included-heading {
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	color: var(--wp--preset--color--navy-600);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 var(--wp--preset--spacing--30) 0;
}

.wpcloud-included-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wpcloud-included-list li {
	font-size: 15px;
	color: var(--wp--preset--color--body-text);
	line-height: 1.8;
}

.wpcloud-check {
	color: var(--wp--preset--color--success);
	font-weight: 700;
	margin-right: 6px;
}

/* FAQ accordion */
.wpcloud-faq-item {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding: 0;
	margin: 0;
}

.wpcloud-faq-item summary {
	font-size: var(--wp--preset--font-size--md);
	font-weight: 500;
	color: var(--wp--preset--color--navy-600);
	padding: var(--wp--preset--spacing--40) 0;
	cursor: pointer;
	list-style: none;
}

.wpcloud-faq-item summary::-webkit-details-marker {
	display: none;
}

.wpcloud-faq-item summary::after {
	content: '+';
	float: right;
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 300;
	color: var(--wp--preset--color--muted);
	transition: transform 0.2s ease;
}

.wpcloud-faq-item[open] summary::after {
	content: '\2212';
}

.wpcloud-faq-item p {
	padding-bottom: var(--wp--preset--spacing--40);
}

/* ------------------------------------------------
   Responsive: Homepage
   ------------------------------------------------ */
@media (max-width: 781px) {
	/* Stack infrastructure columns */
	.wpcloud-infrastructure .wp-block-columns {
		flex-direction: column;
	}

	.wpcloud-infrastructure .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Stats: 2x2 grid */
	.wpcloud-stats .wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wpcloud-stats .wp-block-column {
		flex-basis: 50% !important;
		margin-bottom: var(--wp--preset--spacing--50);
	}

	/* Services grid: keep 2-col on tablet, handled by CSS grid */

	/* Blog grid: 2-col on tablet */
	.wpcloud-post-grid {
		grid-template-columns: 1fr 1fr !important;
	}

	/* Contact: stack to single column */
	.wpcloud-contact-layout {
		grid-template-columns: 1fr !important;
		gap: var(--wp--preset--spacing--70);
	}

	/* Team cards: stack on tablet */
	.wpcloud-team-cards {
		flex-wrap: wrap !important;
	}

	.wpcloud-team-cards .wp-block-column {
		flex-basis: 100% !important;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	/* Plan cards: 2x2 on tablet */
	.wpcloud-plans-grid {
		grid-template-columns: 1fr 1fr !important;
	}

	/* Included grid: 2-col on tablet */
	.wpcloud-included-grid {
		grid-template-columns: 1fr 1fr !important;
	}

	/* Feature grids: 3-col variants drop to 2-col on tablet */
	.wpcloud-feature-grid--3,
	.wpcloud-feature-grid--5,
	.wpcloud-feature-grid--stack {
		grid-template-columns: 1fr 1fr !important;
	}

	/* Reset centring overrides for 5-card and stack grids */
	.wpcloud-feature-grid--5 .wpcloud-feature-card:nth-child(4),
	.wpcloud-feature-grid--5 .wpcloud-feature-card:nth-child(5),
	.wpcloud-feature-grid--stack .wpcloud-stack-card:nth-child(7) {
		grid-column: auto;
	}
}

@media (max-width: 600px) {
	/* Hero: reduce top padding */
	.wpcloud-hero {
		padding-top: var(--wp--preset--spacing--90) !important;
		padding-bottom: var(--wp--preset--spacing--70) !important;
	}

	/* Stats: single column on mobile */
	.wpcloud-stats .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Pillar cards: add bottom margin */
	.wpcloud-pillar-card {
		margin-bottom: var(--wp--preset--spacing--40);
	}

	/* Services grid: single column */
	.wpcloud-services-grid {
		grid-template-columns: 1fr !important;
	}

	/* All feature grids: single column on mobile */
	.wpcloud-feature-grid {
		grid-template-columns: 1fr !important;
	}

	/* Plan cards: single column on mobile */
	.wpcloud-plans-grid {
		grid-template-columns: 1fr !important;
	}

	/* Included grid: single column on mobile */
	.wpcloud-included-grid {
		grid-template-columns: 1fr !important;
	}

	/* Blog grid: single column on mobile */
	.wpcloud-post-grid {
		grid-template-columns: 1fr !important;
	}

	/* 404 cards: single column */
	.wpcloud-404-cards {
		grid-template-columns: 1fr !important;
	}

	/* Toggle: allow wrapping on very small screens */
	.wpcloud-billing-toggle {
		flex-wrap: wrap;
		justify-content: center;
	}
}