/* Flag Icons */
.flag-icon {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.flag-icon-uk {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0v30h60v-30z' fill='%2300247d'/%3E%3Cpath d='m0 0 60 30m0-30-60 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='m0 0 60 30m0-30-60 30' stroke='%23cf142b' stroke-width='4'/%3E%3Cpath d='m30 0v30m-30-15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='m30 0v30m-30-15h60' stroke='%23cf142b' stroke-width='6'/%3E%3C/svg%3E");
}

.flag-icon-kr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-72 -48 144 96'%3E%3Cpath fill='%23fff' d='M-72-48v96H72v-96z'/%3E%3Cg stroke='%23000' stroke-width='4'%3E%3Cpath transform='rotate(33.69006752598)' d='M-50-12v24m6 0v-24m6 0v24m76 0V1m0-2v-11m6 0v11m0 2v11m6 0V1m0-2v-11'/%3E%3Cpath transform='rotate(-33.69006752598)' d='M-50-12v24m6 0V1m0-2v-11m6 0v24m76 0V1m0-2v-11m6 0v24m6 0V1m0-2v-11'/%3E%3C/g%3E%3Cg transform='rotate(33.69006752598)'%3E%3Cpath fill='%23cd2e3a' d='M12 0a18 18 0 11-36 0 24 24 0 1148 0'/%3E%3Cpath fill='%230047a0' d='M0 0a12 12 0 1124 0 24 24 0 11-48 0 12 12 0 1024 0'/%3E%3C/g%3E%3C/svg%3E");
}

.flag-icon-jp {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 3 2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h3v2H0' fill='%23fff'/%3E%3Ccircle cx='1.5' cy='1' r='.6' fill='%23bc002d'/%3E%3C/svg%3E");
}

/* Language Selector Styles */
.language-selector {
    display: flex;
    gap: 8px;
    align-items: center;
}

.language-option {
    position: relative;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.language-option:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.language-option::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background-color: #333;
    color: white;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

.language-option:hover::after {
    opacity: 1;
    visibility: visible;
}

.language-option.active {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Dropdown Menu Styles */
.dropdown-menu {
    min-width: 150px;
    padding: 0.5rem 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dropdown-item {
    padding: 0.5rem 1rem;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #000;
}

.dropdown-toggle::after {
    display: none;
}