/*
Theme Name: Astra Child - Bowers Orthodontic Specialists
Theme URI: https://bowersortho.com/
Description: Custom Astra child theme for Bowers Orthodontic Specialists (Bloomington, IL). Built by OrthoMarketing.com.
Author: Presentation Multimedia / OrthoMarketing.com
Author URI: https://orthomarketing.com
Template: astra
Version: 1.0.0
Text Domain: astra-child-bowers
*/

/* =========================================================
   BRAND COLOR VARIABLES — PLACEHOLDER
   Swap these once brand colors are confirmed from a live
   screenshot / brand guide. Do not ship to production with
   placeholders still in place.
   ========================================================= */
:root {
	--bowers-primary: #1B4B66;     /* placeholder: deep teal/navy - swap to real brand primary */
	--bowers-secondary: #F2A03D;   /* placeholder: warm accent - swap to real brand secondary */
	--bowers-dark: #14202B;        /* placeholder: near-black navy for text/footer */
	--bowers-light: #F7F9FA;       /* placeholder: light section background */
	--bowers-white: #FFFFFF;
}

/* =========================================================
   HEADER
   ========================================================= */
.site-header {
	transition: box-shadow 0.25s ease, background-color 0.25s ease;
}

.site-header.bowers-header-scrolled {
	box-shadow: 0 2px 12px rgba(20, 32, 43, 0.12);
	background-color: var(--bowers-white);
}

/* =========================================================
   STICKY MOBILE CALL BAR
   ========================================================= */
.bowers-mobile-call-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background-color: var(--bowers-primary);
	padding: 10px 16px;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

.bowers-mobile-call-bar .bowers-call-bar-inner {
	display: flex;
	gap: 10px;
}

.bowers-mobile-call-bar a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: var(--bowers-white);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 8px;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.35);
}

.bowers-mobile-call-bar a.bowers-call-new {
	background-color: var(--bowers-secondary);
	color: var(--bowers-dark);
	border-color: var(--bowers-secondary);
}

.bowers-mobile-call-bar a svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.bowers-mobile-call-bar {
		display: block;
	}

	body {
		padding-bottom: 62px; /* keeps call bar from covering footer content */
	}
}

/* =========================================================
   GRAVITY FORMS — LIGHT BRAND STYLING
   ========================================================= */
.gform_wrapper .gfield_label {
	font-weight: 600;
	color: var(--bowers-dark);
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper select,
.gform_wrapper textarea {
	border: 1px solid #d7dee2;
	border-radius: 6px;
	padding: 10px 12px;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
	border-color: var(--bowers-primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(27, 75, 102, 0.15);
}

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button {
	background-color: var(--bowers-primary);
	color: var(--bowers-white);
	border: none;
	border-radius: 6px;
	padding: 12px 28px;
	font-weight: 600;
	transition: background-color 0.2s ease;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button:hover {
	background-color: var(--bowers-dark);
	cursor: pointer;
}

.gform_confirmation_message {
	border-left: 4px solid var(--bowers-secondary);
	padding: 12px 16px;
	background-color: var(--bowers-light);
}