/**
 * Theme Name:   Astra Child - Dr Clean Spray
 * Theme URI:    https://mydrcleanspray.com
 * Description:  Custom child theme for Dr Clean Spray single-product store.
 * Author:       Dr Clean Spray
 * Template:     astra
 * Version:      1.1.0
 * Text Domain:  astra-child
 * License:      GNU General Public License v2 or later
 */

/* ==========================================================================
   Global Brand Styles + Mobile Base
   ========================================================================== */

:root {
	--dcs-cyan: #16D3D1;
	--dcs-cyan-dark: #12b8b6;
	--dcs-navy: #0A4B60;
	--dcs-navy-dark: #083a4a;
	--dcs-light: #f0fafb;
	--dcs-gray: #5a6b73;
	--dcs-container-pad: 24px;
}

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

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

body {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	overflow-x: hidden;
	margin: 0;
}

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

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

/* Prevent horizontal overflow on all custom pages */
.dcs-home,
.dcs-about,
.dcs-contact,
.dcs-faqs,
.dcs-reviews,
.dcs-legal,
.dcs-product {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* 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: var(--dcs-navy) !important;
	border-color: var(--dcs-cyan) !important;
	border-radius: 50px !important;
	font-weight: 600 !important;
	transition: all 0.3s 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: #12b8b6 !important;
	border-color: #12b8b6 !important;
	color: var(--dcs-navy) !important;
}

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

/* Links */
a {
	color: var(--dcs-cyan);
}

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

/* WooCommerce cart / checkout mobile */
.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: 24px;
		padding-right: 24px;
	}

	.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;
	}
}