/* WP Google Translator SEO Switcher Styles */

.wpgts-switcher-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    z-index: 999999;
}

.wpgts-switcher-wrap * {
    box-sizing: border-box;
}

/* Floating Styles */
.wpgts-style-floating {
    position: fixed;
}
.wpgts-pos-bottom-right {
    bottom: 24px;
    right: 24px;
}
.wpgts-pos-bottom-left {
    bottom: 24px;
    left: 24px;
}
.wpgts-pos-top-right {
    top: 24px;
    right: 24px;
}
.wpgts-pos-top-left {
    top: 24px;
    left: 24px;
}

/* Toggle Pill Button */
.wpgts-switcher-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #ffffff;
    color: #2c3338;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 30px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
}

.wpgts-switcher-toggle:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.wpgts-current-name {
    font-weight: 500;
}

.wpgts-arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    transform: rotate(45deg);
    margin-bottom: 2px;
    transition: transform 0.2s ease;
}

.wpgts-switcher-wrap.wpgts-open .wpgts-arrow {
    transform: rotate(-135deg);
    margin-bottom: -2px;
}

/* Dropdown Menu */
.wpgts-switcher-dropdown {
    display: none;
    position: absolute;
    min-width: 170px;
    max-height: 280px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    margin: 8px 0;
    padding: 6px 0;
    list-style: none;
    z-index: 1000000;
}

.wpgts-switcher-wrap.wpgts-open .wpgts-switcher-dropdown {
    display: block;
    animation: wpgtsFadeIn 0.2s ease forwards;
}

/* Dropdown position adjustment based on placement */
.wpgts-pos-bottom-right .wpgts-switcher-dropdown,
.wpgts-pos-bottom-left .wpgts-switcher-dropdown {
    bottom: 100%;
    margin-bottom: 8px;
}

.wpgts-pos-bottom-right .wpgts-switcher-dropdown,
.wpgts-pos-top-right .wpgts-switcher-dropdown {
    right: 0;
}

.wpgts-pos-bottom-left .wpgts-switcher-dropdown,
.wpgts-pos-top-left .wpgts-switcher-dropdown {
    left: 0;
}

.wpgts-lang-item {
    margin: 0;
    padding: 0;
}

.wpgts-lang-item a.wpgts-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    transition: background 0.15s ease;
}

.wpgts-lang-item a.wpgts-link:hover {
    background: #f4f6f8;
    color: #0073aa;
}

.wpgts-lang-item.wpgts-active a.wpgts-link {
    font-weight: 600;
    color: #0073aa;
    background: #e7f3fd;
}

.wpgts-check {
    margin-left: auto;
    color: #0073aa;
    font-weight: bold;
}

/* Flag representations */
.wpgts-flag {
    display: inline-block;
    width: 20px;
    height: 14px;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
    flex-shrink: 0;
}

/* Built-in SVG Flag data for popular languages */
.wpgts-flag-us { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7410 3900"><path fill="%23b22234" d="M0 0h7410v3900H0z"/><path stroke="%23fff" stroke-width="300" d="M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0"/><path fill="%233c3b6e" d="M0 0h2964v2100H0z"/></svg>'); }
.wpgts-flag-cn { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23de2910" d="M0 0h900v600H0z"/><polygon fill="%23ffde00" points="150,60 179,150 99,94 201,94 121,150"/></svg>'); }
.wpgts-flag-tw { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23fe0000" d="M0 0h900v600H0z"/><path fill="%23000095" d="M0 0h450v300H0z"/><circle cx="225" cy="150" r="75" fill="%23fff"/></svg>'); }
.wpgts-flag-es { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500"><path fill="%23c60b1e" d="M0 0h750v500H0z"/><path fill="%23ffc400" d="M0 125h750v250H0z"/></svg>'); }
.wpgts-flag-fr { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23002654" d="M0 0h300v600H0z"/><path fill="%23fff" d="M300 0h300v600H300z"/><path fill="%23ce1126" d="M600 0h300v600H600z"/></svg>'); }
.wpgts-flag-de { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 3"><path fill="%23000" d="M0 0h5v1H0z"/><path fill="%23d00" d="M0 1h5v1H0z"/><path fill="%23ffce00" d="M0 2h5v1H0z"/></svg>'); }
.wpgts-flag-jp { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23fff" d="M0 0h900v600H0z"/><circle cx="450" cy="300" r="180" fill="%23bc002d"/></svg>'); }
.wpgts-flag-kr { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23fff" d="M0 0h900v600H0z"/><circle cx="450" cy="300" r="150" fill="%23c60c30"/></svg>'); }
.wpgts-flag-ru { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23fff" d="M0 0h900v200H0z"/><path fill="%230039a6" d="M0 200h900v200H0z"/><path fill="%23d52b1e" d="M0 400h900v200H0z"/></svg>'); }
.wpgts-flag-pt { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23006600" d="M0 0h360v600H0z"/><path fill="%23ff0000" d="M360 0h540v600H360z"/></svg>'); }
.wpgts-flag-it { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23009246" d="M0 0h300v600H0z"/><path fill="%23fff" d="M300 0h300v600H300z"/><path fill="%23ce2b37" d="M600 0h300v600H600z"/></svg>'); }
.wpgts-flag-sa { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23006c35" d="M0 0h900v600H0z"/></svg>'); }
.wpgts-flag-nl { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="%23ae1c28" d="M0 0h900v200H0z"/><path fill="%23fff" d="M0 200h900v200H0z"/><path fill="%2321468b" d="M0 400h900v200H0z"/></svg>'); }

@keyframes wpgtsFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}