/*
 * ConjuresUp Navigation Lock
 * Purpose: preserve the approved purple/gold header navigation presentation
 * even if upstream Coffee Shop: Cafe / Ecommerce Modern Store defaults or
 * Customizer values are reset during a theme update.
 * Scope: header navigation and header utility icons only.
 */

:root {
  --csu-nav-purple: #4d1367;
  --csu-nav-purple-deep: #2a0739;
  --csu-nav-gold: #d4af37;
  --csu-nav-gold-light: #ffd981;
  --csu-nav-cream: #fff6df;
}

/* Desktop primary navigation */
@media screen and (min-width: 960px) {
  .navbar-wpdevart > ul > li > a,
  .navbar-wpdevart > ul > li > a:link,
  .navbar-wpdevart > ul > li > a:visited,
  .simple-navbar-wpdevart > ul > li > a,
  .simple-navbar-wpdevart > ul > li > a:link,
  .simple-navbar-wpdevart > ul > li > a:visited,
  .navbar-wpdevart > ul > li > .wpdevart-menu-items-color,
  .navbar-wpdevart .wpdevart-menu-items-color {
    color: var(--csu-nav-cream) !important;
  }

  .navbar-wpdevart > ul > li > a:hover,
  .navbar-wpdevart > ul > li > a:focus,
  .navbar-wpdevart > ul > li.current-menu-item > a,
  .navbar-wpdevart > ul > li.current-menu-ancestor > a,
  .simple-navbar-wpdevart > ul > li > a:hover,
  .simple-navbar-wpdevart > ul > li > a:focus {
    color: var(--csu-nav-gold-light) !important;
    opacity: 1 !important;
  }

  .navbar-wpdevart .dropdown-menu,
  .navbar-wpdevart .sub-menu {
    background: linear-gradient(180deg, var(--csu-nav-purple), var(--csu-nav-purple-deep)) !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    border-top: 2px solid var(--csu-nav-gold) !important;
    box-shadow: 0 14px 34px rgba(19, 3, 29, .38) !important;
  }

  .navbar-wpdevart .dropdown-menu li,
  .navbar-wpdevart .sub-menu li {
    background: transparent !important;
  }

  .navbar-wpdevart .dropdown-menu li > a,
  .navbar-wpdevart .dropdown-menu li > a:link,
  .navbar-wpdevart .dropdown-menu li > a:visited,
  .navbar-wpdevart .sub-menu li > a,
  .navbar-wpdevart .sub-menu li > a:link,
  .navbar-wpdevart .sub-menu li > a:visited,
  .navbar-wpdevart .wpdevart-sub-menu-link-color {
    color: var(--csu-nav-cream) !important;
    opacity: 1 !important;
  }

  .navbar-wpdevart .dropdown-menu li > a:hover,
  .navbar-wpdevart .dropdown-menu li > a:focus,
  .navbar-wpdevart .sub-menu li > a:hover,
  .navbar-wpdevart .sub-menu li > a:focus,
  .navbar-wpdevart .dropdown-menu li.current-menu-item > a,
  .navbar-wpdevart .sub-menu li.current-menu-item > a {
    color: var(--csu-nav-gold-light) !important;
    opacity: 1 !important;
  }

  .wpdevart-menu-button-icon,
  .wpdevart-sub-menu-button-icon,
  .navbar-wpdevart button,
  .simple-navbar-wpdevart button {
    color: var(--csu-nav-gold) !important;
  }
}

/* Header account/cart/search utility icons. */
.wpdevart-main-header-section .woocommerce-account a,
.wpdevart-main-header-section .woocommerce-account-icon,
.wpdevart-main-header-section .woocommerce-cart-icon,
.wpdevart-main-header-section .site-header__search-trigger,
.wpdevart-main-header-section .search-menu-buttons,
.wpdevart-main-header-section [class*="account-icon"],
.wpdevart-main-header-section [class*="cart-icon"],
.wpdevart-main-header-section [class*="search-icon"],
.wpdevart-main-header-section button[class*="search"] {
  color: var(--csu-nav-gold) !important;
}

.wpdevart-main-header-section svg,
.wpdevart-main-header-section .woocommerce-account svg,
.wpdevart-main-header-section .woocommerce-cart-icon svg,
.wpdevart-main-header-section .site-header__search-trigger svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Mobile navigation: retain the same approved purple/gold identity. */
@media screen and (max-width: 959px) {
  #wpdevartmobilemenu,
  #wpdevartmobilemenu > ul,
  #wpdevartmobilemenu ul ul,
  #wpdevartmobilemenu ul ul ul,
  #wpdevartmobilemenu #head-mobile {
    background: var(--csu-nav-purple) !important;
  }

  #wpdevartmobilemenu ul ul,
  #wpdevartmobilemenu ul ul ul {
    background: var(--csu-nav-purple-deep) !important;
  }

  #wpdevartmobilemenu ul li a,
  #wpdevartmobilemenu ul li a:link,
  #wpdevartmobilemenu ul li a:visited {
    color: var(--csu-nav-cream) !important;
  }

  #wpdevartmobilemenu ul li a:hover,
  #wpdevartmobilemenu ul li a:focus,
  #wpdevartmobilemenu ul li.current-menu-item > a,
  #wpdevartmobilemenu ul li.current-menu-ancestor > a {
    color: var(--csu-nav-gold-light) !important;
  }

  #wpdevartmobilemenu .wpdevart-submenu-button,
  .wpdevartmobilemenubutton,
  .wpdevart-mobile-icon-button {
    color: var(--csu-nav-gold) !important;
  }
}