/* Baker Armory — global polish CSS */

/* WooCommerce auto-injects a customer-account icon block immediately after
   any core/navigation block in block themes. In our header this lands
   between the left-aligned nav and the centered logo, colliding with it.
   Reposition it into the header's action cluster instead of fighting WC's
   injection point. Explicit order on ALL direct flex children so the
   account block's reorder doesn't fight default (order:0) siblings. */
.bakerarmory-header-inner > .wp-block-navigation {
	order: 1;
}
.bakerarmory-header-inner > .bakerarmory-brand-group {
	order: 2;
}
.bakerarmory-header-inner > .wp-block-woocommerce-customer-account {
	order: 5;
	margin-left: -8px;
}
.bakerarmory-header-inner > .bakerarmory-header-actions {
	order: 4;
	margin-left: auto;
}
.bakerarmory-site-header .wc-block-customer-account__link {
	color: var(--wp--preset--color--gold);
}
/* WooCommerce also auto-injects its own mini-cart block before core/navigation
   in block themes. We already have a custom cart icon in the header actions
   cluster, so hide the auto-injected one to avoid a duplicate/unstyled cart
   icon floating at the far left of the header. */
.bakerarmory-site-header .wp-block-woocommerce-mini-cart {
	display: none;
}
.bakerarmory-header-inner {
	display: flex;
	align-items: center;
}
.bakerarmory-header-inner {
	gap: 24px;
	position: relative;
}
.bakerarmory-brand-group {
	gap: 10px;
	align-items: center;
}
.bakerarmory-logo-centered {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.bakerarmory-logo-mark img {
	display: block;
}
.bakerarmory-header-actions {
	gap: 16px;
	align-items: center;
}

/* Entry badge — "$15 = 1 Entry" pill */
.bakerarmory-entry-badge {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--gold);
	border: 1px solid var(--wp--preset--color--gold);
	padding: 4px 12px;
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.bakerarmory-cart-icon {
	font-size: 1.4rem;
	text-decoration: none;
	line-height: 1;
}

/* Buttons */
.wp-block-button__link {
	transition: background-color 0.15s ease, color 0.15s ease;
}
.bakerarmory-cta-btn .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--black) !important;
}

/* Outline button variant (for secondary CTAs) */
.is-style-outline .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--white);
	background: transparent !important;
	color: var(--wp--preset--color--white) !important;
}
.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--black) !important;
}

/* Giveaway explainer / trust band components */
.bakerarmory-tier-ladder {
	border: 1px solid var(--wp--preset--color--gold);
	background: var(--wp--preset--color--black-soft);
	padding: 24px;
}

.bakerarmory-giveaway-banner {
	background: var(--wp--preset--color--black-soft);
	border-top: 2px solid var(--wp--preset--color--gold);
	border-bottom: 2px solid var(--wp--preset--color--gold);
	padding: 16px 24px;
	text-align: center;
}

/* Product cards (WooCommerce) */
ul.products li.product,
.bakerarmory-card {
	background: var(--wp--preset--color--black-soft);
	border: 1px solid var(--wp--preset--color--gold);
	padding: 16px;
	transition: border-color 0.15s ease;
}
ul.products li.product:hover,
.bakerarmory-card:hover {
	border-color: var(--wp--preset--color--white);
}
ul.products li.product .price {
	color: var(--wp--preset--color--gold);
	font-weight: 600;
}
ul.products li.product h2,
ul.products li.product h3 {
	color: var(--wp--preset--color--white);
}
/* WooCommerce's stock placeholder image ships as light-grey/white artwork —
   invert + dim it so it reads as an intentional dark placeholder rather than
   a broken image floating on the black background. Real product photography
   will override this via normal <img> tags once the catalog exists. */
ul.products li.product img[src*="woocommerce-placeholder"] {
	filter: invert(1) brightness(0.6);
	background: var(--wp--preset--color--black-soft);
}

/* Product page giveaway reminder module */
.bakerarmory-entry-reminder {
	border-left: 3px solid var(--wp--preset--color--gold);
	padding: 10px 16px;
	margin: 16px 0;
	background: var(--wp--preset--color--black-soft);
	font-size: 0.9rem;
}

/* WooCommerce cart/checkout brand alignment */
.woocommerce table.shop_table,
.woocommerce-checkout table.shop_table {
	border-color: #2a2a2a;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-checkout #payment #place_order {
	background-color: var(--wp--preset--color--gold) !important;
	color: var(--wp--preset--color--black) !important;
	border-radius: 0 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-family: var(--wp--preset--font-family--heading);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--black) !important;
}

/* Form fields — dark theme adaptation */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
	background: var(--wp--preset--color--black-soft);
	border: 1px solid #3a3a3a;
	color: var(--wp--preset--color--white);
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--wp--preset--color--gold);
}
::selection {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--black);
}

/* WooCommerce Blocks checkout (React components, not plain <input> tags) —
   these render with their own white input background by default and ignore
   the generic input[type] rules above. Text was rendering white-on-white
   and unreadable; force dark text since the field background stays white. */
.wc-block-components-text-input input,
.wc-block-components-text-input input:focus,
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-components-address-form input,
.wc-block-components-combobox input,
.wc-block-components-radio-control input {
	color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--white) !important;
}
.wc-block-components-text-input label,
.wc-block-components-address-form label {
	color: #555 !important;
}

/* FAQ / accordion (native details/summary), reused pattern from PHU/TAPC */
.bakerarmory-faq-item summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--white);
	padding: 12px 0;
	border-bottom: 1px solid #2a2a2a;
	position: relative;
}
.bakerarmory-faq-item summary::after {
	content: "+";
	color: var(--wp--preset--color--gold);
	position: absolute;
	right: 0;
}
.bakerarmory-faq-item[open] summary::after {
	content: "\2212";
}