/* europeanpaper.com PageSpeed a11y / easy BP / CLS helpers — 2026-10-19b (post-deploy follow-up)
   Load AFTER epc-fixes-20261017.css and css-cart-note-link-epc.css via Cssjs-head-common.
   Contrast targets from Lighthouse (need >= 4.5:1 normal text, >= 3:1 large/bold). */

/* Footer column titles: #e0e0e0 on #808080 was 2.99:1 → white on darker gray */
#footer .footerColumn .title,
#footer .footer-inner .footerColumn .title {
	color: #ffffff !important;
}

/* Footer copyright text/link: white on #808080 was 3.94:1 */
#footer .copyright,
#footer .copyright a,
#footer .copyright span,
#footer p.copyright,
#footer p.copyright a,
#footer p.copyright span {
	color: #ffffff !important;
}
#footer {
	background-color: #5a5a5a; /* darken bar so white text clears 4.5:1 */
}

/* Regular/strikethrough prices: #787878 on white was 4.41:1 → darken */
span.reg,
.pr span.reg,
div.pr span.reg,
div.slide span.reg,
.homeBestsellers span.reg,
.txt .pr .reg {
	color: #4a4a4a !important;
}

/* Product collection chips / review CTA: white on #488890 was 4.03:1 */
.collectionLinkBin a,
a.epRevWrite,
#epReviews a.epRevWrite {
	background-color: #2f6b72 !important; /* darker teal */
	color: #ffffff !important;
}

/* Payment icons: keep natural aspect (was broken by width=200 height=40 vs style height:20px) */
#footer img[src*="payment.png"],
#footer p.copyright img {
	height: 20px !important;
	width: auto !important;
	max-width: 100%;
	aspect-ratio: auto;
}

/* Visually-hidden text for icon-only controls (paired with JS aria-label) */
.ep-ps-vh {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


/* Touch target size for footer nav links */
#footer .footerColumnContent ul li a,
#footer ul.socialFloat li a {
	display: inline-block;
	padding: 10px 6px;
	min-height: 44px;
	box-sizing: border-box;
	line-height: 1.4;
}
#footer ul.socialFloat li a.fa {
	min-width: 44px;
	min-height: 44px;
	text-align: center;
	line-height: 44px;
	padding: 0;
}
#footer .footerColumnContent a { color: #ffffff !important; }


/* Cart/www footer body copy on darkened #footer bg (#5a5a5a) — was black 3.04:1 */
#footer,
#footer .footer-inner,
#footer .footerColumnContent,
#footer .footerColumnContent p,
#footer .footerColumnContent li,
#footer .footerColumnContent span,
#footer .footerColumnContent .logo,
#footer .checkoutToTop,
#footer .checkoutToTop span {
	color: #ffffff !important;
}
#footer .checkoutToTop {
	cursor: pointer;
}


/* Home hero CLS: reserve space before slick/hotspot images settle */
.homeHeroSlider,
.hotspotSlider {
	min-height: 280px;
}
@media (min-width: 900px) {
	.homeHeroSlider,
	.hotspotSlider {
		min-height: 420px;
	}
}
.hotspotSlider .slick-list,
.homeHeroSlider .slick-list {
	min-height: inherit;
}
/* Prefer intrinsic sizing on hotspot slide images when present */
.hotspotSlider img,
.homeHeroSlider img {
	height: auto;
	max-width: 100%;
}

/* font-display for any locally @font-face'd faces; Google Fonts also get &display=swap in head */
@font-face {
	font-family: 'Open Sans';
	font-display: swap;
}