/*
Theme Name: AskSOUP
Theme URI: https://asksoup.com
Description: Marketing theme for the AskSOUP tech-support-by-text service, built by gentler.ai.
Author: gentler.ai
Author URI: https://gentler.ai
Version: 1.0.0
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2.24
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: asksoup
*/

/* =============================================================================
   AskSOUP — Global Styles
   ============================================================================= */

/* Remove default block gap between full-width page sections */
.wp-site-blocks {
	--wp--style--block-gap: 0;
}

/* ---- Sticky site header --------------------------------------------------- */
.wp-site-blocks > header {
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 2px 12px rgba(11, 13, 50, 0.07);
}

/* ---- Footer logo: invert to white ----------------------------------------- */
.asksoup-footer .wp-block-site-logo img {
	filter: brightness(0) invert(1);
}

/* ---- Hero: equal-height columns ------------------------------------------- */
.asksoup-hero.wp-block-columns {
	align-items: stretch;
}

.asksoup-hero .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Cover block inside hero fills the full column height */
.asksoup-hero .wp-block-cover {
	min-height: 100% !important;
	flex: 1;
}

/* ---- Values section: full-bleed within constrained layout ----------------- */
.asksoup-values {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---- Accessibility: focus-visible ----------------------------------------- */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
[role="button"]:focus-visible {
	outline: 3px solid #0B0D32;
	outline-offset: 3px;
}

/* ---- Responsive: tablet (768–1023 px) ------------------------------------- */
@media (max-width: 1023px) {
	.asksoup-hero.wp-block-columns {
		flex-direction: column;
	}

	.asksoup-values .wp-block-columns {
		flex-wrap: wrap;
	}

	.asksoup-values .wp-block-column {
		flex-basis: calc(50% - 12px) !important;
		min-width: calc(50% - 12px);
	}
}

/* ---- Responsive: mobile (< 768 px) ---------------------------------------- */
@media (max-width: 767px) {
	.asksoup-nav .wp-block-group:first-child {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.asksoup-values .wp-block-column {
		flex-basis: 100% !important;
		min-width: 100%;
	}

	.asksoup-hero .wp-block-column,
	.asksoup-hero .wp-block-cover {
		min-height: 360px !important;
	}
}

/* =============================================================================
   Testimonial section
   ============================================================================= */

/* Blue-tinted duotone on the founders' photo column */
.asksoup-testimonial__photo .wp-block-cover__image-background,
.asksoup-testimonial__photo img {
	filter: grayscale(1) sepia(1) hue-rotate(185deg) saturate(2.5) brightness(0.75);
}

/* Remove default blockquote left border */
.asksoup-testimonial__blockquote {
	border-left: none !important;
	padding-left: 0 !important;
}

/* Decorative quote mark: large, positioned */
.asksoup-testimonial__quote-mark img {
	opacity: 0.5;
}

/* Ensure two-column layout fills height equally */
.asksoup-testimonial.wp-block-columns {
	align-items: stretch;
}

.asksoup-testimonial .wp-block-cover {
	min-height: 100% !important;
}

/* =============================================================================
   Product showcase
   ============================================================================= */

/* Screenshot: slight shadow to lift off background */
.asksoup-showcase__screenshot img {
	box-shadow: 0 24px 64px rgba(11, 13, 50, 0.12);
}

/* =============================================================================
   SEO / semantic helpers
   ============================================================================= */

/* Single h1 on front page — hide any auto-generated post title */
.front-page .entry-title,
.front-page .wp-block-post-title {
	display: none;
}

/* =============================================================================
   Print / prefers-reduced-motion
   ============================================================================= */
@media (prefers-reduced-motion: reduce) {
	.asksoup-faq__answer,
	.asksoup-faq__icon,
	.asksoup-faq__icon-bar {
		transition: none !important;
	}
}