/*
Theme Name:   Astra Child – LCM Distribution
Theme URI:    https://lcm-distribution.com/
Description:  Child theme for Astra. Restores the front-end styling of the original LCM Distribution site (Astra 4.8.10 / WP 6.x) on newer Astra, WordPress, and WooCommerce versions.
Author:       Cliff Antone
Template:     astra
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:  astra-child
*/

/*
 * Header bar background.
 * Astra 4.14 defaults the primary header to --ast-global-color-primary
 * (global color 4, #f7f7f7). The original site rendered it white.
 */
.ast-primary-header-bar {
	background-color: #fff;
}

/*
 * Header and footer divider lines.
 * Astra 4.14 colors these with --ast-global-color-subtle-background, which
 * falls back to global color 7 (the green). The original site used #eaeaea.
 */
.ast-primary-header-bar,
.ast-below-header-bar,
.ast-header-break-point .ast-primary-header-bar,
.ast-header-break-point .ast-below-header-bar {
	border-bottom-color: #eaeaea;
}

/*
 * Header search box on tablet/phone.
 * Astra 4.8.10 gave the slide search a 2px primary-color border at every
 * width; Astra 4.14 falls back to a 1px grey border below the desktop
 * breakpoint.
 */
.ast-header-search .slide-search .search-form {
	border: 2px solid var(--ast-global-color-0);
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
	border-top-color: #eaeaea;
}

/*
 * Content area spacing on tablet/phone.
 * Astra 4.8.10 swapped the 4em desktop margin for 1.5em padding below
 * 922px; Astra 4.14 dropped this, leaving extra space around shop pages.
 */
@media (max-width: 921px) {
	#primary,
	#secondary {
		padding: 1.5em 0;
		margin: 0;
	}
}

/*
 * Shop star ratings.
 * Astra 4.14 widened the rating row from 5.4em + 5px to 5.4em + 10px.
 */
.woocommerce .star-rating {
	width: calc(5.4em + 5px);
}

/*
 * Form fields.
 * Astra 4.8.10's WooCommerce stylesheet squared off and flattened inputs on
 * every page (Spectra contact form, header search). Astra 4.14 dropped this
 * rule, leaving rounded 4px corners and a drop shadow.
 */
.woocommerce-js form .form-row textarea,
.woocommerce-js input[type="email"],
.woocommerce-js input[type="number"],
.woocommerce-js input[type="password"],
.woocommerce-js input[type="reset"],
.woocommerce-js input[type="search"],
.woocommerce-js input[type="tel"],
.woocommerce-js input[type="text"],
.woocommerce-js input[type="url"],
.woocommerce-js textarea,
.woocommerce-page form .form-row textarea,
.woocommerce-page input[type="email"],
.woocommerce-page input[type="number"],
.woocommerce-page input[type="password"],
.woocommerce-page input[type="reset"],
.woocommerce-page input[type="search"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="text"],
.woocommerce-page input[type="url"],
.woocommerce-page textarea {
	border-color: var(--ast-border-color);
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
}