/* Responsive header styles */
.nav-item {
    position: relative;
}

/* Data attributes for country codes */
.nav-item[data-country] {
    --country-name: attr(data-country-name);
    --country-alpha3: attr(data-country-alpha3);
    --country-alpha2: attr(data-country-alpha2);
}

/* Default state - show full name */
.nav-item[data-country] .country-name {
    display: inline;
}

.nav-item[data-country] .country-alpha3,
.nav-item[data-country] .country-alpha2 {
    display: none;
}

/* Media queries for responsive behavior */
@media (max-width: 1200px) {
    .nav-item[data-country] .country-name {
        display: none;
    }
    .nav-item[data-country] .country-alpha3 {
        display: inline;
    }
}

@media (max-width: 992px) {
    .nav-item[data-country] .country-alpha3 {
        display: none;
    }
    .nav-item[data-country] .country-alpha2 {
        display: inline;
    }
}

@media (max-width: 768px) {
    .nav-item[data-country] .country-alpha2 {
        display: none;
    }
    /* Only flag will be visible */
    .nav-item[data-country] .fi {
        margin-right: 0;
    }
}

/* Ensure flags are always visible */
.nav-item[data-country] .fi {
    display: inline-block !important;
    margin-right: 0.5rem;
}