/* =========================================================================
   Reserve by WhatsApp — FRONTEND/UI ONLY.
   Hides the online booking calendar + payment buttons and makes room for the
   "Reservar por WhatsApp" button (injected by js/whatsapp-reserva.js).
   The WooCommerce / Appointments backend is untouched: remove this file and
   the JS file (and their enqueues in functions.php) to restore the original
   online booking + payment UI.
   ========================================================================= */

/* --- 1. Service pages: hide the whole purchase / booking UI ----------------
   Covers every product type used for services:
     - simple / gift-card products: the standard <form class="cart"> (product
       add-ons such as "More Time", "Extra SPA", quantity, "Añadir al carrito")
     - appointment products (Divi Theme Builder): the appointment calendar
   The WhatsApp button is injected just before this area, so it stays visible. */
.urbanspa-reserve-by-whatsapp.single-product form.cart,
.urbanspa-reserve-by-whatsapp.single-product .wc-appointments-appointment-form-wrap,
.urbanspa-reserve-by-whatsapp.single-product .wc-appointments-appointment-form,
.urbanspa-reserve-by-whatsapp.single-product .wc-appointments-appointment-cost,
.urbanspa-reserve-by-whatsapp.single-product .single_add_to_cart_button,
.urbanspa-reserve-by-whatsapp.single-product .wc-appointments-appointment-form-button {
	display: none !important;
}

/* --- 2. Express / one-click payment buttons (Redsys, WooCommerce Payments) -
   on product, cart and checkout pages. */
.urbanspa-reserve-by-whatsapp .redsys-one-click-buy,
.urbanspa-reserve-by-whatsapp #one-click-buy-button,
.urbanspa-reserve-by-whatsapp .redsys-express-pay-buttons,
.urbanspa-reserve-by-whatsapp #redsys-express-pay-container,
.urbanspa-reserve-by-whatsapp .redsys-express-variation-notice,
.urbanspa-reserve-by-whatsapp .redsys-one-click-variation-notice,
.urbanspa-reserve-by-whatsapp .wcpay-payment-request-wrapper,
.urbanspa-reserve-by-whatsapp .wcpay-express-checkout-wrapper {
	display: none !important;
}

/* --- 3. Payment-card logos carousel on the homepage (Jet Carousel) --------
   Matched by its Elementor element id, with an attribute fallback in case the
   id changes. */
.urbanspa-reserve-by-whatsapp .elementor-element-67a30d8,
.urbanspa-reserve-by-whatsapp .elementor-widget-jet-carousel:has( img[alt="visa"] ),
.urbanspa-reserve-by-whatsapp .elementor-widget-jet-carousel:has( img[alt="mastercard"] ),
.urbanspa-reserve-by-whatsapp .elementor-widget-jet-carousel:has( img[alt="paypal"] ) {
	display: none !important;
}

/* --- 4. The injected "Reservar por WhatsApp" button ----------------------- */
.urbanspa-whatsapp-reserva {
	margin: 1.5em 0 2em;
	padding: 1.25em 1.5em;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	background: #fafafa;
}

.urbanspa-whatsapp-reserva__text {
	margin: 0 0 1em;
	line-height: 1.5;
}

.urbanspa-whatsapp-reserva__button,
.urbanspa-whatsapp-reserva__button.button.alt {
	display: inline-block;
	background-color: #25d366 !important;
	border-color: #25d366 !important;
	color: #fff !important;
	font-weight: 600;
	padding: 0.85em 1.6em;
	text-decoration: none;
}

.urbanspa-whatsapp-reserva__button:hover,
.urbanspa-whatsapp-reserva__button:focus {
	background-color: #1ebe57 !important;
	border-color: #1ebe57 !important;
	color: #fff !important;
}