/*
Theme Name: GeneratePress Child
Theme URI: https://docnation.mystagingwebsite.com
Description: Child theme of GeneratePress for DocNation site-specific customizations.
Author: DocNation
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

/* ==========================================================================
   Mobile audit fixes — 2026-07-16
   Source: ~/mobile-audit/results.json (Playwright render audit, 360/390/414)
   Forces 44px min tap targets without changing visible text size/line-height.
   ========================================================================== */

/* Header nav links: measured 27px tall (widths 47-107px, already >=44 wide) */
nav.gb-element-dnhd004 > a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 12px;
}

/* Footer text links (Home, Membership, Contact, Privacy Policy, etc.): measured 26px tall */
div.gb-element-dnft001 a[class*="gb-element-dnft0"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

/* Footer social icon links: measured 42x42. These are already flex containers
   with align-items:center;justify-content:center (see generateblocks/style-*.css),
   so growing min-width/min-height alone keeps the icon centered — no padding needed. */
div.gb-element-dnft007 > a {
	min-width: 44px;
	min-height: 44px;
}

/* 404 template search form: input and submit button measured 4.4px apart */
main#main form.search-form label {
	margin-right: 8px;
}

/* === Gravity Forms dark-theme overrides — added 2026-07-27 ===
   Scope: form-specific selectors only (.gform_wrapper, .gfield, .gform_button).
   Default GF "Orbital" theme renders a stock blue submit button that clashes
   against the DocNation brand palette (near-black / orange / white). This
   restyles the button, required-field indicator, and inputs to match the
   brand tokens in design-tokens.json without touching any other site styles.
   !important is required here because Gravity Forms enqueues its own
   gravity-forms-orbital-theme.min.css / gravity-forms-theme-framework.min.css
   AFTER this stylesheet, at equal or higher selector specificity — verified
   via screenshot that plain (non-!important) overrides were losing the
   cascade to GF's own theme CSS. */

.gform_wrapper .gform_button.button {
	background-color: #ff914d !important;
	border: none !important;
	border-radius: 100px !important;
	color: #ffffff !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 16px 22px !important;
}

.gform_wrapper .gform_button.button:hover,
.gform_wrapper .gform_button.button:focus {
	background-color: #f2792a !important;
	color: #ffffff !important;
}

.gform_wrapper .gfield_label {
	color: #0a0a0a !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700 !important;
}

.gform_wrapper .gfield_required {
	color: #ff914d !important;
}

.gform_wrapper .ginput_container input[type="text"],
.gform_wrapper .ginput_container input[type="email"],
.gform_wrapper .ginput_container input[type="tel"],
.gform_wrapper .ginput_container textarea {
	border: 1px solid #d9d2cb !important;
	border-radius: 999px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	padding: 17px 21px !important;
}

.gform_wrapper .ginput_container textarea {
	border-radius: 22px !important;
}

.gform_wrapper .ginput_container input:focus,
.gform_wrapper .ginput_container textarea:focus {
	border-color: #ff914d !important;
	outline: none !important;
}