/* site overrides — put slider / contact-form / tweak CSS here (keep it out of the pages) */

/* Betheme equal-height valign-middle pulls columns up via translateY(-50%),
   overlapping the previous section/hero when the theme's equalize JS is absent.
   Neutralize the transform at all widths (matches Betheme's own responsive reset). */
.equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important}

/* mfn-mobile-menu-fix — Betheme's mobile hamburger relies on its JS to open
   the menu; in a frozen build that JS is unreliable, so tapping does nothing.
   These rules + MOBILE_MENU_JS toggle a `mfn-mobile-open` class on #Header_wrapper
   with no dependency on Betheme JS. Only active when the class is set (added
   solely by tapping the hamburger, which is hidden on desktop), so the desktop
   horizontal menu is untouched. */
#Header_wrapper.mfn-mobile-open #Top_bar{position:relative}
#Header_wrapper.mfn-mobile-open #menu{display:block!important;position:absolute;left:0;right:0;top:100%;background:#fff;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.18);max-height:80vh;overflow:auto}
#Header_wrapper.mfn-mobile-open #menu>ul.menu{display:block!important;width:100%}
#Header_wrapper.mfn-mobile-open #menu ul.menu>li{display:block!important;float:none!important;width:100%!important;margin:0!important;border-bottom:1px solid rgba(0,0,0,.08)}
#Header_wrapper.mfn-mobile-open #menu ul.menu li a{display:block!important;padding:14px 22px!important;color:#222!important;line-height:1.3!important}
#Header_wrapper.mfn-mobile-open #menu ul.sub-menu{position:static!important;display:none;left:auto;top:auto;box-shadow:none;min-width:0;background:rgba(0,0,0,.03)}
#Header_wrapper.mfn-mobile-open #menu li.mfn-sub-open>ul.sub-menu{display:block!important}
#Header_wrapper.mfn-mobile-open #menu ul.sub-menu li a{padding-left:42px!important}
.responsive-menu-toggle{cursor:pointer}

/* ew-arrow-prominent — the plugin-free hero slider's prev/next arrows ship
   small and faint (44px, 35% black); make them large and prominent so they
   read as real controls. Linked after the hero's own inline CSS, so it wins. */
.ew-hero .ew-arrow{width:60px!important;height:60px!important;font-size:30px!important;background:rgba(0,0,0,.55)!important;box-shadow:0 4px 16px rgba(0,0,0,.4)!important;opacity:1!important;transition:background .2s,transform .2s}
.ew-hero .ew-arrow:hover{background:#000!important;transform:translateY(-50%) scale(1.08)!important}
.ew-hero .ew-prev{left:20px!important}
.ew-hero .ew-next{right:20px!important}
.ew-hero .ew-dots button{width:14px!important;height:14px!important;margin:0 5px!important}
@media(max-width:600px){.ew-hero .ew-arrow{width:50px!important;height:50px!important;font-size:26px!important}.ew-hero .ew-prev{left:12px!important}.ew-hero .ew-next{right:12px!important}}

/* thank-you page */
.ty-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:#f7f8fa}
.ty-card{max-width:620px;width:100%;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.10);padding:48px 40px;text-align:center}
.ty-logo{max-width:170px;height:auto;margin:0 auto 18px}
.ty-check{width:74px;height:74px;line-height:74px;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-size:40px;margin:0 auto 20px}
.ty-title{font-size:30px;margin:0 0 12px;color:#1a2b49}
.ty-msg{font-size:17px;line-height:1.6;color:#555;margin:0 0 26px}
.ty-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ty-btn{display:inline-block!important}
@media(max-width:600px){.ty-card{padding:34px 22px}.ty-title{font-size:24px}}