/*
Theme Name: PayMow Theme 3
Theme URI: https://pay-mow.com
Author: FICS Solutions
Author URI: https://pay-mow.com
Description: A modern WordPress block theme for PayMow - AI powered lawn service business management. Features a clean, professional design with custom patterns for showcasing services, testimonials, and pricing.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paymowtheme3
Tags: block-patterns, block-styles, custom-colors, custom-menu, editor-style, full-site-editing, one-column, template-editing, translation-ready, wide-blocks

PayMowTheme3 WordPress Theme, (C) 2025 FICS Solutions
PayMowTheme3 is distributed under the terms of the GNU GPL.
*/

/* Custom CSS for PayMow styling */
:root {
	--paymow-shadow: 0 24px 60px -40px rgba(15, 23, 42, 0.4);
	--paymow-shadow-card: 0 14px 34px -32px rgba(15, 23, 42, 0.6);
	--paymow-shadow-button: 0 22px 45px -26px rgba(53, 193, 119, 0.8);
}

/* Sticky header */
.wp-block-template-part.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(246, 248, 251, 0.9);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

/* Logo mark styling */
.paymow-logo-mark {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: linear-gradient(135deg, #35c177, #13a05f);
	display: grid;
	place-items: center;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	box-shadow: 0 20px 30px -22px rgba(53, 193, 119, 0.6);
}

/* Button shadow */
.wp-block-button__link:not(.is-style-outline) {
	box-shadow: var(--paymow-shadow-button);
}

.wp-block-button__link:not(.is-style-outline):hover {
	transform: translateY(-1px);
	box-shadow: 0 24px 50px -28px rgba(53, 193, 119, 0.9);
}

/* Card styling */
.paymow-card {
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 20px;
	padding: 34px;
	box-shadow: var(--paymow-shadow);
	position: relative;
	overflow: hidden;
}

.paymow-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(53, 193, 119, 0.08), transparent 55%);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.paymow-card:hover::after {
	opacity: 1;
}

/* Feature icon */
.paymow-feature-icon {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: rgba(53, 193, 119, 0.18);
	color: #13a05f;
	font-size: 22px;
}

/* Testimonial styling */
.paymow-testimonial {
	position: relative;
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 24px;
	padding: 32px;
	box-shadow: var(--paymow-shadow);
}

.paymow-testimonial::before {
	content: """;
	font-size: 64px;
	font-weight: 200;
	position: absolute;
	top: 18px;
	left: 24px;
	color: rgba(53, 193, 119, 0.18);
	line-height: 1;
}

/* Avatar */
.paymow-avatar {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(53, 193, 119, 0.3), rgba(19, 160, 95, 0.25));
	display: grid;
	place-items: center;
	font-size: 14px;
	font-weight: 500;
	color: rgba(15, 23, 42, 0.7);
}

/* Badge */
.paymow-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #13a05f;
	background: rgba(53, 193, 119, 0.14);
	border-radius: 999px;
	padding: 8px 16px;
}

/* Pricing card */
.paymow-pricing-card {
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 28px;
	padding: 42px;
	box-shadow: var(--paymow-shadow);
	position: relative;
	overflow: hidden;
}

.paymow-pricing-popular::before {
	content: "Most popular";
	position: absolute;
	top: 20px;
	right: 24px;
	background: rgba(53, 193, 119, 0.14);
	color: #13a05f;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 999px;
}

/* Hero gradient overlay */
.paymow-hero-gradient::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(60% 60% at 75% 10%, rgba(53, 193, 119, 0.18), transparent 65%);
	pointer-events: none;
}

/* Image frame */
.paymow-image-frame {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: linear-gradient(140deg, rgba(53, 193, 119, 0.08), rgba(19, 160, 95, 0.05));
	box-shadow: 0 22px 48px -34px rgba(15, 23, 42, 0.45);
}

/* Workflow step number */
.paymow-workflow-step::before {
	content: attr(data-step);
	position: absolute;
	top: 22px;
	right: 24px;
	font-size: 48px;
	font-weight: 200;
	color: rgba(15, 23, 42, 0.08);
	line-height: 1;
}

/* Stats styling */
.paymow-stat {
	padding-top: 16px;
	border-top: 1px solid rgba(15, 23, 42, 0.12);
}

.paymow-stat strong {
	display: block;
	font-size: 32px;
	font-weight: 300;
	color: #0f172a;
	line-height: 1.2;
}

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Anti-aliasing */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.paymow-card,
	.paymow-testimonial,
	.paymow-pricing-card {
		padding: 28px;
	}
}