/**
 * Theme Name:   Astra Child - MyTrueFit Corrector
 * Theme URI:    https://mytruefitcorrector.test
 * Description:  Custom child theme for MyTrueFit Corrector single-product store.
 * Author:       MyTrueFit Corrector
 * Template:     astra
 * Version:      2.0.0
 * Text Domain:  astra-child
 * License:      GNU General Public License v2 or later
 */

/* ==========================================================================
   Global Brand Styles
   Ink #0E1525 | Coral #FF5C35 | Teal #1A8F8A | Mist #F3F6F8
   ========================================================================== */

:root {
	--dcs-cyan: #FF5C35;
	--dcs-cyan-dark: #E84A26;
	--dcs-navy: #0E1525;
	--dcs-navy-dark: #080C14;
	--dcs-teal: #1A8F8A;
	--dcs-light: #F3F6F8;
	--dcs-gray: #5C6B7A;
	--dcs-container-pad: 24px;
	--dcs-radius: 10px;
	--dcs-font: 'Outfit', 'Segoe UI', sans-serif;
	--dcs-font-display: 'Fraunces', Georgia, serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: var(--dcs-font);
	overflow-x: hidden;
	margin: 0;
	color: var(--dcs-navy);
	background: #fff;
}

img,
svg,
video,
iframe {
	max-width: 100%;
	height: auto;
}

.dcs-container {
	max-width: 1180px;
	margin: 0 auto;
	padding-left: var(--dcs-container-pad);
	padding-right: var(--dcs-container-pad);
	width: 100%;
}

.dcs-home,
.dcs-about,
.dcs-contact,
.dcs-faqs,
.dcs-reviews,
.dcs-legal,
.dcs-product {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* Buttons */
.dcs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: var(--dcs-radius);
	font-family: var(--dcs-font);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border: 2px solid transparent;
	cursor: pointer;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
	white-space: nowrap;
}

.dcs-btn--primary {
	background: var(--dcs-cyan);
	color: #fff;
	border-color: var(--dcs-cyan);
}

.dcs-btn--primary:hover {
	background: var(--dcs-cyan-dark);
	border-color: var(--dcs-cyan-dark);
	color: #fff;
	transform: translateY(-1px);
}

.dcs-btn--outline {
	background: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.55);
}

.dcs-btn--outline:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: #fff;
	color: #fff;
}

.dcs-btn--outline-dark {
	background: transparent;
	color: var(--dcs-navy);
	border-color: rgba(14, 21, 37, 0.25);
}

.dcs-btn--outline-dark:hover {
	border-color: var(--dcs-navy);
	color: var(--dcs-navy);
}

.dcs-btn--light {
	background: #fff;
	color: var(--dcs-navy);
	border-color: #fff;
}

.dcs-btn--light:hover {
	background: var(--dcs-light);
	color: var(--dcs-navy);
}

.dcs-btn--outline-light {
	background: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.55);
}

.dcs-btn--lg {
	padding: 16px 34px;
	font-size: 16px;
}

/* WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button,
.add_to_cart_button,
.single_add_to_cart_button {
	background-color: var(--dcs-cyan) !important;
	color: #fff !important;
	border-color: var(--dcs-cyan) !important;
	border-radius: var(--dcs-radius) !important;
	font-weight: 600 !important;
	transition: all 0.25s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
	background-color: var(--dcs-cyan-dark) !important;
	border-color: var(--dcs-cyan-dark) !important;
	color: #fff !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--dcs-cyan);
	font-weight: 700;
}

a {
	color: var(--dcs-teal);
}

a:hover {
	color: var(--dcs-navy);
}

.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
	overflow-x: auto;
}

.woocommerce table.shop_table {
	width: 100%;
}

@media (max-width: 992px) {
	:root {
		--dcs-container-pad: 20px;
	}
}

@media (max-width: 768px) {
	:root {
		--dcs-container-pad: 16px;
	}

	.dcs-btn,
	.dcs-btn--primary,
	.dcs-btn--light,
	.dcs-btn--lg,
	.dcs-btn--outline,
	.dcs-btn--outline-dark,
	.dcs-btn--outline-light {
		min-height: 48px;
		padding-left: 22px;
		padding-right: 22px;
	}

	.woocommerce table.shop_table_responsive thead {
		display: none;
	}

	.woocommerce-cart table.cart img {
		width: 48px;
		height: auto;
	}
}

@media (max-width: 480px) {
	:root {
		--dcs-container-pad: 14px;
	}

	body {
		font-size: 15px;
	}
}