.elementor-kit-4{--e-global-color-primary:#192F59;--e-global-color-secondary:#F2F2F2;--e-global-color-text:#96A2B8;--e-global-color-accent:#EF601E;--e-global-color-25360e5:#333333;--e-global-color-bfbe0db:#B5B5B5;--e-global-color-1e87666:#FFFFFF;--e-global-color-25c429d:#919BAD;--e-global-color-a34b92a:#232323;--e-global-color-a07c6b0:#000000;--e-global-color-062ec95:#A0A0A0;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1190px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* -----------------------------------------
   DESKTOP / TABLET (anchor dropdown panel)
   ----------------------------------------- */
@media (min-width: 768px) {
  /* Anchor the dropdown to the nav widget */
  .bc-main-nav {
    position: relative;
    z-index: 1000;
  }

  /* Dropdown: absolute panel under the hamburger, not full width */
  .bc-main-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    position: absolute !important;
    top: calc(100% + 8px);        /* sits just below the nav, not on top of it */
    right: 0;
    left: auto;

    width: min(320px, 90vw);      /* narrower panel, never too wide */
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    padding: 16px 0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.45);

    max-height: min(480px, 80vh);
    overflow-y: auto;
    z-index: 9999;
  }
}

/* -----------------------------------------
   MOBILE (full-width overlay, no push-down)
   ----------------------------------------- */
@media (max-width: 767px) {
  .bc-main-nav {
    position: relative;
    z-index: 1000;
  }

  .bc-main-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    position: fixed !important;          /* take it out of document flow */
    top: 220px;                           /* adjust to your mobile header height */
    left: 0;
    right: 0;

    width: 100%;
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(6px);
    border-radius: 0;
    padding: 16px 0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.45);

    max-height: calc(100vh - 70px);
    overflow-y: auto;
    z-index: 9999;
  }
}

/* Make sure header doesn't clip the dropdown */
.elementor-location-header,
.elementor-location-header * {
  overflow: visible !important;
}

/* Base link styles in the dropdown: always white */
.bc-main-nav .elementor-nav-menu--dropdown a,
.bc-main-nav .elementor-nav-menu--dropdown .elementor-item {
  color: #FFFFFF !important;
}

/* Hover + active state: teal (#00B5BF) */
.bc-main-nav .elementor-nav-menu--dropdown a:hover,
.bc-main-nav .elementor-nav-menu--dropdown .elementor-item:hover,
.bc-main-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.bc-main-nav .elementor-nav-menu--dropdown .elementor-item.highlighted {
  color: #00B5BF !important;
}

/* Optional: a bit more spacing on dropdown items */
.bc-main-nav .elementor-nav-menu--dropdown .elementor-item {
  padding: 10px 20px;
}

/* Make submenu indicators (down arrows) visible on dark background */
.bc-main-nav .elementor-nav-menu--dropdown .sub-arrow,
.bc-main-nav .elementor-nav-menu--dropdown .sub-arrow i,
.bc-main-nav .elementor-nav-menu--dropdown .sub-arrow svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* Optional: teal arrow on hover of parent item */
.bc-main-nav .elementor-nav-menu--dropdown li.menu-item:hover > .sub-arrow,
.bc-main-nav .elementor-nav-menu--dropdown li.menu-item:hover > .sub-arrow i,
.bc-main-nav .elementor-nav-menu--dropdown li.menu-item:hover > .sub-arrow svg {
  color: #00B5BF !important;
  fill: #00B5BF !important;
}

/* If Elementor uses border-based arrows, catch those too */
.bc-main-nav .elementor-nav-menu--dropdown .sub-arrow:before,
.bc-main-nav .elementor-nav-menu--dropdown .sub-arrow:after {
  border-color: #FFFFFF !important;
}

/* Make subcategory (submenu) items larger + more readable */
.bc-main-nav .elementor-nav-menu--dropdown .elementor-sub-item {
  font-size: 16px !important;
  line-height: 1.4 !important;
  padding: 8px 24px !important;
}

/* Optional: visually indent subcategories under their parent */
.bc-main-nav .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
  padding-left: 32px !important;
}/* End custom CSS */