/* Secret Maison – PDP Enhancements 1.0.0 */

/* 1. Rating under the title ------------------------------------------ */
.smpdp-rating {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 4px 0 8px;
	font-size: 14px;
	line-height: 1.3;
	color: inherit;
	text-decoration: none;
}
.smpdp-rating__star { color: #f5a623; font-size: 16px; }
.smpdp-rating__count { color: #666; text-decoration: underline; text-underline-offset: 2px; }
.smpdp-has-rating .summary .woocommerce-product-rating { display: none; }
/* Inside the instant-checkout mobile header (between heading and price). */
.ma-ipc-mobile-product-header > .smpdp-rating { display: flex; width: 100%; flex: 0 0 100%; margin: 2px 0 6px; }

/* 2. Reviews ---------------------------------------------------------- */
#reviews { scroll-margin-top: 90px; }

/* No default avatars, and no space reserved for them. */
#reviews .commentlist img.avatar,
#reviews .comment_container > img.avatar { display: none !important; }
#reviews .commentlist .comment_container .comment-text {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: auto !important;
}

#reviews .commentlist > li.smpdp-hide { display: none !important; }

.nasa-rating-bar.smpdp-filter { cursor: pointer; }
.nasa-rating-bar.smpdp-filter:hover td,
.nasa-rating-bar.smpdp-filter:focus-visible td { opacity: .8; }
.nasa-rating-bar.smpdp-filter:focus-visible { outline: 2px solid #f5a623; outline-offset: 2px; }
.nasa-rating-bar.smpdp-active td { font-weight: 700; }
.nasa-rating-bar.smpdp-active .nasa-rating-per { box-shadow: 0 0 0 2px #f5a623; }
.nasa-rating-bar.smpdp-empty { opacity: .55; }

.smpdp-reviews-footer {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	width: 100%;
	flex: 0 0 100%;
	float: none;
	margin: 16px 0 8px;
	clear: both;
}
.smpdp-reviews-status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	font-size: 14px;
}
.smpdp-reviews-status[hidden] { display: none; }
.smpdp-reset {
	background: none;
	border: 0;
	padding: 4px 0;
	color: inherit;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}
.smpdp-btn,
#reviews .smpdp-reviews-footer .btn-add-new-review {
	display: block;
	width: 100%;
	min-height: 44px;
	margin: 0 !important;
	padding: 10px 16px;
	border: 1px solid #222;
	border-radius: 6px;
	background: #fff;
	color: #222;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	line-height: 1.5;
}
.smpdp-btn[hidden] { display: none !important; }
.smpdp-more { background: #222; color: #fff; }
.smpdp-form-collapsed { display: none !important; }

/* 3. Out-of-stock alternatives --------------------------------------- */
.summary:has(.smpdp-oos) .sm-oos-alt { display: none; }
.smpdp-oos {
	margin: 12px 0 16px;
	padding: 12px;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	background: #fafafa;
}
.smpdp-oos__title { margin: 0 0 8px; font-size: 15px; font-weight: 700; }
.smpdp-oos__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}
.smpdp-oos__item { margin: 0; padding: 0; list-style: none; }
.smpdp-oos__item a { display: flex; flex-direction: column; gap: 4px; color: inherit; text-decoration: none; }
.smpdp-oos__item img.smpdp-oos__img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 6px;
	background: #fff;
}
.smpdp-oos__name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.3;
}
.smpdp-oos__price { font-size: 12px; font-weight: 700; line-height: 1.3; }
.smpdp-oos__price del { display: none; }
.smpdp-oos__notify {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 6px;
	background: #25d366;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
}
.smpdp-oos__notify:hover { background: #1ebe5b; }

/* 4. FAQ -------------------------------------------------------------- */
.smpdp-faq { max-width: 760px; margin: 28px auto 8px; text-align: left; }
.smpdp-faq__title { margin: 0 0 12px; font-size: 18px; line-height: 1.3; }
.smpdp-faq__title span { display: block; margin-top: 2px; font-size: 14px; font-weight: 400; color: #666; }
.smpdp-faq__item { border-bottom: 1px solid #e6e6e6; }
.smpdp-faq__item summary {
	position: relative;
	padding: 12px 28px 12px 0;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}
.smpdp-faq__item summary::-webkit-details-marker { display: none; }
.smpdp-faq__item summary::after {
	content: '+';
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 400;
}
.smpdp-faq__item[open] summary::after { content: '−'; }
.smpdp-faq__a { padding: 0 0 12px; font-size: 14px; line-height: 1.55; }
.smpdp-faq__a p { margin: 0 0 6px; }
.smpdp-faq__ar { color: #555; text-align: right; }

/* 6. Compact breadcrumb on mobile ------------------------------------ */
@media (max-width: 768px) {
	#nasa-breadcrumb-site { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
	#nasa-breadcrumb-site .breadcrumb-wrap { padding: 4px 10px !important; text-align: left !important; }
	#nasa-breadcrumb-site .breadcrumb-row {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}
	#nasa-breadcrumb-site .nasa-first-breadcrumb { display: none !important; }
	#nasa-breadcrumb-site .breadcrumb {
		display: block !important;
		margin: 0 !important;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 12px !important;
		line-height: 20px !important;
		color: #777;
	}
	#nasa-breadcrumb-site .breadcrumb a { display: inline !important; font-size: 12px !important; color: #777; }
	#nasa-breadcrumb-site .breadcrumb svg { width: 12px !important; height: 12px !important; vertical-align: -1px; }
}

/* 7. Instant-checkout form tweaks (ma-instant-product-checkout) ------- */
/* Trust strip: the default #f7f7f7 boxes disappeared on the form's pale green
   background. White cards with a soft brand-green outline, like the inputs. */
.ma-ipc-form .ma-ipc-trust-item {
	background: #fff;
	border: 1px solid rgba(131, 183, 56, .35);
	box-shadow: 0 1px 2px rgba(46, 107, 31, .06);
	color: #2f3b25;
	/* Cards share the row height: center icon + text vertically and horizontally. */
	justify-content: center;
	align-items: center;
	text-align: center;
}
.ma-ipc-form .ma-ipc-trust-terms a { color: #5b6b52; }

/* iOS Safari zooms into any field under 16px when it gets focus (the e-mail
   link focuses its field right away). Inline styles set 14px, hence !important. */
@media (max-width: 768px) {
	.ma-ipc-form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
	.ma-ipc-form select,
	.ma-ipc-form textarea {
		font-size: 16px !important;
	}
}
