/*
 * Styles for the Smart Language Switcher
 * Version: 1.0.0
 */

.sls-switcher-container {
    display: flex;
    align-items: center;
    gap: var(--sls-gap, 0.75rem); /* Default gap, can be overridden by Elementor */
}

.sls-language-link {
    display: block;
    line-height: 0; /* Removes extra space below the icon */
    opacity: 0.85;
    transition: opacity 0.2s ease-in-out;
}

.sls-language-link:hover {
    opacity: 1;
}

.sls-flag-icon {
    /* Uses CSS variable for size, with a fallback */
    width: var(--sls-icon-size, 32px);
    height: auto;
}

.sls-flag-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px; /* Slightly rounded corners for a modern look */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}