/**
 * Ocean Green brand – loaded after Elementor kit CSS.
 * Primary: #2c5659 | Darker (hover): #182C2E
 *
 * Note: Carsten submit buttons use .qodef-button.qodef-layout--filled WITHOUT .qodef-html--link
 * (see button shortcode). Previous selectors only targeted .qodef-html--link, so room search / filter missed.
 */

body {
	--e-global-color-primary: #2c5659;
}

/*
 * Footer: Carsten defaults links to var(--qode-footer-text-color) (muted gray).
 * Ocean Green footer backgrounds are dark; all text links should read as white.
 */
#qodef-page-footer a,
#qodef-page-footer a:link,
#qodef-page-footer a:visited {
	color: #fff !important;
}

#qodef-page-footer a:hover,
#qodef-page-footer a:focus,
#qodef-page-footer a:active {
	color: #fff !important;
}

/* Theme “Reservation” etc.: often plain <a class="qodef-theme-button"> (see carsten/helpers/helper.php). */
body a.qodef-theme-button,
body .qodef-theme-button {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	border-color: transparent !important;
	color: #fff !important;
}

body a.qodef-theme-button:hover,
body a.qodef-theme-button:focus,
body .qodef-theme-button:hover,
body .qodef-theme-button:focus {
	background-color: #182c2e !important;
	color: #fff !important;
}

/* Qode filled buttons: force brand colors even when shortcode sets --qode-button-bg-* inline (e.g. old blue). */
body .qodef-button.qodef-layout--filled,
body button[type="submit"].qodef-button,
body input[type="submit"].qodef-button {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	border-color: transparent !important;
	color: #fff !important;
}

body .qodef-button.qodef-layout--filled:hover,
body .qodef-button.qodef-layout--filled:focus,
body button[type="submit"].qodef-button:hover,
body button[type="submit"].qodef-button:focus,
body input[type="submit"].qodef-button:hover,
body input[type="submit"].qodef-button:focus {
	background-color: #182c2e !important;
	border-color: transparent !important;
	color: #fff !important;
}

/* Room reservation filter + archive (search-results) sidebar */
body.search-results .qodef-room-reservation-filter .qodef-button.qodef-layout--filled,
body.carsten-core-room-search .qodef-room-reservation-filter .qodef-button.qodef-layout--filled,
.qodef-room-reservation-filter .qodef-m-form button[type="submit"].qodef-button {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	color: #fff !important;
}

/*
 * WooCommerce cart: “Update cart” is <button type="submit" class="button …" name="update_cart"> — no .qodef-button.
 * Theme styles it like other WC buttons (navy via --qode-button-bg-color). Do not target .coupon .button (outline style).
 */
body #qodef-woo-page.qodef--cart .shop_table td.actions > .button,
body #qodef-woo-page.qodef--cart .shop_table th.actions > .button,
body .woocommerce .shop_table.cart td.actions > .button,
body .woocommerce .shop_table.cart th.actions > .button,
body .woocommerce button.button[name="update_cart"] {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	border: 1px solid transparent !important;
	color: #fff !important;
}

body #qodef-woo-page.qodef--cart .shop_table td.actions > .button:hover,
body #qodef-woo-page.qodef--cart .shop_table td.actions > .button:focus,
body #qodef-woo-page.qodef--cart .shop_table th.actions > .button:hover,
body #qodef-woo-page.qodef--cart .shop_table th.actions > .button:focus,
body .woocommerce .shop_table.cart td.actions > .button:hover,
body .woocommerce .shop_table.cart td.actions > .button:focus,
body .woocommerce button.button[name="update_cart"]:hover,
body .woocommerce button.button[name="update_cart"]:focus {
	background-color: #182c2e !important;
	border-color: transparent !important;
	color: #fff !important;
}

/* WooCommerce cart: “Proceed to checkout” — <a class="checkout-button button alt wc-forward"> (not a submit button). */
body #qodef-woo-page.qodef--cart .wc-proceed-to-checkout a.checkout-button,
body .woocommerce .wc-proceed-to-checkout a.checkout-button,
body .woocommerce a.button.alt.checkout-button,
body .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	border: 1px solid transparent !important;
	color: #fff !important;
}

body #qodef-woo-page.qodef--cart .wc-proceed-to-checkout a.checkout-button:hover,
body #qodef-woo-page.qodef--cart .wc-proceed-to-checkout a.checkout-button:focus,
body .woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce .wc-proceed-to-checkout a.checkout-button:focus,
body .woocommerce a.button.alt.checkout-button:hover,
body .woocommerce a.button.alt.checkout-button:focus {
	background-color: #182c2e !important;
	border-color: transparent !important;
	color: #fff !important;
}

/* Elementor: default + hover (filled) — use body only so search / non-Elementor routes still match header widgets */
body .elementor-widget-button .elementor-button:not(.elementor-button-link) {
	background-color: #2c5659 !important;
	border-color: #2c5659 !important;
	color: #fff !important;
}

body .elementor-widget-button .elementor-button:not(.elementor-button-link):hover,
body .elementor-widget-button .elementor-button:not(.elementor-button-link):focus {
	background-color: #182c2e !important;
	border-color: #182c2e !important;
	color: #fff !important;
}

/* Elementor “link” / outline style buttons (often still use global primary for text/border) */
body .elementor-widget-button .elementor-button.elementor-button-link {
	color: #2c5659 !important;
	border-color: #2c5659 !important;
	background-color: transparent !important;
}

body .elementor-widget-button .elementor-button.elementor-button-link:hover,
body .elementor-widget-button .elementor-button.elementor-button-link:focus {
	color: #fff !important;
	background-color: #182c2e !important;
	border-color: #182c2e !important;
}

/* Legacy kit rules (non-submit link buttons) */
body .qodef-button.qodef-layout--filled.qodef-html--link:hover,
body .qodef-button.qodef-layout--filled.qodef-html--link:focus {
	background-color: #182c2e !important;
}

body button[type="submit"]:not(.qodef-button):hover,
body input[type="submit"]:hover {
	background-color: #182c2e !important;
}

/*
 * Checkout: payment gateway icons (Paystack composite PNG, etc.) are full-sized images.
 * Constrain size so VISA / Mastercard / MoMo strip is readable but not full pixel dimensions.
 */
#qodef-woo-page.qodef--checkout .wc_payment_methods label img,
#qodef-woo-page.qodef--checkout .wc_payment_methods .payment_box img,
.woocommerce-checkout .wc_payment_methods label img,
.woocommerce-checkout .wc_payment_method .payment_box img {
	max-height: 64px;
	width: auto;
	max-width: min(100%, 480px);
	height: auto;
	object-fit: contain;
	vertical-align: middle;
}

.wc-block-checkout .wc-block-components-payment-method-label img,
.wc-block-checkout .wc-block-components-payment-method-label--with-icon > img,
.wc-block-checkout .wc-block-components-checkout-payment-method-icons img,
.wc-block-components-payment-method-label--with-icon > img {
	max-height: 64px;
	width: auto;
	max-width: 480px;
	object-fit: contain;
	vertical-align: middle;
}

/* Checkout: primary CTA (classic + order-pay) – brand fill; avoid #place_order on other flows (e.g. add payment method). */
body #qodef-woo-page.qodef--checkout #place_order,
body.woocommerce-checkout #place_order,
body.woocommerce-order-pay #place_order,
body .woocommerce form.checkout #place_order {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	border: 1px solid transparent !important;
	color: #fff !important;
}

body #qodef-woo-page.qodef--checkout #place_order:hover,
body #qodef-woo-page.qodef--checkout #place_order:focus,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus,
body.woocommerce-order-pay #place_order:hover,
body.woocommerce-order-pay #place_order:focus,
body .woocommerce form.checkout #place_order:hover,
body .woocommerce form.checkout #place_order:focus {
	background-color: #182c2e !important;
	border-color: transparent !important;
	color: #fff !important;
}

body .wc-block-checkout .wc-block-components-checkout-place-order-button,
body .wc-block-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button {
	--qode-button-bg-color: #2c5659 !important;
	--qode-button-bg-hover-color: #182c2e !important;
	background-color: #2c5659 !important;
	border-color: transparent !important;
	color: #fff !important;
}

body .wc-block-checkout .wc-block-components-checkout-place-order-button:hover,
body .wc-block-checkout .wc-block-components-checkout-place-order-button:focus,
body .wc-block-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button:hover,
body .wc-block-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button:focus {
	background-color: #182c2e !important;
	border-color: transparent !important;
	color: #fff !important;
}

.qodef-page-title .qodef-m-title {
	text-align: center;
}