/* =================================
   Desktop Navigation Styles
================================= */
@media (min-width: 992px) {
    .gov-accordion .accordion-content .info-wrapper .info-item:nth-of-type(2) {
  flex-grow: 1;
}

  /* ---------- Dropdown container ---------- */
  .header_wrapper .region--menubar 
  #block-sass-theme-msd-mainnavigation 
  .sf-menu > li > ul {
    margin-top: 64px !important;
    width: 128% !important;
    border-radius: 10px;
    background-color: #fff !important;
    padding: 0 !important;
  }

  /* ---------- Dropdown links ---------- */
  .header_wrapper .region--menubar 
  #block-sass-theme-msd-mainnavigation 
  .sf-menu > li > ul li a {
    color: green !important;
    padding-inline-start: 10px !important; /* RTL safe */
  }

  [dir="rtl"] .header_wrapper .region--menubar 
  #block-sass-theme-msd-mainnavigation 
  .sf-menu > li > ul li a {
   padding-right: 10px !important;
  }

  .header_wrapper .region--menubar 
  #block-sass-theme-msd-mainnavigation 
  .sf-menu > li > ul li a:hover {
    background-color: #f3f4f6 !important;
  }

  /* ---------- Top level items ---------- */
  ul#superfish-main li.sf-depth-1,
  ul#superfish-main--2 li.sf-depth-1 {
    position: relative;
    padding-block: 22px !important;
    border-radius: 4px;
  }

  ul#superfish-main li.sf-depth-1:hover,
  ul#superfish-main--2 li.sf-depth-1:hover {
    background-color: #f3f4f6 !important;
  }

  /* ---------- Dark mode ---------- */
  .dark-mode ul#superfish-main li.sf-depth-1:hover a,
  .dark-mode ul#superfish-main--2 li.sf-depth-1:hover a {
    color: #000 !important;
  }

  /* ---------- RTL submenu link color ---------- */
  [dir="rtl"] ul#superfish-main li.sf-depth-1 ul a,
  [dir="rtl"] ul#superfish-main--2 li.sf-depth-1 ul a {
    color: green !important;
  }

  /* ---------- Active state reset ---------- */
  ul#superfish-main li.sf-depth-1 a.sf-depth-1.is-active,
  ul#superfish-main--2 li.sf-depth-1 a.sf-depth-1.is-active {
    background-color: transparent !important;
  }

  /* ---------- RTL arrow adjustment ---------- */
  [dir="rtl"] ul#superfish-main li.sf-depth-1 a.sf-with-ul,
  [dir="rtl"] ul#superfish-main--2 li.sf-depth-1 a.sf-with-ul {
    left: 20px !important;
  }

  /* ---------- Submenu offset ---------- */
  ul#superfish-main li.sf-depth-1 ul,
  ul#superfish-main--2 li.sf-depth-1 ul {
    margin-top: 33% !important;
  }

  /* ---------- Hover underline animation ---------- */
  ul#superfish-main li.sf-depth-1::after,
  ul#superfish-main--2 li.sf-depth-1::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: #9da4ac;
    transition: width 0.3s ease;
  }

  ul#superfish-main li.sf-depth-1:hover::after,
  ul#superfish-main--2 li.sf-depth-1:hover::after {
    width: 80%;
  }

  /* ---------- Active trail ---------- */
  ul#superfish-main li.sf-depth-1.active-trail,
  ul#superfish-main--2 li.sf-depth-1.active-trail {
    background-color: #1B8354 !important;
  }

  ul#superfish-main li.sf-depth-1.active-trail::after,
  ul#superfish-main--2 li.sf-depth-1.active-trail::after {
    width: 80%;
    background-color: #54c08a;
  }

  ul#superfish-main li.sf-depth-1.active-trail a,
  ul#superfish-main--2 li.sf-depth-1.active-trail a {
    color: #fff !important;
  }

  ul#superfish-main li.sf-depth-1.active-trail a span::after,
  ul#superfish-main--2 li.sf-depth-1.active-trail a span::after {
    filter: invert(1);
  }

  /* ---------- Search wrapper ---------- */
  .search_wrapper {
    padding: 24px;
    position: relative;
    border-radius: 4px;
  }

  .search_wrapper:hover {
    background-color: #f3f4f6;
  }
  .dark-mode .search_wrapper:hover {
    color: black;
    .search_icon{
  	filter: invert(0);
  }
  }

  .search_wrapper.active {
    background: #1b8354;
    color: #fff;
  }

  .search_wrapper.active .search_icon {
    filter: invert(1);
  }

  .search_wrapper::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: #9da4ac;
    transition: width 0.3s ease;
  }
   .search_wrapper.active::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: #54c08a;
    transition: width 0.3s ease;
  }

  .search_wrapper:hover::after {
    width: 100%;
  }

}