/**
 * Doofinder layer parity with UK (installation f8d21648… / layer 78394).
 *
 * Sources of divergence (Doofinder Admin, not theme):
 * 1) AE/US/AU/FR layer custom_css hides `.dfd-card-pricing` / sale prices.
 * 2) AE Quiz app custom_css styles bare `.dfd-card` / `.dfd-card-title` with a
 *    dark nautical theme — those rules are NOT scoped to `.dfd-quiz-modal`, so
 *    they leak into the search layer (dark cards, cream titles, no UK layout).
 *
 * Prefer fixing Layer + Quiz CSS in Doofinder Admin. This file + MU-plugin are
 * the storefront override (incl. late/shadow injection via the MU script).
 */

/* ---- Prices: undo layer custom_css display:none ---- */
.dfd-layer .dfd-feat-add-to-cart .dfd-card-pricing,
.dfd-mobile .dfd-feat-add-to-cart .dfd-card-pricing,
.dfd-fullscreen .dfd-feat-add-to-cart .dfd-card-pricing,
.dfd-layer .dfd-card-pricing,
.dfd-mobile .dfd-card-pricing,
.dfd-fullscreen .dfd-card-pricing {
	display: flex !important;
	flex-direction: column !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	max-height: none !important;
}

.dfd-layer .dfd-card-price,
.dfd-mobile .dfd-card-price,
.dfd-fullscreen .dfd-card-price,
.dfd-layer .dfd-card-price--sale,
.dfd-mobile .dfd-card-price--sale,
.dfd-fullscreen .dfd-card-price--sale,
.dfd-layer .dfd-card-price--regular,
.dfd-mobile .dfd-card-price--regular,
.dfd-fullscreen .dfd-card-price--regular,
.dfd-layer .dfd-card-price--original,
.dfd-mobile .dfd-card-price--original,
.dfd-fullscreen .dfd-card-price--original {
	display: inline !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit;
}

.dfd-layer .dfd-card-price--sale,
.dfd-mobile .dfd-card-price--sale,
.dfd-fullscreen .dfd-card-price--sale {
	order: 1;
	font-weight: bold;
	color: #c9a84c !important;
	text-decoration: none !important;
}

.dfd-layer .dfd-card-price--original,
.dfd-mobile .dfd-card-price--original,
.dfd-fullscreen .dfd-card-price--original {
	text-decoration: line-through !important;
	color: #999 !important;
	font-size: 0.85em;
}

/* ---- AE quiz CSS leak: reset search-layer cards to UK/light look ---- */
.dfd-layer .dfd-card,
.dfd-mobile .dfd-card,
.dfd-fullscreen .dfd-card,
.dfd-layer .dfd-card.has-image,
.dfd-mobile .dfd-card.has-image,
.dfd-fullscreen .dfd-card.has-image {
	background: #fff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 4px !important;
	overflow: hidden;
	height: auto !important;
	position: relative;
	padding-bottom: 30px;
	color: #2e385f !important;
}

.dfd-layer .dfd-card:hover,
.dfd-mobile .dfd-card:hover,
.dfd-fullscreen .dfd-card:hover,
.dfd-layer .dfd-card.has-image:hover,
.dfd-mobile .dfd-card.has-image:hover,
.dfd-fullscreen .dfd-card.has-image:hover {
	border-color: #c9a84c !important;
}

.dfd-layer .dfd-card-thumbnail img,
.dfd-mobile .dfd-card-thumbnail img,
.dfd-fullscreen .dfd-card-thumbnail img {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	border-radius: 0 !important;
	display: block;
}

.dfd-layer .dfd-card-content,
.dfd-mobile .dfd-card-content,
.dfd-fullscreen .dfd-card-content,
.dfd-layer .dfd-card-content.dfd-card-flex,
.dfd-mobile .dfd-card-content.dfd-card-flex,
.dfd-fullscreen .dfd-card-content.dfd-card-flex {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	padding: 12px !important;
	text-align: left !important;
	background: #fff !important;
}

.dfd-layer .dfd-card-title,
.dfd-mobile .dfd-card-title,
.dfd-fullscreen .dfd-card-title {
	font-size: 14px !important;
	line-height: 1.35 !important;
	color: #2e385f !important;
	font-weight: 600 !important;
	text-align: left !important;
	padding: 0 0 8px !important;
	font-family: inherit !important;
}

/* Keep quiz modal dark theme intact when both share the page */
.dfd-quiz-modal .dfd-card,
.dfd-quiz-modal .dfd-card.has-image {
	background: #111827 !important;
	border: 1px solid #2d3f5e !important;
	border-radius: 8px !important;
	color: #f0e6c8 !important;
	padding-bottom: 0 !important;
}

.dfd-quiz-modal .dfd-card-title {
	color: #f0e6c8 !important;
	text-align: center !important;
	font-size: 13px !important;
}