/* =========================================================================
   Baniya Oasis — elementor-compat.css
   Smooths over spacing/typography clashes between the theme and Elementor.
   Only loaded when Elementor is active.
   ========================================================================= */

/* Let Elementor full-width sections break out of our container cleanly. */
.elementor-section.elementor-section-stretched { max-width: 100%; }

/* Inherit the theme font inside Elementor widgets unless overridden. */
.elementor-widget-container { font-family: var(--bo-font); }

/* Match Elementor buttons to the theme button look when no style chosen. */
.elementor-button:not([class*="elementor-button-"]) {
	border-radius: 999px; font-weight: 700;
}

/* Ensure Elementor headings use our color tokens by default. */
.elementor-heading-title { color: var(--bo-text); }

/* Remove the theme's page-head padding when an Elementor canvas template is used. */
.elementor-template-full-width .bo-page-head,
.elementor-page .bo-breadcrumbs-wrap { /* keep breadcrumbs, drop double padding */ }

/* Elementor Pro product widgets inherit our card styling for consistency. */
.elementor-widget-woocommerce-products ul.products,
.elementor-widget-wc-archive-products ul.products { gap: var(--bo-gap); }

/* Keep our sticky header above Elementor sticky elements. */
.bo-header.is-sticky { z-index: 100; }

/* Container alignment: align Elementor's default container width to ours. */
.e-con { --container-max-width: var(--bo-container); }

/* Avoid Elementor resetting our WooCommerce price color. */
.elementor .price, .elementor .bo-card .price { color: var(--bo-primary); }