/**
 * ClearPro nav menu unify
 * - Same look for every dropdown row (desktop + mobile)
 * - No 3D bubble inside white card (double button)
 * - No hover transform / border / shadow that shifts neighbours (flicker)
 * Loaded last so it wins over ui-polish + theme.
 */

/* ---------- Shared: kill motion / layout-shifting effects on ALL nav ---------- */
header.site-header nav a,
header.site-header nav .sales-menu > summary,
header.site-header nav .sales-menu-links a,
header.site-header nav .sales-menu-links a:hover,
header.site-header nav .sales-menu-links a:focus,
header.site-header nav .sales-menu-links a:active,
header.site-header nav .sales-menu > summary:hover,
header.site-header nav .sales-menu > summary:active,
header.site-header nav .sales-menu[open] > summary {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  filter: none !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

/* Desktop top chips — flat, no lift */
@media (min-width: 781px) {
  header.site-header nav > a,
  header.site-header nav .sales-menu > summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #5b6f7b !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    list-style: none !important;
  }

  header.site-header nav > a:hover,
  header.site-header nav .sales-menu > summary:hover {
    background: #e8f2f8 !important;
    color: #0a5f93 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  header.site-header nav .sales-menu[open] > summary {
    background: #0a5f93 !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Dropdown panel rows — identical size; hover only recolors background */
  header.site-header nav .sales-menu-links {
    gap: 0 !important;
    padding: 6px !important;
  }

  header.site-header nav .sales-menu-links a,
  header.site-header nav .sales-menu-links a:hover,
  header.site-header nav .sales-menu-links a:focus,
  header.site-header nav .sales-menu-links a:active {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: 40px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #142833 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
  }

  header.site-header nav .sales-menu-links a:hover,
  header.site-header nav .sales-menu-links a:focus {
    background: #e8f2f8 !important;
    background-color: #e8f2f8 !important;
    color: #0a5f93 !important;
    border-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Scroll freeze — no hover recolor while scrolling */
  header.site-header nav .sales-menu-links.is-scrolling a,
  header.site-header nav .sales-menu-links.is-scrolling a:hover,
  header.site-header nav .sales-menu-links.is-scrolling a:focus,
  header.site-header nav .sales-menu-links.is-scrolling a:active {
    pointer-events: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #142833 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* ---------- Mobile drawer: one card style, no blue pill inside white card ---------- */
@media (max-width: 780px) {
  .mobile-menu-check:checked ~ .site-header nav > a,
  .mobile-menu-check:checked ~ .site-header nav > details.sales-menu,
  .mobile-menu-check:checked ~ .site-header nav > details {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 8px !important;
    border: 1px solid #d5e4ec !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
  }

  /* Top-level links (Dashboard, Calendar, staff links) */
  .mobile-menu-check:checked ~ .site-header nav > a {
    min-height: 48px !important;
    padding: 14px 16px !important;
    color: #142833 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  .mobile-menu-check:checked ~ .site-header nav > a:hover,
  .mobile-menu-check:checked ~ .site-header nav > a:active {
    background: #e8f2f8 !important;
    color: #0a5f93 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Department row (Jobs, Customers, Staff, Finance) — single flat row, NOT a blue bubble */
  .mobile-menu-check:checked ~ .site-header nav details > summary,
  .mobile-menu-check:checked ~ .site-header nav .sales-menu > summary {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #0a5f93 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details > summary::-webkit-details-marker {
    display: none !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details > summary::after {
    content: "+" !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #5b6f7b !important;
    line-height: 1 !important;
    transform: none !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details[open] > summary {
    background: #0a5f93 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #08496f !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details[open] > summary::after {
    content: "−" !important;
    color: #ffffff !important;
  }

  /* Nested items under a department — same size every row, no shift on press */
  .mobile-menu-check:checked ~ .site-header nav details[open] > .sales-menu-links {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #eef5f9 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
    animation: none !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a,
  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a:hover,
  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a:active,
  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a:focus {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 6px !important;
    min-height: 46px !important;
    padding: 13px 14px !important;
    border: 1px solid #c5d9e4 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #142833 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    text-shadow: none !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a:last-child {
    margin-bottom: 0 !important;
  }

  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a:hover,
  .mobile-menu-check:checked ~ .site-header nav details[open] .sales-menu-links a:active {
    background: #dff0ff !important;
    color: #0a5f93 !important;
    border-color: #c5d9e4 !important;
    transform: none !important;
    box-shadow: none !important;
  }
}