/* Language Switcher Styles */
.lang-btn {
    text-align: left;
    width: 100%;
    padding: 8px 15px;
    border: none;
    background: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lang-btn:hover {
    background-color: #f8f9fa;
    color: #fb873f;
}

.lang-btn i {
    margin-right: 8px;
}

.lang-btn.active {
    color: #fb873f;
    font-weight: 600;
}

/* Flag icons */
.flag-icon {
    width: 1.33em;
    height: 1em;
    display: inline-block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
}

.flag-icon-us {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjAgMzgwIj48cGF0aCBmaWxsPSIjYmMxYzI0IiBkPSJNMCAwaDcyMHYzODBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDAgMGg2NDB2NDBINDB6bTAgODBoNjQwdjQwSDEyMHY0MGg1MjB2NDBIMTIwdjQwaDUyMHY0MEgxMjB2NDBoNTIwdjQwSDEyMHY0MGg1MjB2NDBIMTB6Ii8+PHBhdGggZD0iTTQwIDBoNjQwdjI0MEg0MHpNMTIwIDQwaDQwMHY0MEgxMjB6IiBmaWxsPSIjMDAyNzY1Ii8+PHBhdGggZmlsbD0iI2VkMGMwMCIgZD0iTTQwIDBoNjR2NDBIMzUydjQwSDEyMHY0MGgyMzJ2NDBIMTIwdjQwaDIzMnY0MEgxMjB2NDBoMjU2djQwSDEyMHY0MGgxOTJ2NDBIMTB6Ii8+PC9zdmc+');
}

.flag-icon-es {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjAgNDgwIj48cGF0aCBmaWxsPSIjY2MxYjJkIiBkPSJNMCAwaDcyMHY0ODBIMHoiLz48cGF0aCBmaWxsPSIjYzYwMDAwIiBkPSJNMCAwaDcyMHYzMjBIMHoiLz48cGF0aCBmaWxsPSIjZmZjYjAwIiBkPSJNMCAwaDcyMHYxNjBIMHoiLz48L3N2Zz4=');
}

/* Dropdown menu styles */
.navbar .dropdown-menu {
    min-width: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    border-radius: 0.5rem;
    padding: 0.5rem 0;
}

.navbar .dropdown-item {
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
    color: #333;
}

.navbar .dropdown-item:hover, 
.navbar .dropdown-item:focus {
    background-color: #f8f9fa;
    color: #fb873f;
}

/* Active language indicator */
.navbar .nav-link i.fa-globe {
    color: #fb873f;
}
