/* ============================================================
   JP ROBOTIC — HEADER (v2 / streamlined)

   Changed from the original:
   - Removed the desktop dropdown-hover rule — it was declared
     here AND redeclared with different colors in "A menu style
     4.css" which loads after it, so this copy never won on a live
     page. It now lives once, in the v2 "A menu style 4.css".
   ============================================================ */

/* 1. Logo & branding */
.navbar-brand img { width: 45px; height: auto; }
img[src*="drawing_1.svg"] { background-color: #fff; box-shadow: 0 0 0 1.7px #fff; }

/* 2. Racing stripes */
.header { position: relative; }
.header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7.5px; background: var(--blue2); }
.header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3.5px; background: var(--blue); }

/* 3. Search bar */
#search-block-form { display: flex; align-items: center; margin: 10px 15px; }

/* 4. Dropdown base panel (hover trigger + colors live in A menu style 4.css) */
.dropdown-menu { border-radius: 0 !important; padding: 0 !important; }
.dropdown-menu.show { display: block !important; position: static !important; width: 100% !important; }

/* 5. Nav hit-areas */
.navbar-nav .nav-link,
ul.nav .nav-link,
.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 45px;
  padding: 10px 16px;
  text-decoration: none;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.dropdown-menu .dropdown-item a,
ul.nav .dropdown-menu .dropdown-item a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.navbar-nav .nav-link:hover,
ul.nav .nav-link:hover,
.dropdown-item:hover { cursor: pointer; }
.nav-link[disabled],
.nav-item.disabled,
.dropdown-item.disabled { pointer-events: none !important; cursor: default; }

.btn-xs { padding: 0.25rem 0.4rem; font-size: 0.75rem; line-height: 1; border-radius: 0.2rem; display: inline-flex; align-items: center; }