/*
Theme Name:     EC CAM TOOLS CHILD
Theme URI:      https://eccamtool.com
Template:       kadence
Author:         Threshold Solutions
Author URI:     https://spencer-taylor.com
Description:    Child theme for EC Cam Tools (E C CAM TOOLS, LLC). Brand colors, type, and WooCommerce styling.
Version:        1.1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ==========================================================================
   Brand tokens (mirror the Kadence global palette; see functions.php)
   ========================================================================== */
:root {
	--ec-brass: var(--global-palette1, #C9A04F);
	--ec-brass-deep: var(--global-palette2, #8C6420);
	--ec-forge: var(--global-palette3, #0E0F11);
	--ec-charcoal: var(--global-palette4, #16181B);
	--ec-gunmetal: var(--global-palette5, #5B6168);
	--ec-steel: var(--global-palette6, #B9BEC4);
	--ec-line: var(--global-palette7, #E7E3DB);
	--ec-paper: var(--global-palette8, #F4F2EE);
	--ec-radius: 4px;
}

/* ==========================================================================
   Buttons: Barlow, bold, uppercase (theme sets colors and radius)
   ========================================================================== */
.button,
button.button,
.wp-element-button,
.wc-block-components-button,
.kb-button,
input[type="submit"] {
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

/* ==========================================================================
   Header: dark bar, steel nav, brass hover
   ========================================================================== */
.site-header .header-navigation .menu > li > a {
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.site-header .site-branding img,
.site-header .custom-logo {
	height: auto;
}

/* ==========================================================================
   Shop Kit snackbar notices: brand styling on all screens
   ========================================================================== */
.woocommerce-notices-wrapper {
	--kwsb-background: var(--ec-forge);
	--kwsb-color: #F4F2EE;
}
.woocommerce-notices-wrapper > :not(.cart-empty) {
	border-left: 4px solid var(--ec-brass) !important;
	border-radius: var(--ec-radius) !important;
	gap: .75rem;
}
.woocommerce-notices-wrapper .woocommerce-error {
	--kwsb-background: #B3261E;
	border-left-color: #F4F2EE !important;
}
.woocommerce-notices-wrapper .ec-notice-text {
	flex: 1 1 auto;
}
.woocommerce-notices-wrapper > :not(.cart-empty) a.ec-notice-link {
	color: var(--ec-steel);
	text-decoration: underline;
	white-space: nowrap;
}
.woocommerce-notices-wrapper > :not(.cart-empty) a.button.ec-notice-checkout {
	background: var(--ec-brass);
	color: var(--ec-forge);
	border: 0;
	border-radius: var(--ec-radius);
	padding: .6em 1.1em;
	margin: 0;
	font-weight: 700;
	white-space: nowrap;
}
.woocommerce-notices-wrapper > :not(.cart-empty) a.button.ec-notice-checkout:hover,
.woocommerce-notices-wrapper > :not(.cart-empty) a.button.ec-notice-checkout:focus {
	background: #E0BC6C;
	color: var(--ec-forge);
}

/* Mobile: pin the snackbar full width at the bottom of the screen, above the
   phone's home bar, with a large tap target for Checkout. Stays until dismissed. */
@media (max-width: 767px) {
	.woocommerce .woocommerce-notices-wrapper,
	.woocommerce-notices-wrapper {
		left: .75rem;
		right: .75rem;
		bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
		max-width: none;
		font-size: 15px;
	}
	.woocommerce-notices-wrapper > .kwsb-snackbar-notice:not(.cart-empty) {
		display: grid !important;
		grid-template-columns: auto 1fr;
		align-items: center;
		gap: .75rem 1rem;
		text-align: left;
		padding: .9rem 3rem .9rem 1rem !important;
	}
	.woocommerce-notices-wrapper .ec-notice-text {
		grid-column: 1 / -1;
		grid-row: 1;
	}
	.woocommerce-notices-wrapper > :not(.cart-empty) a.ec-notice-link {
		grid-column: 1;
		grid-row: 2;
	}
	.woocommerce-notices-wrapper > :not(.cart-empty) a.button.ec-notice-checkout {
		grid-column: 2;
		grid-row: 2;
		text-align: center;
		padding: .85em 1em;
	}
}

/* ==========================================================================
   Trust markers (Veteran-Owned · Made in USA · Patent Pending)
   ========================================================================== */
.ec-pill {
	display: inline-block;
	padding: .3em .75em;
	border: 1.5px solid var(--ec-brass);
	border-radius: 3px;
	color: var(--ec-brass);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer .site-bottom-footer-inner-wrap,
.site-footer .footer-html {
	color: var(--ec-steel);
}
.site-footer a {
	color: var(--ec-steel);
}
.site-footer a:hover {
	color: var(--ec-brass);
}
