/*
Theme Name: Google Sheets Connector
Theme URI: https://codecanyon.net/item/google-sheets-connector-for-wpforms-sync-form-entries-to-spreadsheets/62483361
Author: CodeVibe Studio
Author URI: https://codecanyon.net/user/codevibe_studio
Description: Landing page theme for Google Sheets Connector for WPForms. Automatically sync WPForms submissions to Google Sheets.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gsheet-connector
Tags: custom-background, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, one-column, theme-options, threaded-comments, translation-ready
*/

:root {
  --background: 0 0% 100%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 152 58% 26%;
  --primary-foreground: 0 0% 100%;
  --secondary: 148 45% 35%;
  --muted: 150 20% 96%;
  --muted-foreground: 150 10% 45%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --success: 152 58% 26%;
  --success-foreground: 0 0% 100%;
  --border: 150 15% 90%;
  --accent: 150 25% 95%;
  --accent-foreground: 222 47% 11%;
  --section-alt: 150 25% 97%;
  --hero-bg-from: 152 58% 22%;
  --hero-bg-to: 148 45% 32%;
  --hero-heading: 0 0% 100%;
  --hero-body: 150 20% 82%;
  --hero-muted: 150 15% 68%;
  --hero-accent: 45 100% 70%;
  --hero-badge-bg: 0 0% 100% / 0.12;
  --hero-badge-border: 0 0% 100% / 0.2;
  --hero-orb: 140 50% 45%;
  --hero-orb-alt: 160 60% 40%;
  --hero-mockup-glow: 152 58% 26%;
  --hero-mockup-border: 0 0% 100% / 0.15;
  --hero-btn-border: 0 0% 100% / 0.35;
  --hero-btn-secondary-bg: 0 0% 100% / 0.1;
  --hero-btn-secondary-hover: 0 0% 100% / 0.18;
  --gradient-primary: linear-gradient(135deg, hsl(152, 58%, 26%), hsl(148, 45%, 35%));
  --shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.04);
  --shadow-card-hover: 0 10px 25px -5px hsl(152 58% 26% / 0.12), 0 8px 10px -6px hsl(152 58% 26% / 0.06);
  --shadow-elevated: 0 20px 40px -12px rgb(0 0 0 / 0.1);
}

* { border-color: hsl(var(--border)); }
body { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: hsl(var(--background)); color: hsl(var(--foreground)); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: Inter, system-ui, sans-serif; }

.bg-hero { background: linear-gradient(135deg, hsl(var(--hero-bg-from)), hsl(var(--hero-bg-to))); }
.hero-wave-divider { fill: hsl(var(--background)); color: hsl(var(--background)); }
.hero-sync-arrow { background-color: #ffffff !important; }
.gradient-primary { background: var(--gradient-primary); }
.bg-section-alt { background-color: hsl(var(--section-alt)); }
.shadow-card { box-shadow: var(--shadow-card); }
.shadow-card-hover:hover { box-shadow: var(--shadow-card-hover); transform: translateY(-4px); }
.shadow-elevated { box-shadow: var(--shadow-elevated); }
.text-hero-heading { color: hsl(var(--hero-heading)); }
.text-hero-body { color: hsl(var(--hero-body)); }
.text-hero-muted { color: hsl(var(--hero-muted)); }
.text-hero-accent { color: hsl(var(--hero-accent)); }
.bg-hero-badge { background: hsl(var(--hero-badge-bg)); }
.border-hero-badge { border-color: hsl(var(--hero-badge-border)); }
.bg-hero-orb { background: hsl(var(--hero-orb)); }
.bg-hero-orb-alt { background: hsl(var(--hero-orb-alt)); }
.bg-hero-mockup-glow { background: hsl(var(--hero-mockup-glow)); }
.border-hero-mockup { border-color: hsl(var(--hero-mockup-border)); }
.border-hero-btn { border-color: hsl(var(--hero-btn-border)); }
.bg-hero-btn-secondary { background: hsl(var(--hero-btn-secondary-bg)); }
.bg-hero-btn-secondary:hover { background: hsl(var(--hero-btn-secondary-hover)); }

/* Manual Way section - destructive/red color */
.manual-way-title { color: hsl(var(--destructive)) !important; }
.manual-way-error-step { color: hsl(var(--destructive)) !important; }
.manual-way-wasted { color: hsl(var(--destructive)) !important; }

.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.accordion-item.open .accordion-content { max-height: 500px; }
.accordion-item.open .accordion-chevron { transform: rotate(180deg); }

/* Screen reader utilities */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: hsl(var(--muted));
	clip: auto !important;
	clip-path: none;
	color: hsl(var(--foreground));
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}