/**
 * EULawAdjustments Frontend Stylesheet (Amazon-Style Compliance Notice)
 *
 * Uses explicit px units and AfterDeals Slate / Forest Green design tokens
 * to integrate seamlessly into OceanWP (62.5% html font-size) and the child theme.
 *
 * @package EULawAdjustments
 */

:root {
	--eula-border-color: #e2e8f0;
	--eula-margin-top: 0px;
	--eula-margin-bottom: 0px;
	--eula-padding-top: 24px;
	--eula-padding-bottom: 24px;
	--eula-heading-color: #0F172A;
	--eula-text-color: #334155;
	--eula-link-color: #166534;
	--eula-link-hover-color: #14532D;
}

/* Container Box (Full-Width Flexbox Child in Single Product) */
.eula-safety-box,
.single-product div.product .eula-safety-box {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
	float: none !important;
	clear: both !important;
	box-sizing: border-box !important;
	margin-top: var(--eula-margin-top, 0px) !important;
	margin-bottom: var(--eula-margin-bottom, 0px) !important;
	padding-top: var(--eula-padding-top, 24px) !important;
	padding-bottom: var(--eula-padding-bottom, 24px) !important;
	background: transparent;
	font-family: inherit;
	cursor: text;
}

/* Balance spacing above and eliminate duplicate divider below */
.single-product .woocommerce-tabs .heateor_sss_sharing_container {
	margin-bottom: 0 !important;
}

.single-product div.product .eula-safety-box.eula-border-both + .related.products,
.single-product div.product .eula-safety-box.eula-border-bottom + .related.products,
.single-product div.product .eula-safety-box.eula-border-box + .related.products,
.single-product div.product .eula-safety-box.eula-border-both + .upsells.products,
.single-product div.product .eula-safety-box.eula-border-bottom + .upsells.products,
.single-product div.product .eula-safety-box.eula-border-box + .upsells.products {
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Border Variations */
.eula-safety-box.eula-border-both {
	border-top: 1px solid var(--eula-border-color, #e2e8f0) !important;
	border-bottom: 1px solid var(--eula-border-color, #e2e8f0) !important;
}

.eula-safety-box.eula-border-top {
	border-top: 1px solid var(--eula-border-color, #e2e8f0) !important;
}

.eula-safety-box.eula-border-bottom {
	border-bottom: 1px solid var(--eula-border-color, #e2e8f0) !important;
}

.eula-safety-box.eula-border-box {
	border: 1px solid var(--eula-border-color, #e2e8f0) !important;
	border-radius: 12px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	background-color: #ffffff !important;
}

.eula-safety-box.eula-border-none {
	border: none !important;
}

/* Section Heading */
.eula-safety-box .eula-section-heading {
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--eula-heading-color, #0F172A) !important;
	margin: 0 0 18px 0 !important;
	padding: 0 !important;
	letter-spacing: -0.01em !important;
}

/* Section Content Area */
.eula-safety-box .eula-section-body,
.eula-safety-box .eula-section-body p {
	font-size: 15.5px !important;
	line-height: 1.65 !important;
	color: var(--eula-text-color, #334155) !important;
	font-weight: 400 !important;
}

.eula-safety-box .eula-section-body p {
	margin: 0 0 10px 0 !important;
}

.eula-safety-box .eula-section-body p:last-child {
	margin-bottom: 0 !important;
}

/* Subtitles within Content */
.eula-safety-box .eula-amazon-subtitle,
.eula-safety-box .eula-section-body h4,
.eula-safety-box .eula-section-body h3 {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: var(--eula-heading-color, #0F172A) !important;
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
}

/* Hyperlinks */
.eula-safety-box .eula-amazon-link,
.eula-safety-box .eula-section-body a {
	color: var(--eula-link-color, #166534) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
	cursor: pointer !important;
}

.eula-safety-box .eula-amazon-link:hover,
.eula-safety-box .eula-amazon-link:focus,
.eula-safety-box .eula-section-body a:hover,
.eula-safety-box .eula-section-body a:focus {
	color: var(--eula-link-hover-color, #14532D) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.eula-safety-box a:focus-visible {
	outline: 2px solid var(--eula-link-color, #166534);
	outline-offset: 2px;
}

/* Multi-Column Grid */
.eula-safety-box .eula-amazon-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 24px 48px !important;
	align-items: start !important;
	width: 100% !important;
}

.eula-safety-box .eula-amazon-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
}

/* Mobile & Tablet Responsiveness */
@media screen and (max-width: 768px) {
	.eula-safety-box,
	.single-product div.product .eula-safety-box {
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}

	.eula-safety-box .eula-section-heading {
		font-size: 17.5px !important;
		margin-bottom: 14px !important;
	}

	.eula-safety-box .eula-amazon-subtitle,
	.eula-safety-box .eula-section-body h4,
	.eula-safety-box .eula-section-body h3 {
		font-size: 15px !important;
	}

	.eula-safety-box .eula-section-body,
	.eula-safety-box .eula-section-body p {
		font-size: 14.5px !important;
		line-height: 1.6 !important;
	}

	.eula-safety-box .eula-amazon-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}