/*
Theme Name: HCA
Author: Blaine Anderson
Description: A clean, portable rebuild of the custom WooCommerce theme used by the HCA car-parts stores. Bootstrap 4 layout with a large header, information side panel, product-category menus, galleries, parts diagrams and store-friendly product pages. Everything store-specific is a setting under Appearance > Customize > Store theme.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hca
Tags: e-commerce, custom-menu, custom-logo, featured-images, right-sidebar, threaded-comments, translation-ready

Based on WP Bootstrap Starter (c) 2016 Afterimage Designs, GPL v2 or later.
Bundled: Bootstrap 4.5.3 (MIT), Font Awesome Free 5.15.1 (fonts SIL OFL 1.1, CSS MIT),
Owl Carousel 2.3.4 (MIT), WP Bootstrap Navwalker 4.3.0 (GPL v3 or later).

The theme's styles live in assets/css/theme.css; this file only holds the header
WordPress reads, plus a few base rules.
*/

.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 !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; }
.sticky, .gallery-caption, .bypostauthor { display: block; }

/* ---- Pieces the rebuilt templates add (not in the original design) ---- */
.top-parent-title { text-align: center; font-size: 30px; font-weight: 700; margin: 15px 0; }
.hcac-header-contact { font-size: 14px; }
.hcac-header-contact a { color: inherit; }
.hcac-top-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.hcac-contact-to-buy { color: var(--hcac-accent, #ec221f); margin-top: 10px; }
.hcac-buy-now { margin-bottom: 6px; }
.img-counter { position: absolute; top: 10px; right: 10px; background: #000; color: #fff; padding: 5px 8px; font-size: 12px; border-radius: 20px; opacity: 0.8; }
.annoucmnt .f-image { position: relative; }
.product-gallery-images { display: flex; flex-wrap: wrap; gap: 10px; }
.product-gallery-images .gallery-image { width: 150px; }
.product-gallery-images img { width: 100%; height: auto; }
.custom-append-div { margin-top: 30px; }
.custom-description-link { margin-top: 20px; }
.custom-product-buttons { margin-top: 20px; }
.custom-product-buttons .button-wrapper { margin-top: 10px; }
.custom-last-digit-field { margin: 15px 0; }
.custom-last-digit-field label { display: block; margin-top: 10px; }
.unclickable { color: #333; cursor: default; }
.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.is-hidden { display: none; }
.hcac-search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 9999; background: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.hcac-search-item { display: flex; align-items: center; gap: 10px; padding: 8px; border-bottom: 1px solid #eee; color: #333; text-decoration: none; }
.hcac-search-item:hover, .hcac-search-item:focus { background: #f6f6f6; text-decoration: none; }
.hcac-search-item img { width: 40px; height: 40px; object-fit: cover; }
.hcac-search-item span { display: block; }
.hcac-search-price { font-size: 13px; color: #666; }
.hcac-search-none { padding: 8px; color: #777; }

/* ---- Light header layout: the theme's own markup where the light design expected other markup ---- */
/* Icons are Font Awesome font glyphs (<i>), where the old design styled the SVGs its script made. */
.hcac-layout-light .topBar .topBar-right .topBar-right-item i { padding-right: 10px; font-size: 14px; color: var(--hcac-accent-alt, #606); }
.hcac-layout-light .topBar .topBar-right .topBar-right-item i.fa-phone { padding-left: 24px; }
.error-404 .btn-primary { background: var(--hcac-accent, #ec221f); border-color: var(--hcac-accent, #ec221f); }
/* The light design folds the intro text's paragraphs away (max-height 0) instead of removing them. */
.hcac-layout-light :is(.secProwler, .sec_model_intro) .boxContent p.is-hidden { display: block; }
/* The shipping class sits in its own span; it keeps the line's size, as when it was bare text. */
p.sp_txt .hcac-ship-class { font-size: inherit; font-weight: inherit; line-height: inherit; }