/**
 * PP wishlist — "Request a Quote" button (#475).
 * Inherits the native "Add all to cart" button styling (class cloned in JS) so the
 * two read at equal weight; this only adds spacing + the status message. Final
 * visual polish is Miranda's call.
 */
.pp-wl-raq-btn {
	margin-left: 12px;
	cursor: pointer;
}

.pp-wl-raq-btn[disabled] {
	opacity: 0.6;
	cursor: default;
}

.pp-wl-raq-msg {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	vertical-align: middle;
}

.pp-wl-raq-msg--error {
	color: #b40000;
}

/* --------------------------------------------------------------------------
 * Wishlist footer action buttons (Tif, 2026-07-22, launch day).
 *   - Kill YITH's native "Ask for an estimate" (a:  dead-end email flow; the custom
 *     "Request a Quote" button is the real B2B quote path).
 *   - "Add all to cart"  -> OUTLINED (secondary): white bg, brand-cobalt border/text.
 *   - "Request a Quote"  -> SOLID (primary): cobalt fill, white text. It clones the
 *     add-all classes in JS, so it inherits the outlined style below — force it back.
 *   Colours/border only (shape + size left as-is so all buttons stay matched).
 *   !important is required because a site-wide `button{…!important}` global
 *   (Elementor/PowerPack) otherwise wins (same reason pp-wl-atc.css uses it).
 * ------------------------------------------------------------------------ */
.ask-an-estimate-button {
	display: none !important;
}

input[name="add_all_to_cart"] {
	background: #fff !important;
	color: #1053b7 !important;
	border: 4px solid #1053b7 !important;
}

input[name="add_all_to_cart"]:hover {
	background: #1053b7 !important;
	color: #fff !important;
}

.pp-wl-raq-btn {
	background: #1053b7 !important;
	color: #fff !important;
	border: 2px solid #1053b7 !important;
}

.pp-wl-raq-btn:hover {
	background: #0e4aa3 !important;
	border-color: #0e4aa3 !important;
	color: #fff !important;
}

/* Mobile (Tif, 2026-07-18) — on phones the wishlist action buttons stack full
   width ("Ask for an estimate" gets flex-basis:100% from YITH); the RAQ button
   sized to its text (~219px). It's a flex item in .yith_wcwl_footer_additional_action,
   so a plain width doesn't fill — force flex-basis + width. width needs !important
   because the site-wide `button{…!important}` global (Elementor/PowerPack) otherwise
   pins the width (same reason pp-wl-atc.css uses !important on the ATC button). */
@media (max-width: 768px) {
	.pp-wl-raq-btn {
		flex: 1 1 100%;
		width: 100% !important;
		margin-left: 0;
	}
}