/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    JET ELEMENTS START -----------------------------------------------------------------------
*/
.jet-animated-box__front {
    background-color: var(--ang_background_accent_background);
}
.jet-animated-box .jet-animated-box__title--front{
	color:var(--ang_background_accent_heading);
}
.jet-animated-box .jet-animated-box__subtitle--front{
	color:var(--ang_background_accent_heading);
}
.jet-animated-box__description--front{
	color:var(--ang_background_accent_heading);
}
.jet-animated-box__back {
    background-color: var(--ang_background_dark_background);
}
.jet-animated-box .jet-animated-box__title--back{
	color:var(--ang_background_dark_heading);
}
.jet-animated-box .jet-animated-box__subtitle--back{
	color:var(--ang_background_dark_heading);
}
.jet-animated-box__description--back{
	color:var(--ang_background_dark_heading);	
}
.jet-animated-text__before-text {
    color:var(--ang_color_heading);
}
.jet-animated-text__animated-text{
	color:var(--ang_color_accent_primary);
}
.jet-animated-text__after-text {
    color:var(--ang_color_heading);
}
.jet-button__plane-normal {
    background-color:var(--ang_color_accent_primary);
}
.jet-button__plane-hover {
    background-color:var(--ang_color_accent_secondary);
}
.jet-button__label {
    color: var(--ang_background_accent_text);
}
.jet-hor-timeline-item.is-active .jet-hor-timeline-item__point-content{
    background-color:var(--ang_color_accent_primary);
    color:var(--ang_background_accent_text);
}
.jet-hor-timeline-item__card{
	background-color:var(--ang_background_light_background);
}
.jet-headline__first {
    color: var(--ang_color_heading);
}
.jet-headline__second {
	color: var(--ang_color_accent_primary);
}
.jet-image-comparison .jx-controller {
	background-color:var(--ang_color_accent_primary);
}
.jet-image-comparison .jet-slick-dots li.slick-active span{
	background-color:var(--ang_color_accent_primary);	
}
.jet-services .jet-services__title{
	color: var(--ang_color_heading);	
}
.jet-services .jet-services__desc{
	color: var(--ang_color_text_light);
}
.jet-slider .sp-arrow {
    background-color:var(--ang_color_accent_primary);
}
.jet-slider .sp-thumbnails .sp-thumbnail-container.sp-selected-thumbnail:before{
	border:2px solid var(--ang_color_accent_primary);
}
.jet-slider .jet-slider__button-wrapper .jet-slider__button--primary{
	background-color:var(--ang_color_accent_primary);
}
.jet-slider .sp-thumbnails .sp-thumbnail-container:hover:before{
	border:2px solid var(--ang_color_accent_primary);	
}
.jet-slider .jet-slider__title{
	color:var(--ang_color_heading);
}
.jet-slider .jet-slider__subtitle{
	color:var(--ang_color_heading);
}
.jet-table__head-cell, .jet-table__foot-cell{
	background-color:var(--ang_color_accent_primary);
	color:var(--ang_background_accent_text);
}
.jet-team-member .jet-team-member__position{
	color:var(--ang_color_accent_primary);
}
.jet-team-member .jet-team-member__socials-icon{
	color:var(--ang_color_accent_primary);	
}
.jet-testimonials .jet-testimonials__comment{
	background-color:var(--ang_background_dark_background);
}
.jet-testimonials .jet-testimonials__position{
	color:var(--ang_color_accent_primary);	
}
.jet-testimonials .jet-testimonials__name{
	color:var(--ang_color_heading);
}
.jet-timeline-item.is--active .timeline-item__point-content{
background-color:var(--ang_color_accent_primary);	
}
.jet-timeline-item.is--active .timeline-item__meta-content{
	color:var(--ang_color_heading);
}
.jet-testimonials .jet-slick-dots li.slick-active span{
background-color:var(--ang_color_accent_primary);
}
.jet-timeline__line-progress{
background-color:var(--ang_color_accent_primary);	
}
.jet-timeline-item .timeline-item__point-content{
	background-color:var(--ang_background_light_background);
}
.jet-timeline__line{
	background-color:var(--ang_background_light_background);	
}
.jet-hamburger-panel__toggle{
	background-color:var(--ang_color_accent_primary);
}
.jet-nav--horizontal a{
	color:var(--ang_color_accent_primary);
}
.jet-nav--horizontal a :hover{
	color:var(--ang_color_accent_secondary);
}
.jet-search__submit [type=button], [type=submit]{
	color:var(--ang_background_accent_text);
}
.brands-list__item-link :hover{
	color:var(--ang_color_accent_secondary);	
}
.jet-services .jet-services__icon .inner{
	background-color:var(--ang_color_accent_primary);		
}
.jet-toggle__icon{
	background-color:var(--ang_color_accent_primary);		
}
.active-tab .jet-tabs__label-icon{
	color:var(--ang_color_accent_primary);		
}
.active-tab .jet-tabs__label-text{
	color:var(--ang_color_accent_primary);	
}
.jet-scroll-navigation__item-hint{
	background-color:var(--ang_color_accent_primary);	
}
.jet-scroll-navigation__item.active .jet-scroll-navigation__dot{
	background-color:var(--ang_color_accent_primary);		
}
.jet-scroll-navigation__item.active .jet-scroll-navigation__dot :hover{
	background-color:var(--ang_color_accent_secondary);		
}
.jet-switcher--preset-1.jet-switcher--enable .jet-switcher__control-handler span{
	background-color:var(--ang_color_accent_primary);
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background-color:var(--ang_color_accent_secondary);		
}
.jet-scroll-navigation__item:hover .jet-scroll-navigation__dot{
	background-color:var(--ang_color_accent_secondary);	
}
.premium-pricing-button-container .premium-pricing-price-button {
	background-color:var(--ang_color_accent_primary);
	color:var(--ang_background_accent_text);
}
.premium-pricing-price-button:hover {
	background-color:var(--ang_color_accent_secondary);	
	color:var(--ang_background_accent_text);
}
.premium-pricing-price-button span{
	color:var(--ang_background_accent_text);
}
.premium-flip-main-box>div{
	background-color:var(--ang_color_accent_primary);	
}
.premium-magic-section-container [type=button], [type=submit], button {
	background-color:var(--ang_color_accent_primary);
	color:var(--ang_background_accent_text);
}
.premium-magic-section-container[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background-color:var(--ang_color_accent_secondary);
	color:var(--ang_background_accent_text);
}
.premium-progressbar-bar-wrap .premium-progressbar-bar{
	background:var(--ang_color_accent_primary);	
}
[type=button], [type=submit], button {
	border: 0px solid #fff;
}
.circle-counter .circle-val{
	color:var(--ang_color_accent_primary);
}
/*
    JET ELEMENTS END ---------------------------------------------------------------------------------
*/

/* 
  	FORMIDABLE FORMS START ---------------------------------------------------------------------------
*/
/*.with_frm_style .frm_inside_container .frm_primary_label {
    height: 0px !important;
}*/
.sk-dark-bg .with_frm_style input[type=text], .sk-dark-bg .with_frm_style input[type=password], .sk-dark-bg .with_frm_style input[type=email], .sk-dark-bg .with_frm_style input[type=number], .sk-dark-bg .with_frm_style input[type=url], .sk-dark-bg .with_frm_style input[type=tel], .sk-dark-bg .with_frm_style input[type=phone], .sk-dark-bg .with_frm_style input[type=search], .sk-dark-bg .with_frm_style select, .sk-dark-bg .with_frm_style textarea, .sk-dark-bg .frm_form_fields_style, .sk-dark-bg .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .sk-dark-bg .frm_form_fields_error_style,.sk-dark-bg  .with_frm_style .frm-card-element.StripeElement, .sk-dark-bg .with_frm_style .chosen-container-multi .chosen-choices,.sk-dark-bg  .with_frm_style .chosen-container-single .chosen-single, .sk-accent-bg .with_frm_style input[type=text], .sk-accent-bg .with_frm_style input[type=password], .sk-accent-bg .with_frm_style input[type=email], .sk-accent-bg .with_frm_style input[type=number], .sk-accent-bg .with_frm_style input[type=url], .sk-accent-bg .with_frm_style input[type=tel], .sk-accent-bg .with_frm_style input[type=phone], .sk-accent-bg .with_frm_style input[type=search], .sk-accent-bg .with_frm_style select, .sk-accent-bg .with_frm_style textarea, .sk-accent-bg .frm_form_fields_style, .sk-accent-bg .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .sk-accent-bg .frm_form_fields_error_style,.sk-accent-bg  .with_frm_style .frm-card-element.StripeElement, .sk-accent-bg .with_frm_style .chosen-container-multi .chosen-choices,.sk-accent-bg  .with_frm_style .chosen-container-single .chosen-single {
    border: none !important; 
}
.frm_form_widget .frm-edit-page-btn, .frm_form_widget .frm_submit input[type=submit], .frm_form_widget .frm_submit input[type=button], .frm_form_widget .frm_submit button,
.elementor-widget-formidable .frm-edit-page-btn, .elementor-widget-formidable .frm_submit input[type=submit], .elementor-widget-formidable .frm_submit input[type=button], .elementor-widget-formidable .frm_submit button {
    height: 50px !important;
    width: 100% !important;
    background: var( --e-global-color-accent )!important;
    transition: all ease-in-out .2s !important;
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	font-size: var(--e-global-typography-e9d61eb-font-size);
    line-height: var(--e-global-typography-e9d61eb-line-height);
    letter-spacing: var(--e-global-typography-e9d61eb-letter-spacing);
    word-spacing: var(--e-global-typography-e9d61eb-word-spacing);
}
.frm_form_widget .frm-edit-page-btn:hover, .frm_form_widget .frm_submit input[type=submit]:hover, .frm_form_widget .frm_submit input[type=button]:hover, .frm_form_widget .frm_submit button:hover,
.frm_form_widget .frm-edit-page-btn:focus, .frm_form_widget .frm_submit input[type=submit]:focus, .frm_form_widget .frm_submit input[type=button]:focus, .frm_form_widget .frm_submit button:focus,
.elementor-widget-formidable .frm-edit-page-btn:hover, .elementor-widget-formidable .frm_submit input[type=submit]:hover, .elementor-widget-formidable.frm_submit input[type=button]:hover, .elementor-widget-formidable .frm_submit button:hover,
.elementor-widget-formidable .frm-edit-page-btn:focus, .elementor-widget-formidable.frm_submit input[type=submit]:focus, .elementor-widget-formidable.frm_submit input[type=button]:focus, .elementor-widget-formidable .frm_submit button:focus {
    background: var(--ang_color_accent_secondary)!important;
}



.frm_form_widget fieldset {
    padding: 0px;
    border: none !important;

}

.frm_form_widget input[type=date], .frm_form_widget input[type=email], .frm_form_widget input[type=number], .frm_form_widget input[type=password], .frm_form_widget input[type=search], .frm_form_widget input[type=tel], .frm_form_widget input[type=text], .frm_form_widget input[type=url], .frm_form_widget select, .frm_form_widget textarea {
    width: 100%;
    border: 0px;
    border-radius: 0px;
    padding: .75rem 1rem;
    margin-bottom: 10px;
    font-size: 14px;
}

.frm_form_widget label {
    position: absolute;
    top: -2000px;
    left: -2000px;
}
.with_frm_style .frm_primary_label,
.with_frm_style .frm_description {
	color: var( --e-global-color-text )
}
.frm_style_formidable-style.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit::before {
    height: 0;
}


.sk-dark-bg .with_frm_style .frm_inside_container.frm_label_float_top > label,
.sk-accent-bg .with_frm_style .frm_inside_container.frm_label_float_top > label,
.sk-dark-bg .with_frm_style .frm_top_container label,
.sk-accent-bg .with_frm_style .frm_top_container label,
.sk-dark-bg .with_frm_style .frm_description,
.sk-accent-bg .with_frm_style .frm_description {
    color: var(--ang_background_dark_heading) !important;
}
@media (min-width: 600px) {
    .frm_inline_form .form-field {
    margin-bottom: 0px;
    }
    .frm_inline_form .frm_form_fields .frm_fields_container {
    align-items: end;
    }
}

.frm_form_fields select {
	box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var( --e-global-color-text ) 50%),
    linear-gradient(135deg, var( --e-global-color-text ) 50%, transparent 50%),
    linear-gradient(to right, var( --e-global-color-text ), var( --e-global-color-196b4af ));
  background-position:
    calc(100% - 20px) calc(1.5em + 2px),
    calc(100% - 15px) calc(1.5em + 2px),
    calc(100% - 2.5em) 1em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

/* 
  	FORMIDABLE FORMS END --------------------------------------------------------------------------
*/

/* 
  	SK FIXES START -----------------------------------------------------------------------------------
*/
.sk-dark-bg a:not(.elementor-button) {
    color: var(--ang_background_dark_text) !important;
}
.sk-accent-bg a:not(.elementor-button) {
    color: var(--ang_background_accent_text) !important;
}
.sk-dark-bg a:not(.elementor-button):hover, .sk-dark-bg a:not(.elementor-button):focus {
    color: var(--ang_background_dark_heading) !important;
}
.sk-accent-bg .elementor-widget-text-editor a:hover, .sk-accent-bg .elementor-widget-text-editor a:focus {
    color: var(--ang_background_accent_heading) !important;
}
.sk-dark-bg h1, .sk-dark-bg h2, .sk-dark-bg h3, .sk-dark-bg h4, .sk-dark-bg h5, .sk-dark-bg h6,
.sk-dark-bg h1 *, .sk-dark-bg h2 *, .sk-dark-bg h3 *, .sk-dark-bg h4 *, .sk-dark-bg h5 *, .sk-dark-bg h6 * {
	color: var(--ang_background_dark_heading) !important;
}
.sk-accent-bg h1, .sk-accent-bg h2, .sk-accent-bg h3, .sk-accent-bg h4, .sk-accent-bg h5, .sk-accent-bg h6,
.sk-accent-bg h1 *, .sk-accent-bg h2 *, .sk-accent-bg h3 *, .sk-accent-bg h4 *, .sk-accent-bg h5 *, .sk-accent-bg h6 * {
    color: var(--ang_background_accent_heading) !important;
}
/* JetElements icon overrides for dark/accent bg */
.sk-dark-bg .jet-services .jet-services__icon .inner,
.sk-accent-bg .jet-services .jet-services__icon .inner {
    background-color: var(--f22-icon-color);
}
.sk-dark-bg .jet-toggle__icon,
.sk-accent-bg .jet-toggle__icon {
    background-color: var(--f22-icon-color);
}
.sk-dark-bg .active-tab .jet-tabs__label-icon,
.sk-accent-bg .active-tab .jet-tabs__label-icon {
    color: var(--f22-icon-color);
}
.sk-dark-bg .jet-team-member .jet-team-member__socials-icon,
.sk-accent-bg .jet-team-member .jet-team-member__socials-icon {
    color: var(--f22-icon-color);
}
/*
  	SK FIXES END -------------------------------------------------------------------------------------
*/

/* 
  	CUSTOM START -------------------------------------------------------------------------------------
*/
.pipe {
    opacity: .3;
    padding: 0 6px;
}
header.page-header {
	display: none;
}

.border-button .elementor-button {
    background-color: transparent !important;
}

.border-button .elementor-button * {
     color: var( --e-global-color-600d1e7 );
 }

.border-button:hover .elementor-button {
    background-color: var( --e-global-color-f77b41c ) !important;
    border-color: var( --e-global-color-f77b41c );
}

.border-button:hover .elementor-button * {
     color: var( --e-global-color-a513c7f );
}

.sk-dark-bg .border-button .elementor-button *,
.sk-accent-bg .border-button .elementor-button * {
     color: var( --e-global-color-a513c7f );
 }

.trans-button .elementor-button {
	background-color: transparent !important;
    border-color: transparent !important;
	padding: 0 !important;
}
.trans-button .elementor-button * {
     color: var( --e-global-color-accent );
}
.trans-button:hover .elementor-button * {
     color: var( --e-global-color-f77b41c );
 }
.elementor-icon-box-title {
    margin-block-start: 0 !important;
}
.sk-dark-bg .border-button *,
.sk-accent-bg .border-button * {
    color: var( --e-global-color-accent ) !important;
}
.sk-dark-bg .border-button:hover *,
.sk-accent-bg .border-button:hover * {
    color: var( --e-global-color-a513c7f ) !important;
}

.elementor-add-analogwp-button, .e-ai-layout-button {
	display: none !important;
}
/* 
  	CUSTOM END ---------------------------------------------------------------------------------------
*/

/* 
  	MEDIA QUERIES START ------------------------------------------------------------------------------
*/
@media (max-width: 1024px) {
    .desktop {display:none;}
}
@media (max-width: 767px) and (min-width: 1024px) {
    .tablet {display:none;}
}
@media (max-width: 767px) {
    .tablet-up {display:none;}
}
@media (min-width: 1024px) {
    .tablet-down {display:none;}
}
@media (max-width: 767px) {
    .mobile {display:none;}
}
/* 
  	MEDIA QUERIES END --------------------------------------------------------------------------------
*/

/* ==========================================================================
   SITE FIXES - 2026-08-17 (Fluid22)

   The 2026-08-17 review fixes were implemented as NATIVE Elementor / JetMenu
   settings wherever a control exists. Only the two rules below have no native
   equivalent, so they live here.

   Implemented natively - edit these in Elementor, NOT in this file:
     page title centring      -> hero container Justify Content (10 pages + Blog archive 8525)
     page subtitle centring   -> heading widget Alignment (5 vehicle pages)
     promo / CTA alignment    -> containers + widgets in templates 8547 and 8563
     mobile menu design       -> jet-mobile-menu widget 2fc2f4e in header 4169
     homepage hero (mobile)   -> containers a5f8ea7 / ae24850, button 42877cd,
                                 image 7e3808a Custom CSS, all on page 4179

   Backups: style.css.bak-20260817 (original), style.css.bak-20260817-preTrim
   ========================================================================== */


/* --- GLOBAL: visible keyboard focus (WCAG 2.4.7) --------------------------
   The site had no focus indicator on anything. Verified across submit button,
   text input, select, textarea, footer link and primary pill: no computed
   change in outline, box-shadow, border-color or background on focus. All 21
   focus rules in the cascade belonged to Formidable, one of which actively
   sets outline:none. The theme contributed none.

   No native Elementor control exists for a site-wide focus ring. */
:where(a, button, input, select, textarea, summary,
       [role="button"], [tabindex]):focus-visible {
    outline: 3px solid #38A2F5;          /* kit Primary */
    outline-offset: 2px;
    border-radius: inherit;
}


/* --- MOBILE MENU: submenu arrow hit area ---------------------------------
   The JetMenu widget exposes Dropdown Icon Size but no padding control for
   the arrow, so its tappable area renders 30x30 - under the 44x44 minimum.
   Everything else about this menu is set natively on widget 2fc2f4e. */
.jet-mobile-menu__container-inner .jet-dropdown-arrow {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}



/* --- MOBILE MENU: mega-menu submenu ---------------------------------------
   The "Pricing" submenu is not JetMenu-styled items. Nav item 3495 has a mega
   menu enabled (content_type: elementor) pointing at Elementor template 3499
   "Pricing Mega Menu", so the widget's own label / description / hover colour
   controls never reach it.

   Template 3499 is built for the DESKTOP mega menu, which drops on a light
   panel, so its colours are bound to dark / light kit tokens:
       headings      -> 600d1e7 #2B3540 / a513c7f #272F3A
       descriptions  -> text    #272F3A
       row hover bg  -> 196b4af #EAF2FA
   Correct on desktop, wrong inside the dark mobile panel.

   Elementor colour controls are NOT responsive (there is no title_color_mobile),
   so one shared template cannot carry both treatments natively. Everything here
   is scoped to .jet-mobile-menu__container-inner, so the desktop mega menu is
   untouched. Values are kit tokens. */

.jet-mobile-menu__container-inner .elementor-widget-heading .elementor-heading-title,
.jet-mobile-menu__container-inner .elementor-widget-heading a {
    color: #FFFFFF !important;                    /* kit Dark BG Heading, 12.6:1 */
}

.jet-mobile-menu__container-inner .elementor-widget-text-editor,
.jet-mobile-menu__container-inner .elementor-widget-text-editor p {
    color: #DBE4EC !important;                    /* kit Dark BG Text, 10.3:1 */
}

/* Row highlight. The 5 row containers in template 3499 carry
   background_hover_color 196b4af #EAF2FA, meant for the light desktop
   dropdown; on the dark panel that flashes bright. Re-point it at the kit's
   Dark Card BG instead.

   Listed by element id so only the 5 rows are covered, never their wrapper
   container a75fe6a - a wrapper-wide highlight was the earlier bug.

   :active covers touch, where a tap would otherwise leave :hover stuck on the
   row after navigating back. :hover is gated to hover-capable pointers. */
.jet-mobile-menu__container-inner .elementor-element-25799e5:active,
.jet-mobile-menu__container-inner .elementor-element-7047bbd:active,
.jet-mobile-menu__container-inner .elementor-element-97c769f:active,
.jet-mobile-menu__container-inner .elementor-element-da16e4c:active,
.jet-mobile-menu__container-inner .elementor-element-0f2085b:active {
    background-color: #343F4C !important;         /* kit Dark Card BG */
}

@media (hover: hover) {
    .jet-mobile-menu__container-inner .elementor-element-25799e5:hover,
    .jet-mobile-menu__container-inner .elementor-element-7047bbd:hover,
    .jet-mobile-menu__container-inner .elementor-element-97c769f:hover,
    .jet-mobile-menu__container-inner .elementor-element-da16e4c:hover,
    .jet-mobile-menu__container-inner .elementor-element-0f2085b:hover {
        background-color: #343F4C !important;     /* kit Dark Card BG */
    }
}



/* --- MOBILE MENU: overlay + duplicate close icon -------------------------
   Two fixes that have no working native control.

   1. OVERLAY. The widget exposes a "Cover Color" control and it does emit CSS,
      but the selector it generates requires an ancestor with class
      .jet-mobile-menu-widget while the rendered markup uses .jet-mobile-menu.
      The class never matches, so the control cannot take effect at any value -
      a JetMenu bug, not a configuration mistake. Overridden here against the
      class the plugin actually renders.

      Kept transparent rather than display:none so tapping outside the panel
      still closes the menu.

   2. DUPLICATE CLOSE ICON. When the panel is open, the header toggle shows its
      opened-state X at the top of the screen while the panel renders its own X
      (.jet-mobile-menu__back), so two X icons are visible at once. The panel's
      is the one to keep - it sits inside the panel next to the menu. There is
      no native control to hide the toggle while the menu is open, so it is
      hidden here off the body class JetMenu already sets. The toggle's own icon
      settings are left untouched.

      Closing is still available two ways: the panel X, and tapping the cover. */

.jet-mobile-menu .jet-mobile-menu-cover {
    background-color: transparent !important;
}

body.jet-mobile-menu-visible .jet-mobile-menu__toggle {
    opacity: 0;
    pointer-events: none;
}



/* --- MOBILE MENU: panel height ------------------------------------------
   Reported on iPhone: the open menu was only as tall as the header, so the
   navigation was invisible.

   Cause is a containing-block trap, not a JetMenu setting. The panel
   (.jet-mobile-menu__container) is position:fixed with height:100%, which
   normally resolves against the viewport. But the floating header carries an
   inline transform: translate(-50%, 0), and a transformed ancestor becomes the
   containing block for fixed-position descendants. So 100% resolved against
   the 82px header instead of the screen, and .jet-mobile-menu__container-inner
   (overflow: hidden auto) clipped everything below it.

   Viewport units sidestep the containing block entirely. The panel is offset
   18px from the top (it starts at the header's top edge), so 36px is removed
   to leave an even gap top and bottom. dvh is preferred where supported so the
   panel tracks iOS Safari's collapsing toolbars; vh is the fallback. */

.jet-mobile-menu .jet-mobile-menu__container,
.jet-mobile-menu .jet-mobile-menu__container-inner {
    height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important;
}

@supports (height: 100dvh) {
    .jet-mobile-menu .jet-mobile-menu__container,
    .jet-mobile-menu .jet-mobile-menu__container-inner {
        height: calc(100dvh - 36px) !important;
        max-height: calc(100dvh - 36px) !important;
    }
}



/* --- MOBILE MENU: submenu row highlight on touch -------------------------
   Correction to the block above. That override was gated behind
   @media (hover: hover), but template 3499's own :hover rule is NOT gated, so
   on a touch device the media query was false, my dark override never applied,
   and the template's light #EAF2FA hover fired instead - then stuck after the
   tap that opened the submenu. White label text on a near-white row is
   unreadable, which is exactly what showed on iPhone.

   Ungated here so the dark token always wins, and on pointerless devices the
   hover state is cleared entirely so nothing lingers after a tap. :active
   still gives press feedback on touch. */

.jet-mobile-menu__container-inner .elementor-element-25799e5:hover,
.jet-mobile-menu__container-inner .elementor-element-7047bbd:hover,
.jet-mobile-menu__container-inner .elementor-element-97c769f:hover,
.jet-mobile-menu__container-inner .elementor-element-da16e4c:hover,
.jet-mobile-menu__container-inner .elementor-element-0f2085b:hover {
    background-color: #343F4C !important;          /* kit Dark Card BG */
}

@media (hover: none) {
    .jet-mobile-menu__container-inner .elementor-element-25799e5:hover,
    .jet-mobile-menu__container-inner .elementor-element-7047bbd:hover,
    .jet-mobile-menu__container-inner .elementor-element-97c769f:hover,
    .jet-mobile-menu__container-inner .elementor-element-da16e4c:hover,
    .jet-mobile-menu__container-inner .elementor-element-0f2085b:hover {
        background-color: transparent !important;
    }

    .jet-mobile-menu__container-inner .elementor-element-25799e5:active,
    .jet-mobile-menu__container-inner .elementor-element-7047bbd:active,
    .jet-mobile-menu__container-inner .elementor-element-97c769f:active,
    .jet-mobile-menu__container-inner .elementor-element-da16e4c:active,
    .jet-mobile-menu__container-inner .elementor-element-0f2085b:active {
        background-color: #343F4C !important;
    }
}

/* ==========================================================================
   END SITE FIXES 2026-08-17
   ========================================================================== */