/* =========================================================
   IMKTech Business Suite — design system
   Signature element: the Business Health Gauge (hero + echoed
   once in the "why it's different" section). Everything else
   stays quiet and disciplined around it.
   ========================================================= */

:root{
	/* Ink is overridden inline by functions.php from the Customizer;
	   these are the shipped defaults. */
	--ink: #0B1E39;
	--ink-2: #14294A;
	--paper: #F5F7FA;
	--surface: #FFFFFF;
	--muted: #5B6B85;
	--border: #E2E6EE;
	--brand: #2E5AAC;
	--accent: #1FAA6E;
	--accent-2: #178F5C;

	--gauge-red: #E5484D;
	--gauge-amber: #F5A623;
	--gauge-yellow: #F0C929;
	--gauge-green: #1FAA6E;

	--font-display: 'Space Grotesk', 'Segoe UI', Arial, sans-serif;
	--font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
	--font-mono: 'JetBrains Mono', 'Consolas', monospace;

	--radius-sm: 8px;
	--radius: 14px;
	--radius-lg: 22px;

	--shadow-sm: 0 1px 2px rgba(11,30,57,.06), 0 1px 1px rgba(11,30,57,.04);
	--shadow: 0 8px 24px rgba(11,30,57,.08);
	--shadow-lg: 0 24px 48px rgba(11,30,57,.14);

	--container: 1200px;
	--container-narrow: 780px;
}

/* =========================================================
   Base
   ========================================================= */
body{
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--ink);
	background: var(--paper);
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4{
	font-family: var(--font-display);
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: 0 0 .5em;
	color: var(--ink);
}

h1{ font-size: clamp(2rem, 1.4rem + 2.5vw, 3.25rem); }
h2{ font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem); }
h3{ font-size: 1.15rem; }

p{ margin: 0 0 1em; color: var(--ink); }

.container{
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 24px;
}
.container--narrow{
	max-width: var(--container-narrow);
}

.reveal{
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .6s ease, transform .6s ease;
}
.no-js .reveal,
.reveal.is-visible{
	opacity: 1;
	transform: none;
}
@media (prefers-reduced-motion: reduce){
	.reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }
	.gauge-needle{ animation: none !important; }
	html{ scroll-behavior: auto !important; }
}

a{ text-decoration: none; }
a:not(.btn):hover{ text-decoration: underline; }

:focus-visible{
	outline: 3px solid var(--accent);
	outline-offset: 2px;
}

.skip-link:focus{
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 100;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	overflow: visible;
	background: var(--ink);
	color: #fff;
	padding: 12px 20px;
	border-radius: var(--radius-sm);
	font-weight: 600;
}

/* =========================================================
   Buttons
   ========================================================= */
.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: .95rem;
	padding: .8em 1.6em;
	border-radius: 999px;
	border: 2px solid transparent;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
	white-space: nowrap;
}
.btn:hover{ text-decoration: none; transform: translateY(-2px); }

.btn--accent{ background: var(--accent); color: #fff; box-shadow: var(--shadow-sm); }
.btn--accent:hover{ background: var(--accent-2); box-shadow: var(--shadow); color:#fff; }

.btn--ghost{ background: transparent; color: var(--ink); border-color: var(--border); }
.btn--ghost:hover{ border-color: var(--ink); }

.btn--outline{ background: transparent; color: var(--accent-2); border-color: var(--accent); }
.btn--outline:hover{ background: var(--accent); color: #fff; }

.btn--lg{ padding: 1em 2em; font-size: 1.02rem; }
.btn--sm{ padding: .55em 1.2em; font-size: .85rem; }

/* =========================================================
   Utility bar + Header
   ========================================================= */
.utility-bar{
	background: var(--ink);
	color: rgba(255,255,255,.8);
	font-size: .82rem;
}
.utility-bar__row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 8px 24px;
	flex-wrap: wrap;
}
.utility-bar a{ color: #fff; }
.utility-bar__contact{ display: flex; gap: 18px; }
.utility-bar__note{ opacity: .85; }

.site-header{
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(245,247,250,.92);
	backdrop-filter: saturate(180%) blur(10px);
	border-bottom: 1px solid var(--border);
	transition: box-shadow .2s ease;
}
.site-header.is-scrolled{ box-shadow: var(--shadow-sm); }
.site-header__row{
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 14px 24px;
}
.site-branding{ margin-right: auto; }
.site-title-link{ display: flex; flex-direction: column; line-height: 1.1; }
.site-title{ font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; color: var(--ink); }
.site-description{ font-size: .72rem; color: var(--muted); }
.custom-logo{ max-height: 48px; width: auto; }

.main-navigation .nav-menu{
	display: flex;
	align-items: center;
	gap: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation .nav-menu a{
	font-weight: 500;
	font-size: .95rem;
	color: var(--ink);
	padding: 6px 2px;
	border-bottom: 2px solid transparent;
}
.main-navigation .nav-menu a:hover,
.main-navigation .nav-menu .current-menu-item > a{
	border-bottom-color: var(--accent);
	text-decoration: none;
}
.main-navigation .sub-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-toggle{
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	background: transparent;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	cursor: pointer;
}
.nav-toggle__bar{ display:block; width: 18px; height: 2px; margin: 0 auto; background: var(--ink); transition: transform .2s ease, opacity .2s ease; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){ opacity: 0; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

.site-header__cta{ display: block; }

@media (max-width: 900px){
	.site-header__row{ flex-wrap: wrap; }
	.nav-toggle{ display: flex; order: 2; }
	.site-header__cta{ order: 3; }
	.main-navigation{
		order: 4;
		flex-basis: 100%;
		display: none;
	}
	.main-navigation.is-open{ display: block; }
	.main-navigation .nav-menu{
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		padding: 12px 0 4px;
		border-top: 1px solid var(--border);
		margin-top: 12px;
	}
	.main-navigation .nav-menu a{ display:block; width: 100%; padding: 10px 4px; }
	.utility-bar__note{ display: none; }
}

/* =========================================================
   Hero + Business Health Gauge (signature element)
   ========================================================= */
.hero{ padding: 72px 0 56px; overflow: hidden; }
.hero__row{
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	align-items: center;
	gap: 48px;
}
.eyebrow{
	font-family: var(--font-mono);
	font-size: .78rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--accent-2);
	margin-bottom: 14px;
}
.hero__sub{ font-size: 1.08rem; color: var(--muted); max-width: 46ch; }
.hero__actions{ display: flex; gap: 14px; flex-wrap: wrap; margin: 28px 0 18px; }
.hero__software-name{ font-family: var(--font-mono); font-size: .82rem; color: var(--muted); }
.hero__visual{ display: flex; justify-content: center; }

.health-gauge{ display: block; }
.gauge--lg{ width: min(380px, 90vw); }
.gauge--sm{ width: 128px; }
.gauge-track{ fill: none; stroke-width: 22; stroke-linecap: round; }
.gauge-red{ stroke: var(--gauge-red); }
.gauge-amber{ stroke: var(--gauge-amber); }
.gauge-yellow{ stroke: var(--gauge-yellow); }
.gauge-green{ stroke: var(--gauge-green); }
.gauge-needle{
	stroke: var(--ink);
	stroke-width: 4;
	stroke-linecap: round;
	transform-box: view-box;
	transform-origin: 150px 158px;
}
@media (prefers-reduced-motion: no-preference){
	.gauge-needle{ animation: needle-sweep 1.1s cubic-bezier(.22,.9,.24,1) both; animation-delay: .15s; }
}
@keyframes needle-sweep{
	from{ transform: rotate(-72deg); }
	to{ transform: rotate(0deg); }
}
.gauge-hub{ fill: var(--ink); }
.gauge-score{ font-family: var(--font-mono); font-size: 34px; font-weight: 600; fill: var(--ink); text-anchor: middle; }
.gauge--sm .gauge-score{ font-size: 26px; }
.gauge-caption{ font-family: var(--font-body); font-size: 12px; fill: var(--muted); text-anchor: middle; }
.gauge-endlabel{ font-family: var(--font-mono); font-size: 12px; fill: var(--muted); text-anchor: middle; }

@media (max-width: 860px){
	.hero__row{ grid-template-columns: 1fr; text-align: center; }
	.hero__actions{ justify-content: center; }
	.hero__sub{ margin-left: auto; margin-right: auto; }
}

/* =========================================================
   Badge strip
   ========================================================= */
.badge-strip{ background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.badge-strip__row{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 28px;
	padding: 18px 24px;
}
.badge-strip__row span{
	font-family: var(--font-mono);
	font-size: .78rem;
	color: var(--muted);
	letter-spacing: .02em;
}
.badge-strip__row span::before{ content: '✓ '; color: var(--accent-2); }

/* =========================================================
   Sections, generic
   ========================================================= */
.section{ padding: 88px 0; }
.section--muted{ background: var(--surface); }
.section--ink{ background: var(--ink); color: #fff; }
.section--ink p{ color: rgba(255,255,255,.72); }

.section-eyebrow{
	font-family: var(--font-mono);
	font-size: .78rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--accent-2);
	margin-bottom: 10px;
}
.section-eyebrow--light{ color: #7FE3B4; }
.section-heading{ max-width: 46ch; }
.section-heading--light{ color: #fff; }
.section-lead{ color: var(--muted); max-width: 60ch; margin-bottom: 44px; }

/* =========================================================
   Feature grid
   ========================================================= */
.feature-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 36px;
}
.feature-card{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 28px;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.feature-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow); border-color: transparent; }
.feature-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: rgba(31,170,110,.12);
	color: var(--accent-2);
	margin-bottom: 16px;
}
.feature-icon svg{ width: 24px; height: 24px; }
.feature-card h3{ margin-bottom: 8px; }
.feature-card p{ color: var(--muted); font-size: .94rem; margin: 0; }

/* =========================================================
   Uniqueness grid (on dark section)
   ========================================================= */
.unique-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	margin-top: 36px;
}
.unique-card{
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: var(--radius);
	padding: 26px;
}
.unique-card h3{ color: #fff; font-size: 1.05rem; }
.unique-card p{ color: rgba(255,255,255,.68); font-size: .92rem; }
.feature-icon--light{ background: rgba(255,255,255,.1); color: #7FE3B4; }
.unique-card__gauge{ margin: -10px 0 4px -6px; }
.unique-card__gauge .gauge-score,
.unique-card__gauge .gauge-caption,
.unique-card__gauge .gauge-endlabel{ fill: #fff; }
.unique-card__gauge .gauge-caption{ fill: rgba(255,255,255,.68); }

/* =========================================================
   Screenshots
   ========================================================= */
.screenshot-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 26px;
	margin-top: 36px;
}
.app-frame{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	margin: 0;
}
.app-frame__bar{
	display: flex;
	gap: 6px;
	padding: 10px 12px;
	background: var(--ink-2);
}
.app-frame__bar span{ width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.35); }
.app-frame__bar span:first-child{ background: var(--gauge-red); }
.app-frame__bar span:nth-child(2){ background: var(--gauge-amber); }
.app-frame__bar span:nth-child(3){ background: var(--gauge-green); }
.app-frame img{ width: 100%; display: block; }
.app-frame figcaption{ padding: 12px 16px; font-size: .85rem; color: var(--muted); }

.app-frame--placeholder .app-frame__ph-body{ padding: 22px; }
.ph-line{ height: 10px; border-radius: 6px; background: var(--border); margin-bottom: 10px; }
.ph-line--w60{ width: 60%; }
.ph-line--w40{ width: 40%; }
.ph-blocks{ display: flex; gap: 10px; margin-top: 18px; }
.ph-block{ flex: 1; height: 64px; border-radius: 8px; background: linear-gradient(180deg, rgba(31,170,110,.16), rgba(31,170,110,.04)); }
.placeholder-note{ text-align: center; color: var(--muted); font-size: .85rem; margin-top: 22px; }

/* =========================================================
   Video
   ========================================================= */
.video-frame{
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--ink);
	box-shadow: var(--shadow);
	margin-top: 32px;
}
.video-frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-frame--empty{ display: flex; align-items: center; justify-content: center; }
.video-frame__placeholder{ text-align: center; color: rgba(255,255,255,.75); padding: 24px; }
.video-frame__icon{ display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,.12); font-size: 1.3rem; margin-bottom: 14px; }

/* =========================================================
   Example block
   ========================================================= */
.example-block{ text-align: center; }
.example-block .section-eyebrow{ justify-content: center; }
.example-text{ font-size: 1.1rem; color: var(--muted); max-width: 64ch; margin: 0 auto; }

/* =========================================================
   Pricing / licensing
   ========================================================= */
.pricing-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	max-width: 780px;
	margin: 36px auto 0;
}
.pricing-card{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: 32px;
	text-align: center;
}
.pricing-card--featured{ border-color: var(--accent); box-shadow: var(--shadow); position: relative; }
.pricing-card p{ color: var(--muted); min-height: 3em; }

/* =========================================================
   Step list (Downloads → How it works)
   ========================================================= */
.step-list{ list-style: none; margin: 40px 0 0; padding: 0; display: grid; gap: 22px; }
.step-list li{ display: flex; gap: 18px; align-items: flex-start; }
.step-list__num{
	flex: none;
	width: 36px; height: 36px;
	border-radius: 50%;
	background: var(--ink);
	color: #fff;
	font-family: var(--font-mono);
	font-weight: 600;
	display: flex; align-items: center; justify-content: center;
}
.step-list h3{ margin-bottom: 4px; font-size: 1.02rem; }
.step-list p{ color: var(--muted); margin: 0; }

/* =========================================================
   CTA band
   ========================================================= */
.cta-band{ background: var(--ink); color: #fff; padding: 56px 0; }
.cta-band__row{ display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.cta-band h2{ color: #fff; margin: 0; max-width: 32ch; }

/* =========================================================
   Value grid (About Us)
   ========================================================= */
.value-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 36px; }
.value-card{ background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 26px; }
.value-card p{ color: var(--muted); margin: 0; font-size: .95rem; }
.page-hero{ padding: 64px 0 8px; text-align: center; }
.page-hero .hero__sub{ margin-left: auto; margin-right: auto; }
.prose h2{ margin-top: 0; }
.prose p{ color: var(--muted); }

/* =========================================================
   Product grid (Downloads page)
   ========================================================= */
.product-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 22px; margin-top: 32px; }
.product-card{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 22px;
	text-align: center;
	display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.product-card__image{ display: block; width: 100%; }
.product-card__image img{ border-radius: var(--radius-sm); width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.product-card__image-ph{ display: flex; align-items: center; justify-content: center; aspect-ratio: 4/3; width: 100%; background: var(--paper); border-radius: var(--radius-sm); font-size: 1.6rem; color: var(--muted); }
.product-card h3{ font-size: 1.02rem; margin: 4px 0 0; }
.product-card__price{ font-family: var(--font-mono); font-weight: 600; color: var(--accent-2); }
.product-card--placeholder{ justify-content: center; }

/* =========================================================
   Generic page content (page.php)
   ========================================================= */
.page-header{ padding: 56px 0 8px; text-align: center; }
.page-title{ margin: 0; }
.page-content{ padding: 24px 0 80px; }
.page-featured-image{ margin-bottom: 28px; border-radius: var(--radius); overflow: hidden; }
.page-content .container--narrow > *:not(.page-featured-image){ }

/* =========================================================
   Blog / index fallback
   ========================================================= */
.post-card{ padding: 32px 0; border-bottom: 1px solid var(--border); }
.entry-title a{ color: var(--ink); }
.entry-thumbnail{ margin: 16px 0; border-radius: var(--radius); overflow: hidden; }

/* =========================================================
   Footer
   ========================================================= */
.site-footer{ background: var(--ink); color: rgba(255,255,255,.7); margin-top: 0; }
.footer-grid{
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 32px;
	padding: 64px 24px 40px;
}
.footer-col{ min-width: 0; }
.footer-logo{ margin-bottom: 14px; }
.footer-logo .custom-logo{ max-height: 40px; filter: brightness(0) invert(1); }
.footer-widget-title{ color: #fff; font-size: .95rem; margin-bottom: 16px; }
.footer-about{ font-size: .9rem; max-width: 34ch; }
.footer-brand-name{ font-family: var(--font-display); font-weight: 700; color: #fff; font-size: 1.15rem; }
.footer-menu{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: .9rem; }
.footer-menu a{ color: rgba(255,255,255,.72); }
.footer-menu a:hover{ color: #fff; }
.footer-subscribe-link{ color: #7FE3B4 !important; font-weight: 600; }
.footer-widget{ margin-top: 18px; font-size: .88rem; }

.footer-bottom{ border-top: 1px solid rgba(255,255,255,.12); }
.footer-bottom__row{ display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 20px 24px; font-size: .8rem; }
.footer-bottom p{ margin: 0; color: rgba(255,255,255,.55); }

@media (max-width: 900px){
	.feature-grid{ grid-template-columns: repeat(2, 1fr); }
	.unique-grid{ grid-template-columns: repeat(2, 1fr); }
	.footer-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px){
	.feature-grid{ grid-template-columns: 1fr; }
	.unique-grid{ grid-template-columns: 1fr; }
	.value-grid{ grid-template-columns: 1fr; }
	.pricing-grid{ grid-template-columns: 1fr; }
	.footer-grid{ grid-template-columns: 1fr; padding: 48px 24px 32px; }
	.cta-band__row{ justify-content: center; text-align: center; }
	.section{ padding: 64px 0; }
}

/* =========================================================
   WooCommerce
   ========================================================= */
.woocommerce-wrapper{ padding: 56px 0 88px; }
.woocommerce ul.products{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px;
	list-style: none;
	padding: 0;
}
.woocommerce ul.products li.product{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 18px;
	text-align: center;
}
.woocommerce ul.products li.product img{ border-radius: var(--radius-sm); margin-bottom: 12px; }
.woocommerce ul.products li.product .price{ font-family: var(--font-mono); color: var(--accent-2); font-weight: 600; }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce-page a.button{
	font-family: var(--font-body);
	font-weight: 600;
	background: var(--accent);
	color: #fff;
	border-radius: 999px;
	padding: .7em 1.4em;
	border: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover{ background: var(--accent-2); color: #fff; }

.woocommerce div.product .woocommerce-tabs ul.tabs{ border-bottom: 1px solid var(--border); }
.woocommerce table.shop_table{ border-radius: var(--radius); border-color: var(--border); }

.woocommerce-message,
.woocommerce-info{ border-top-color: var(--accent); }
.woocommerce-error{ border-top-color: var(--gauge-red); }

.woocommerce-account .woocommerce-MyAccount-navigation{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 12px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{
	display: block;
	padding: 10px 12px;
	border-radius: var(--radius-sm);
	color: var(--ink);
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background: var(--paper); color: var(--accent-2); }
.woocommerce-account .woocommerce-MyAccount-content{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 28px;
	margin-top: 24px;
}
.woocommerce-MyAccount-downloads table{ font-size: .92rem; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row select{
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	padding: .6em .8em;
}