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


/* 2. RACING STRIPES */
.header {
    position: relative; /* This "pins" the absolute children to this container */
    /* Add overflow: hidden; if the stripes are bleeding out the sides */
}

.header::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; /* Always good practice to define horizontal anchor */
    width: 100%; 
    height: 7.5px; 
    background: #0056b3; 
}

.header::after { 
    content: ""; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 3.5px; 
    background: #0088cc; 
}

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

/* 4. DROPDOWN BEHAVIOR */
.dropdown-menu {
    background-color: #0b0d0f !important;
    border: 1px solid #00a2ed !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

/* DESKTOP HOVER: Only works on screens wider than 991px */
@media (min-width: 992px) {
    .nav-item.dropdown:hover > .dropdown-menu {
        display: block !important;
        top: 100% !important;
        border-top: 5px solid transparent !important; /* The Bridge */
    }
}

/* MOBILE REVEAL: Standard Bootstrap behavior */
.dropdown-menu.show {
    display: block !important;
    position: static !important;
    width: 100% !important;
}


/* ============================================================
   NAVIGATION STRUCTURE & CLICKABILITY
   (Handles sizing and alignment - Colors inherited from theme)
   ============================================================ */

/* 1. Standardize the hit-area for all menu links */
.navbar-nav .nav-link,
ul.nav .nav-link,
.dropdown-menu .dropdown-item {
    display: flex;          /* Makes the whole area clickable */
    align-items: center;    /* Vertically centers text & icons */
    justify-content: flex-start; 
    min-height: 45px;       /* Ensures a large, easy-to-tap target */
    padding: 10px 16px;     /* Professional spacing */
    text-decoration: none;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* 2. Fix for nested anchor tags (if they exist inside your items) */
.dropdown-menu .dropdown-item a,
ul.nav .dropdown-menu .dropdown-item a {
    display: block; 
    width: 100%;
    height: 100%;
    color: inherit;         /* Takes the color from the parent */
    text-decoration: none;
}

/* 3. Hover Structural State */
/* We keep the 'pointer' feel, but let the theme decide the color change */
.navbar-nav .nav-link:hover,
ul.nav .nav-link:hover,
.dropdown-item:hover {
    cursor: pointer;
}

/* 4. Disabled State Mechanics */
.nav-link[disabled],
.nav-item.disabled,
.dropdown-item.disabled {
    pointer-events: none !important; /* Physically prevents the click */
    cursor: default;
}

/* 5. Utility XS Buttons - Structure Only */
.btn-xs {
    padding: 0.25rem 0.4rem;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 0.2rem;
    display: inline-flex;
    align-items: center;
}

/**************************************************/