/* Text Colors */
.text-yellow {
    color: #FFD700;
}

.text-yellow:hover {
    color: #FFC700;
}

/* Header styling */
header a.text-yellow {
    text-decoration: none;
    transition: color 0.3s ease;
}

header a.text-yellow:hover {
    color: #FFC700;
}

/* Responsive header layout */
header .container > div {
    flex-wrap: wrap;
    gap: 0.75rem;
}

header .container > div > .d-flex {
    flex-wrap: wrap;
    gap: 0.75rem;
}

header nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

header nav a {
    white-space: nowrap;
}

header span {
    min-width: 190px;
}

@media (max-width: 767.98px) {
    header .container > div {
        flex-direction: column;
        align-items: stretch;
    }

    header .container > div > .d-flex {
        justify-content: space-between;
        width: 100%;
    }

    header nav {
        justify-content: flex-start;
    }
}