.elementor-3284 .elementor-element.elementor-element-2f2b9031{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:1000;}.elementor-3284 .elementor-element.elementor-element-2f2b9031:not(.elementor-motion-effects-element-type-background), .elementor-3284 .elementor-element.elementor-element-2f2b9031 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000ED;}.elementor-3284 .elementor-element.elementor-element-2f2b9031.e-con{--align-self:center;}.elementor-3284 .elementor-element.elementor-element-985a19c{width:var( --container-widget-width, 11.077% );max-width:11.077%;--container-widget-width:11.077%;--container-widget-flex-grow:0;text-align:start;}.elementor-3284 .elementor-element.elementor-element-985a19c > .elementor-widget-container{margin:14px 0px 0px 0px;padding:0px 0px 0px 20px;}.elementor-3284 .elementor-element.elementor-element-985a19c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3284 .elementor-element.elementor-element-5228cc5{--display:flex;--min-height:94px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3284 .elementor-element.elementor-element-5228cc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3284 .elementor-element.elementor-element-1904ead{width:var( --container-widget-width, 78.152% );max-width:78.152%;--container-widget-width:78.152%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-3284 .elementor-element.elementor-element-1904ead > .elementor-widget-container{padding:0px 0px 0px -56px;}.elementor-3284 .elementor-element.elementor-element-1904ead.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-menu-toggle{margin-left:auto;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu .elementor-item{font-size:16px;text-transform:uppercase;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:16px;padding-right:16px;padding-top:14px;padding-bottom:14px;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed .elementor-item:before,
					.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#D84B2361;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#D84B2361;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-underline .elementor-item:after,
					 .elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-overline .elementor-item:before,
					 .elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-double-line .elementor-item:before,
					 .elementor-3284 .elementor-element.elementor-element-1904ead .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--dropdown a, .elementor-3284 .elementor-element.elementor-element-1904ead .elementor-menu-toggle{color:var( --e-global-color-36c2eedb );fill:var( --e-global-color-36c2eedb );}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--dropdown{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-3284 .elementor-element.elementor-element-1904ead div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor4 );}.elementor-3284 .elementor-element.elementor-element-1904ead div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-3284 .elementor-element.elementor-element-b61d63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3284 .elementor-element.elementor-element-b61d63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3284 .elementor-element.elementor-element-6341af43 .elementor-button{background-color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:16px;text-transform:uppercase;line-height:16px;letter-spacing:1.8px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#CB3522;border-radius:0px 0px 0px 0px;padding:14.5px 36px 14.5px 36px;}.elementor-3284 .elementor-element.elementor-element-6341af43 .elementor-button:hover, .elementor-3284 .elementor-element.elementor-element-6341af43 .elementor-button:focus{background-color:#FFFFFF;color:#CB3522;}.elementor-3284 .elementor-element.elementor-element-6341af43{width:auto;max-width:auto;}.elementor-3284 .elementor-element.elementor-element-6341af43 .elementor-button:hover svg, .elementor-3284 .elementor-element.elementor-element-6341af43 .elementor-button:focus svg{fill:#CB3522;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3284 .elementor-element.elementor-element-2f2b9031{--content-width:1600px;}.elementor-3284 .elementor-element.elementor-element-5228cc5{--width:63.327%;}.elementor-3284 .elementor-element.elementor-element-b61d63{--width:553px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3284 .elementor-element.elementor-element-5228cc5{--width:591px;}.elementor-3284 .elementor-element.elementor-element-b61d63{--width:35%;}}@media(max-width:1024px){.elementor-3284 .elementor-element.elementor-element-2f2b9031{--gap:2% 2%;--row-gap:2%;--column-gap:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu .elementor-item{font-size:15px;}}@media(max-width:767px){.elementor-3284 .elementor-element.elementor-element-2f2b9031{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10% 10%;--row-gap:10%;--column-gap:10%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3284 .elementor-element.elementor-element-985a19c{width:var( --container-widget-width, 83.922px );max-width:83.922px;--container-widget-width:83.922px;--container-widget-flex-grow:0;}.elementor-3284 .elementor-element.elementor-element-5228cc5{--width:196px;--min-height:49px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-3284 .elementor-element.elementor-element-1904ead > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3284 .elementor-element.elementor-element-1904ead{--container-widget-width:51px;--container-widget-flex-grow:0;width:var( --container-widget-width, 51px );max-width:51px;--nav-menu-icon-size:19px;}.elementor-3284 .elementor-element.elementor-element-1904ead.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:1;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--main .elementor-item{padding-top:21px;padding-bottom:21px;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--dropdown .elementor-item, .elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-nav-menu--dropdown a{padding-left:65px;padding-right:65px;padding-top:13px;padding-bottom:13px;}.elementor-3284 .elementor-element.elementor-element-1904ead .elementor-menu-toggle{border-width:3px;}.elementor-3284 .elementor-element.elementor-element-b61d63{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-2f2b9031 *//* Base rules: Force transparent on ALL devices initially (your original setup, unchanged) */
.elementor-location-header,
.elementor-section.elementor-sticky,
.ast-primary-header-bar,
.ast-main-header-wrap,
.site-header,
header#masthead,               /* Astra common */
.elementor-header              /* Elementor generic */
{
  background-color: transparent !important;
  background: transparent !important;
  position: relative !important;
  z-index: 999 !important;
}

/* Sticky activation – same on all devices (your original) */
.elementor-sticky--effects,
.ast-sticky-active {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background-color: rgba(51, 51, 51, 0.50) !important;
  transition: background-color 0.5s ease !important;
  box-shadow: 0 2px 15px rgba(0,0,0,0.15) !important;
}

/* MOBILE-ONLY: Darker background from load (using media query for reliability) */
@media only screen and (max-width: 767px) {   /* Elementor's default mobile breakpoint – adjust if you changed it */
  body .elementor-location-header,
  body .elementor-section.elementor-sticky,
  body .ast-primary-header-bar,
  body .ast-main-header-wrap,
  body .site-header,
  body header#masthead,
  body .elementor-header {
    background-color: rgba(30, 30, 30, 0.85) !important;   /* darker – tweak as needed, e.g. rgba(0,0,0,0.8) */
    background: rgba(30, 30, 30, 0.85) !important;
    transition: none !important;   /* no fade on initial load to prevent flash */
  }
  
  /* Optional: if mobile menu/dropdown has grey */
  body .elementor-nav-menu--dropdown,
  body .elementor-menu-toggle {
    background-color: transparent !important;   /* or match your dark color */
  }
}

/* Keep the data-attribute version as fallback if needed, but scoped tighter */
body[data-elementor-device-mode="mobile"] .elementor-location-header,
body[data-elementor-device-mode="mobile"] header#masthead {
  background-color: rgba(30, 30, 30, 0.85) !important;
  background: rgba(30, 30, 30, 0.85) !important;
  transition: none !important;
}

/* Content jump fixes – unchanged */
body.admin-bar .elementor-sticky__header {
  top: 32px !important;
}
.site-content, .ast-separate-container .site-main {
  padding-top: 0 !important;
}

/* Mobile-only: Fix transparent mobile dropdown menu background */
@media only screen and (max-width: 767px) {
  /* Main dropdown container - set dark/semi-dark background */
  .elementor-nav-menu--dropdown,
  .elementor-nav-menu__container,
  .elementor-nav-menu--dropdown-mobile {  /* covers common Elementor mobile variants */
    background-color: rgba(30, 30, 30, 0.95) !important;  /* near-black semi-opaque – matches your header dark, tweak opacity (0.9–1.0 for more solid) */
    background: rgba(30, 30, 30, 0.95) !important;
  }

  /* Individual menu items/links inside dropdown - ensure readable contrast */
  .elementor-nav-menu--dropdown .elementor-item,
  .elementor-nav-menu--dropdown .menu-item a {
    background-color: transparent !important;  /* items themselves transparent or inherit */
    color: #ffffff !important;                /* white text for contrast on dark bg – change to #e0e0e0 if too bright */
  }

  /* Hover/active states – optional subtle highlight */
  .elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-nav-menu--dropdown .elementor-item:focus,
  .elementor-nav-menu--dropdown .menu-item:hover a {
    background-color: rgba(255, 255, 255, 0.08) !important;  /* light overlay on hover */
    color: #ffffff !important;
  }

  /* If there's a sub-menu arrow or toggle */
  .elementor-nav-menu--dropdown .sub-arrow {
    color: #ffffff !important;
  }
}

/* Fallback using Elementor's device attribute (if media query doesn't catch in editor preview) */
body[data-elementor-device-mode="mobile"] .elementor-nav-menu--dropdown,
body[data-elementor-device-mode="mobile"] .elementor-nav-menu__container {
  background-color: rgba(30, 30, 30, 0.95) !important;
}/* End custom CSS */