/* Basic Reset for nav__item */
.nav__item {
    position: relative;
}
  
/* Hide dropdown content by default */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border-radius: 8px;
}

/* Style dropdown links */
.dropdown-content a {
padding: 12px 16px;
text-decoration: none;
display: block;
}

/* Show the dropdown menu on nav__item hover */
.nav__item:hover .dropdown-content {
display: block;
}

/* Change the dropdown link color on hover */
.dropdown-content a:hover {
background-color: #ddd;
}

/* Style adjustments for nav link to fit your existing design */
.nav__link {
display: inline-block;
padding: 16px;
text-decoration: none;
}


/* Color for Dev environment */
.dropdown-content a[data-env="dev"] {
    color: blue; /* Color for Dev */
}

/* Color for Test environment */
.dropdown-content a[data-env="test"] {
    color: orange; /* Color for Test */
}

/* Color for QA environment */
.dropdown-content a[data-env="qa"] {
    color: red; /* Color for QA */
}

/* Color for Prod environment */
.dropdown-content a[data-env="prod"] {
    color: green; /* Color for Prod */
}