/* =========================================
   ASTRA HEADER + DESKTOP MENU (MINIMAL)
   - White header
   - Menu text black
   - Clean dropdown panel
   - Dropdown items boxed
   ========================================= */

/* White header */
.ast-primary-header-bar,
.main-header-bar{
  background:#fff !important;
}

/* Desktop menu links always black */
.main-header-menu a{
  color:#000 !important;
}

/* Dropdown panel */
.main-header-menu .sub-menu{
  min-width:260px !important;
  max-width:360px !important;
  padding:10px !important;
  margin-top:10px !important;
  background:#fff !important;
  border:1px solid #e7e7e7 !important;
  border-radius:12px !important;
  box-shadow:0 10px 25px rgba(0,0,0,.12) !important;
  left:0 !important;
  right:auto !important;
}

/* Dropdown item links (boxed look) */
.main-header-menu .sub-menu > li > a{
  display:block !important;
  padding:12px 14px !important;
  color:#000 !important;
  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:10px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

/* Dropdown hover (use your real brand gold) */
.main-header-menu .sub-menu > li > a:hover{
  color:#FFD700 !important;
  border-color:#FFD700 !important;
}

/* =========================================
   OPTIONAL: WIDER BOXED HEADER CONTAINER
   (only keep if you really want this)
   ========================================= */
.ast-primary-header-bar .ast-container,
.main-header-bar .ast-container{
  max-width:1700px !important;
  padding-left:40px !important;
  padding-right:40px !important;
}

/* =========================================
   ASTRA MOBILE DRAWER: ACTIVE ITEM ONLY
   - Keep grey drawer background
   - Active/current page = yellow + underline
   ========================================= */
@media (max-width: 921px){

  /* Active/current mobile menu item */
  .ast-mobile-popup-drawer li.current-menu-item > a,
  .ast-mobile-popup-drawer li.current_page_item > a,
  .ast-mobile-popup-drawer li.current-menu-ancestor > a{
    color:#FFD700 !important;
    text-decoration:underline !important;
    text-underline-offset:4px;
    font-weight:700;
    background:transparent !important; /* keeps drawer styling */
  }

  /* Ensure other links remain normal (no accidental overrides) */
  .ast-mobile-popup-drawer a{
    text-decoration:none;
  }
}