/* =========================================================================
   Kingsright – compatibility layer for the rebuilt theme
   Loaded after all legacy CSS so it only patches what the old JS used to do.
   ========================================================================= */

body.custom-background { background-color: #ffffff; }

/* --- hero: the legacy Revolution Slider markup is kept but rendered as a
       static full-width banner (RevSlider's JS is deliberately not shipped).
       The slide image is applied as the wrapper background so the 750px crop
       matches the old gridheight. ------------------------------------------ */
.rev_slider_wrapper {
	position: relative; overflow: hidden; height: 750px;
	background: #ffffff url('/wp-content/uploads/2018/05/COVER_BANNER-01.jpg') center center / cover no-repeat !important;
}
.rev_slider_wrapper .rev_slider { display: none !important; }
@media (max-width: 778px) {
	.rev_slider_wrapper { height: 380px; }
}

/* --- legacy cornerstone videos: native player, same width as before ------ */
.x-video { margin-left: auto; margin-right: auto; }
.x-video-inner { position: relative; }
.x-video video { display: block; width: 100%; height: auto; background: #000; }

/* legacy product grids rely on inline-block columns separated by whitespace */
.bearsthemes-products-element .bt-row { font-size: 0; }
.bearsthemes-products-element .bt-row > div { font-size: 16px; }
.rev_slider .tp-bannertimer { display: none !important; }
.fullwidthbanner-container { max-height: none !important; overflow: hidden; }

/* --- navigation: hover dropdowns (legacy used bootstrap JS) ------------- */
#bt-menu-primary .bt-nav-menu > li { position: relative; }
#bt-menu-primary .bt-nav-menu > li > .sub-menu {
	position: absolute; top: 100%; left: 0; z-index: 9999;
	display: none; min-width: 200px; margin: 0; padding: 8px 0;
	list-style: none; background: #ffffff;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
#bt-menu-primary .bt-nav-menu > li:hover > .sub-menu { display: block; }
#bt-menu-primary .bt-nav-menu > li > .sub-menu > li { display: block; width: 100%; }
#bt-menu-primary .bt-nav-menu > li > .sub-menu > li > a { display: block; padding: 8px 20px; }

/* --- search / cart / language dropdown panels --------------------------- */
#bt-menu-primary .menu-item-custom-wrap {
	position: absolute; top: 100%; right: 0; z-index: 9999;
	display: none; min-width: 280px; padding: 16px;
	background: #ffffff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
#bt-menu-primary li:hover > .menu-item-custom-wrap { display: block; }
#bt-menu-primary .search-form .search-field {
	width: 100%; padding: 6px 10px; border: 1px solid #dddddd;
}
#bt-menu-primary .search-form .search-submit { margin-top: 8px; }
#bt-menu-primary .woocommerce-mini-cart-container { width: 320px; }

/* --- title bar ---------------------------------------------------------- */
.fw-title-bar .fw-special-title { color: #ffffff; }
.fw-title-bar .breadcrumbs, .fw-title-bar .breadcrumbs a { color: #ffffff; }

/* --- post list / single ------------------------------------------------- */
.postlist .post-item-container-wrap { margin-bottom: 30px; }
.postlist .post-quote-image-background { min-height: 240px; background-size: cover; }
.postlist .post-title { margin: 10px 0; }

/* --- WooCommerce essentials (plugin styles are not loaded) -------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	display: block; width: 100%; padding: 8px 10px;
	border: 1px solid #dddddd; background: #ffffff;
}
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; }
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { padding: 10px; border: 1px solid #eaeaea; }
.woocommerce .button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block; padding: 10px 22px; background: #3c8f5c; color: #ffffff;
	border: 0; cursor: pointer;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info {
	padding: 12px 16px; border-top: 3px solid #3c8f5c; background: #f8f8f8; margin-bottom: 20px;
}
.woocommerce .onsale { display: none; }

/* --- Cornerstone scroll-fade elements: keep them visible without JS -------- */
[data-fade="true"],
[style*="opacity: 0;"],
[style*="opacity:0;"] { opacity: 1 !important; }

/* --- mobile: legacy header shows the short inline menu (no hamburger) ---- */
#page { overflow-x: hidden; }
.bt-header-mobi .bt-site-navigation { display: block; }
.bt-header-mobi .bt-site-navigation .bt-nav-menu { list-style: none; margin: 0; padding: 0; text-align: right; }
.bt-header-mobi .bt-site-navigation .bt-nav-menu > li { display: inline-block; margin-left: 14px; }
.bt-header-mobi .bt-site-navigation .bt-nav-menu > li > a { display: inline-block; padding: 6px 0; }
.bt-header-mobi .bt-site-navigation .sub-menu { display: none; }
.bt-mobi-menu-toggle { display: none !important; }
img { max-width: 100%; height: auto; }
@media (max-width: 991px) {
	.fw-title-bar .container { padding-top: 140px !important; padding-bottom: 160px !important; }
	.bt-row .bt-col-2, .bt-row .bt-col-3 { width: 100% !important; }
}
