/**
 * Light-page readability — Contact / Elementor info pages / forms.
 * Overlay white text remains scoped in overlay-sticky-header.css (home header only).
 */

/* Page + Elementor content ink */
body.page .site-main,
body.page .site-content,
body.page .elementor,
body.page .elementor-widget-wrap,
body.page .elementor-element,
body.page .elementor-heading-title,
body.page .elementor-widget-text-editor,
body.page .elementor-widget-text-editor *,
body.page .elementor-widget-shortcode,
body:not(.home) .site-main a:not(.dinc-btn):not(.dinc-wa-float):not(.button) {
	color: var(--dinc-ink, #111111);
}

body.page .elementor-heading-title,
body.page h1.elementor-heading-title,
body.page h2.elementor-heading-title {
	color: var(--dinc-ink, #111111) !important;
	opacity: 1 !important;
}

/* Contact / store / FAQ shortcode surfaces */
.dinc-contact-form-wrap,
.dinc-contact-form,
.dinc-contact-form label,
.dinc-contact-form input,
.dinc-contact-form textarea,
.dinc-contact-form .required,
.dinc-footer-contact,
.dinc-footer-contact *,
.dinc-store-locator,
.dinc-store-locator *,
.dinc-faq,
.dinc-faq * {
	color: var(--dinc-ink, #111111);
}

.dinc-contact-form input,
.dinc-contact-form textarea {
	background: #f3f3f3;
	border: 1px solid #e5e5e5;
	color: #111111;
}

.dinc-contact-form input::placeholder,
.dinc-contact-form textarea::placeholder {
	color: #7a7a7a;
	opacity: 1;
}

.dinc-contact-form a,
.dinc-footer-contact a,
.dinc-store-locator a {
	color: var(--dinc-ink, #111111);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.dinc-contact-form a:hover,
.dinc-footer-contact a:hover,
.dinc-store-locator a:hover {
	opacity: 0.72;
}

.dinc-contact-form a:focus-visible,
.dinc-footer-contact a:focus-visible,
.dinc-store-locator a:focus-visible,
.dinc-contact-form input:focus-visible,
.dinc-contact-form textarea:focus-visible,
.dinc-contact-form button:focus-visible {
	outline: 2px solid var(--dinc-ink, #111);
	outline-offset: 2px;
}

.dinc-contact-form__submit {
	background: var(--dinc-ink, #111);
	color: #fff !important;
	border: none;
}

/* Size guide table */
.dinc-size-guide-page {
	max-width: 56rem;
	margin: 0 auto;
	padding: 2rem var(--dinc-gutter, 1.25rem) 3rem;
	color: var(--dinc-ink, #111);
}

.dinc-size-guide-page .dinc-size-chart-figure {
	margin: 0 0 2rem;
	padding: 0;
}

.dinc-size-guide-page .dinc-size-chart-img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #e5e5e5;
}

/* Visual chart is the image; HTML tables stay for accessibility / screen readers. */
.dinc-size-guide-page .dinc-size-table-wrap--sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.dinc-size-guide-page h1,
.dinc-size-guide-page h2 {
	font-family: var(--dinc-font-display, var(--dc-font-display, Georgia, serif));
	font-weight: 500;
	color: var(--dinc-ink, #111);
	text-align: center;
	margin: 0 0 1rem;
}

.dinc-size-guide-page > p {
	text-align: center;
	max-width: 40rem;
	margin: 0 auto 1.75rem;
	line-height: 1.55;
	color: #333;
}

.dinc-size-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 2.5rem;
	border: 1px solid #e5e5e5;
}

.dinc-size-table {
	width: 100%;
	min-width: 28rem;
	border-collapse: collapse;
	background: #fff;
}

.dinc-size-table caption {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.dinc-size-table th,
.dinc-size-table td {
	border: 1px solid #e5e5e5;
	padding: 0.85rem 1rem;
	text-align: center;
	color: #111;
}

.dinc-size-table thead th {
	background: #f3f3f3;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.dinc-size-table tbody td:first-child {
	font-weight: 700;
}

.dinc-size-guide-page .dinc-size-guide-wa a {
	color: #111;
	text-decoration: underline;
}

/* Branded selection — never the only way to see text */
::selection {
	background: rgba(138, 115, 85, 0.35);
	color: #111;
}

::-moz-selection {
	background: rgba(138, 115, 85, 0.35);
	color: #111;
}
