/* 03-header-navigation.css | Drug Law India split CSS | generated from cleaned production CSS */
/* =========================================================
   2) Header + GeneratePress Navigation
========================================================= */

.site-header {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--dli-line);
  box-shadow: 0 4px 18px rgba(11, 39, 66, 0.04);
  backdrop-filter: blur(12px);
  position: sticky;
  top: 0;
  z-index: 9999;
}

.admin-bar .site-header {
  top: 32px;
}

.inside-header {
  padding-top: 14px;
  padding-bottom: 14px;
}

.site-logo img,
.header-image {
  max-height: 72px;
  width: auto;
}

.main-navigation,
.main-navigation ul ul {
  background: transparent;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items {
  color: var(--dli-navy);
  font-weight: 700;
}

.main-navigation .main-nav ul li a {
  border-radius: 999px;
  margin: 0 2px;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  background: var(--dli-teal-soft);
  color: var(--dli-teal-dark);
}

.main-navigation ul ul {
  background: #ffffff;
  border: 1px solid var(--dli-line);
  border-radius: 16px;
  box-shadow: var(--dli-shadow);
  overflow: hidden;
}

.main-navigation ul ul li a {
  border-radius: 0;
  padding: 12px 18px;
}

/* =========================================================
   3) Permanent Mobile Hamburger Fix
   Important: do not force both GeneratePress icons to display.
========================================================= */

@media (max-width: 768px) {

  .site-header,
  .inside-header,
  .main-navigation,
  .inside-navigation {
    position: relative;
    z-index: 99999;
  }

  .site-header {
    top: 0;
  }

  .admin-bar .site-header {
    top: 0;
  }

  .inside-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .site-logo img,
  .header-image {
    max-height: 56px;
    width: auto;
  }

  /* Clean icon-only menu button */
  .main-navigation .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;

    padding: 0 !important;
    margin-left: 8px;

    background: var(--dli-teal-soft) !important;
    color: var(--dli-navy) !important;

    border: 1px solid rgba(11, 39, 66, 0.16) !important;
    border-radius: 50% !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: 0 6px 16px rgba(11, 39, 66, 0.10);
    transform: none !important;
  }

  .main-navigation .menu-toggle:hover,
  .main-navigation .menu-toggle:focus {
    background: var(--dli-teal-soft) !important;
    color: var(--dli-navy) !important;
    box-shadow: 0 8px 18px rgba(11, 39, 66, 0.14);
    outline: none;
  }

  /* Hide text label if GeneratePress prints "Menu" */
  .main-navigation .menu-toggle .mobile-menu {
    display: none !important;
  }

  /* Let GeneratePress decide whether hamburger or close icon is visible */
  .main-navigation .menu-toggle .gp-icon {
    color: currentColor !important;
  }

  .main-navigation .menu-toggle svg {
    width: 22px;
    height: 22px;
    fill: currentColor !important;
  }

  .main-navigation .menu-toggle svg path {
    fill: currentColor !important;
  }

  /* Open state */
  .main-navigation.toggled .menu-toggle {
    background: var(--dli-navy) !important;
    color: #ffffff !important;
  }

  .main-navigation.toggled .menu-toggle:hover,
  .main-navigation.toggled .menu-toggle:focus {
    background: var(--dli-navy) !important;
    color: #ffffff !important;
  }

  /* Search icon near menu */
  .main-navigation .menu-bar-items,
  .main-navigation .menu-bar-items a {
    color: var(--dli-navy) !important;
  }

  .main-navigation .menu-bar-items svg {
    fill: currentColor !important;
  }

  /* Mobile opened menu panel */
  .main-navigation.toggled .main-nav {
    background: #ffffff !important;
    border: 1px solid var(--dli-line) !important;
    border-radius: 16px !important;
    margin: 14px 18px 0 !important;
    padding: 10px !important;
    box-shadow: 0 12px 34px rgba(11, 39, 66, 0.10) !important;
  }

  .main-navigation.toggled .main-nav > ul {
    display: block;
  }

  .main-navigation.toggled .main-nav ul li a {
    color: var(--dli-navy) !important;
    background: transparent !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    padding: 14px 18px !important;
    line-height: 1.35;
  }

  .main-navigation.toggled .main-nav ul li.current-menu-item > a,
  .main-navigation.toggled .main-nav ul li.current-menu-ancestor > a,
  .main-navigation.toggled .main-nav ul li a:hover,
  .main-navigation.toggled .main-nav ul li a:focus {
    background: var(--dli-teal-soft) !important;
    color: var(--dli-teal-dark) !important;
  }

  .main-navigation .dropdown-menu-toggle {
    color: var(--dli-navy) !important;
  }

  .main-navigation .dropdown-menu-toggle svg {
    fill: currentColor !important;
  }
}