/* Smart Translator – Frontend Styles */

/* ── Language Switcher – Common ─────────────────── */
.st-lang-switcher {
    display: inline-block;
    font-size: .9rem;
}

/* ── Dropdown style ──────────────────────────────── */
.st-style-dropdown select {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: .9rem;
    min-width: 140px;
}

/* ── Inline list style ───────────────────────────── */
.st-lang-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.st-lang-item a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-decoration: none;
    color: inherit;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
}
.st-lang-item a:hover {
    background: #f0f4ff;
    border-color: #93c5fd;
}
.st-lang-item.st-active a {
    background: #1d4ed8;
    color: #fff;
    border-color: #1d4ed8;
    font-weight: 600;
}

/* ── Flag emoji ──────────────────────────────────── */
.st-flag { font-size: 1.1em; line-height: 1; }

/* ── RTL body class ──────────────────────────────── */
body.st-rtl,
body.rtl {
    direction: rtl;
    text-align: right;
}