/*
 * Upcuan Theme 3.3.0.51
 * Mobile navigation surface follows the same admin-controlled gradient as
 * the desktop header instead of using the legacy white mobile card.
 */

.upc-mobile-nav,
.upc-mobile-nav .upc-mobile-card {
  background-color: var(--upc-header-color, #274685) !important;
  background-image: linear-gradient(
    to right,
    var(--upc-gradient-header-start, rgba(39,70,133,.94)) 0%,
    var(--upc-gradient-header-end, rgba(61,179,197,.94)) 100%
  ) !important;
}

.upc-mobile-nav .upc-mobile-card {
  color: var(--upc-nav-text-color, #ffffff) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
}

.upc-mobile-nav .upc-mobile-card a,
.upc-mobile-nav .upc-mobile-card a:visited,
.upc-mobile-nav .upc-mobile-card a:hover,
.upc-mobile-nav .upc-mobile-card a:focus,
.upc-mobile-nav .upc-mobile-card button,
.upc-mobile-nav .upc-mobile-close,
.upc-mobile-nav .pkp_navigation_primary_mobile a,
.upc-mobile-nav .pkp_navigation_user_mobile a,
.upc-mobile-nav .upc-mobile-tools > a {
  color: var(--upc-nav-text-color, #ffffff) !important;
}

.upc-mobile-nav .upc-mobile-card a:hover,
.upc-mobile-nav .upc-mobile-card a:focus {
  background: rgba(255,255,255,.10) !important;
}

.upc-mobile-nav .pkp_navigation_primary_mobile .dropdown-menu,
.upc-mobile-nav .pkp_navigation_user_mobile .dropdown-menu {
  background: transparent !important;
  border-left-color: rgba(255,255,255,.28) !important;
}

.upc-mobile-nav .upc-mobile-card hr {
  border-top-color: rgba(255,255,255,.24) !important;
}