/**
Theme Name: SolaceCore Child
Author: Solace Core LLC
Author URI: https://solacecore.store
Description: Child theme for solacecore.store. Used for custom WooCommerce and Astra overrides, CSS, and safe updates without losing changes.
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: solacecore-child
Template: astra
*/

/* Product slug under single product title */
.single-product div.product .summary .sc-product-slug {
	margin: 0.25rem 0 1rem;
	font-size: 0.85rem;
	line-height: 1.4;
	color: #6b7280;
	letter-spacing: 0.02em;
	font-weight: 500;
	word-break: break-all;
}


/* ------------------------------
   SolaceCore Visual Refresh v1
   Stronger contrast, cleaner ecommerce look
------------------------------- */
:root {
	--sc-bg: #f5f7fa;
	--sc-surface: #ffffff;
	--sc-surface-alt: #f1f4f8;
	--sc-text: #142033;
	--sc-muted: #5f6b7a;
	--sc-border: #e2e8f0;
	--sc-accent: #e55b3c;
	--sc-accent-strong: #c94629;
	--sc-accent-soft: #ffe6df;
	--sc-success: #1f7a57;
}

body {
	background: radial-gradient(circle at 10% -20%, #fff4ef 0%, rgba(255, 244, 239, 0) 38%),
		linear-gradient(180deg, #f8fafc 0%, var(--sc-bg) 100%);
	color: var(--sc-text);
}

.site,
#page {
	background: transparent;
}

.main-header-bar,
.ast-desktop .main-header-menu,
.ast-mobile-header-wrap .ast-primary-header-bar {
	background: var(--sc-surface);
	border-bottom: 1px solid var(--sc-border);
	box-shadow: 0 4px 20px rgba(20, 32, 51, 0.05);
}

.main-header-menu .menu-item > a,
.ast-header-break-point .main-header-menu .menu-item > a {
	color: var(--sc-text);
	font-weight: 600;
	letter-spacing: 0.01em;
}

.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a {
	color: var(--sc-accent);
}

a {
	color: #d64b2f;
}

a:hover,
a:focus {
	color: var(--sc-accent-strong);
}

.ast-container,
.content-area {
	color: var(--sc-text);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--sc-surface);
	border: 1px solid var(--sc-border);
	border-radius: 14px;
	padding: 14px;
	box-shadow: 0 10px 24px rgba(20, 32, 51, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(20, 32, 51, 0.08);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--sc-success);
	font-weight: 700;
}

.woocommerce span.onsale {
	background: var(--sc-accent);
	border-radius: 999px;
	padding: 0.2em 0.7em;
	font-weight: 700;
}

.button,
.wp-element-button,
button,
input[type='button'],
input[type='submit'],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .checkout-button.button.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
	background: var(--sc-accent);
	border: 1px solid var(--sc-accent);
	color: #fff;
	border-radius: 10px;
	font-weight: 700;
	transition: all 0.2s ease;
}

.button:hover,
.wp-element-button:hover,
button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce .checkout-button.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
	background: var(--sc-accent-strong);
	border-color: var(--sc-accent-strong);
	color: #fff;
}

.woocommerce div.product .summary,
.woocommerce-page div.product .summary {
	background: var(--sc-surface);
	border: 1px solid var(--sc-border);
	border-radius: 14px;
	padding: 18px;
}

.woocommerce .quantity .qty {
	border-radius: 8px;
	border: 1px solid var(--sc-border);
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	border-radius: 10px;
	border-width: 1px;
}

input[type='text'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='password'],
textarea,
select {
	border: 1px solid #d6dce5;
	border-radius: 8px;
	background: #fff;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
	border-color: #f08a73;
	box-shadow: 0 0 0 3px rgba(229, 91, 60, 0.16);
}

.site-footer,
.ast-footer-overlay {
	background: #111a2a;
	color: #d2d8e2;
}

.site-footer a,
.ast-footer-overlay a {
	color: #ffffff;
}

.site-footer a:hover,
.ast-footer-overlay a:hover {
	color: #ffc8bb;
}

@media (max-width: 768px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		padding: 12px;
		border-radius: 12px;
	}

	.woocommerce div.product .summary,
	.woocommerce-page div.product .summary {
		padding: 14px;
	}
}

/* ------------------------------
   SolaceCore Navy Theme v2
   Target: remove pale pink and apply deep blue style
------------------------------- */
:root {
	--sc2-navy-900: #0f2238;
	--sc2-navy-800: #1b3551;
	--sc2-navy-700: #274764;
	--sc2-slate-100: #f3f6fa;
	--sc2-slate-200: #e1e8f0;
	--sc2-slate-300: #c6d3e2;
	--sc2-text: #102239;
	--sc2-text-soft: #445a73;
	--sc2-accent: #f19a6b;
	--sc2-accent-strong: #e67f4d;
	--sc2-success: #1f7a57;
}

html body,
body,
.ast-separate-container,
.site,
#page,
.ast-plain-container,
.ast-page-builder-template {
	background: linear-gradient(180deg, #f8fbff 0%, #eff4fa 100%) !important;
	color: var(--sc2-text);
}

.main-header-bar,
.ast-primary-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar {
	background: #ffffff !important;
	border-bottom: 1px solid var(--sc2-slate-200) !important;
	box-shadow: 0 6px 20px rgba(12, 31, 53, 0.06);
}

.main-header-menu .menu-item > a,
.ast-header-break-point .main-header-menu .menu-item > a {
	color: var(--sc2-navy-900) !important;
	font-weight: 600;
}

.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a {
	color: var(--sc2-accent-strong) !important;
}

a,
a:visited {
	color: #1f4f7a;
}

a:hover,
a:focus {
	color: var(--sc2-accent-strong);
}

/* Force checkout/cart zone away from pink */
.woocommerce-checkout .site-content,
.woocommerce-cart .site-content,
.woocommerce-account .site-content,
.woocommerce-page .site-content,
.woocommerce-checkout form.checkout,
.woocommerce-cart-form,
.cart_totals,
#order_review,
#order_review_heading,
.woocommerce-billing-fields,
.woocommerce-additional-fields,
.woocommerce form .form-row,
.woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set,
.woocommerce .shop_table,
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	background: #ffffff !important;
	border-color: var(--sc2-slate-200) !important;
}

/* Product and list cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.single-product div.product .summary {
	background: #ffffff !important;
	border: 1px solid var(--sc2-slate-200) !important;
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(13, 33, 55, 0.06);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--sc2-success) !important;
	font-weight: 700;
}

/* Buttons */
button,
.button,
.wp-element-button,
input[type='button'],
input[type='submit'],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .checkout-button.button.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
	background: var(--sc2-navy-800) !important;
	border: 1px solid var(--sc2-navy-800) !important;
	color: #fff !important;
	border-radius: 10px;
	font-weight: 700;
}

button:hover,
.button:hover,
.wp-element-button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .checkout-button.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
	background: var(--sc2-navy-900) !important;
	border-color: var(--sc2-navy-900) !important;
}

/* Inputs */
input[type='text'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='password'],
textarea,
select,
.select2-container--default .select2-selection--single {
	background: #ffffff !important;
	border: 1px solid var(--sc2-slate-300) !important;
	border-radius: 8px !important;
	color: var(--sc2-text) !important;
}

input:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #6d8fb1 !important;
	box-shadow: 0 0 0 3px rgba(56, 97, 138, 0.18) !important;
}

/* Navy section utility (for blocks/containers if you add class) */
.sc-navy-section {
	background: var(--sc2-navy-800) !important;
	color: #e5edf7 !important;
}

.sc-navy-section h1,
.sc-navy-section h2,
.sc-navy-section h3,
.sc-navy-section h4 {
	color: #ffffff !important;
}

.sc-navy-section a {
	color: var(--sc2-accent) !important;
}

/* ------------------------------
   CartFlows Checkout Navy Override
   Reason: CartFlows inline vars were forcing pink palette
------------------------------- */
body.cartflows_step-template,
body.cartflows_step-template .wcf-embed-checkout-form,
body.cartflows_step-template .cartflows-checkout-main-wrapper,
body.cartflows_step-template .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout {
	--wcf-primary-color: #2c4a67 !important;
	--wcf-heading-color: #12243a !important;
	--wcf-btn-bg-color: #2c4a67 !important;
	--wcf-btn-bg-hover-color: #1b3148 !important;
	--wcf-btn-text-color: #ffffff !important;
	--wcf-btn-hover-text-color: #ffffff !important;
	--wcf-field-text-color: #23374f !important;
	--wcf-ic-left-column-bg-color: #eaf0f6 !important;
	--wcf-ic-right-column-bg-color: #ffffff !important;
}

body.cartflows_step-template .wcf-embed-checkout-form,
body.cartflows_step-template .wcf-embed-checkout-form .wcf-col2-set,
body.cartflows_step-template .wcf-embed-checkout-form .woocommerce,
body.cartflows_step-template .wcf-embed-checkout-form #customer_details,
body.cartflows_step-template .wcf-embed-checkout-form #order_review,
body.cartflows_step-template .wcf-embed-checkout-form .woocommerce-checkout-review-order,
body.cartflows_step-template .wcf-embed-checkout-form .woocommerce-checkout-payment,
body.cartflows_step-template .wcf-embed-checkout-form .shop_table,
body.cartflows_step-template .wcf-embed-checkout-form .woocommerce table.shop_table,
body.cartflows_step-template .wcf-embed-checkout-form .col-1,
body.cartflows_step-template .wcf-embed-checkout-form .col-2 {
	background-color: #ffffff !important;
}

body.cartflows_step-template .wcf-embed-checkout-form .woocommerce-billing-fields,
body.cartflows_step-template .wcf-embed-checkout-form .woocommerce-additional-fields,
body.cartflows_step-template .wcf-embed-checkout-form .woocommerce form .form-row,
body.cartflows_step-template .wcf-embed-checkout-form .form-row,
body.cartflows_step-template .wcf-embed-checkout-form input,
body.cartflows_step-template .wcf-embed-checkout-form select,
body.cartflows_step-template .wcf-embed-checkout-form textarea {
	background-color: #ffffff !important;
	border-color: #c9d6e4 !important;
	color: #1b2f45 !important;
}

body.cartflows_step-template .wcf-embed-checkout-form button,
body.cartflows_step-template .wcf-embed-checkout-form .button,
body.cartflows_step-template .wcf-embed-checkout-form .wp-element-button,
body.cartflows_step-template .wcf-embed-checkout-form input[type='submit'],
body.cartflows_step-template .wcf-embed-checkout-form #place_order {
	background: #2c4a67 !important;
	border-color: #2c4a67 !important;
	color: #fff !important;
}

body.cartflows_step-template .wcf-embed-checkout-form button:hover,
body.cartflows_step-template .wcf-embed-checkout-form .button:hover,
body.cartflows_step-template .wcf-embed-checkout-form input[type='submit']:hover,
body.cartflows_step-template .wcf-embed-checkout-form #place_order:hover {
	background: #1b3148 !important;
	border-color: #1b3148 !important;
}