/* Plain CSS is intentionally independent of the legacy webpack build. */
body.vto-language-refresh {
    --vto-pink: #c91f68;
    --vto-brand-pink: #e83486;
    --content-container-width: 1200px;
    --content-sidebar-width: 230px;
    --content-gap: 28px;
    background: #fff;
    color: #191d27;
}
.vto-language-refresh .vto-language-hero {
    background: #101b2c url('language-page/language-page-header-voice-talent-online.webp') right center / auto 100% no-repeat;
    color: #fff;
}
.vto-language-refresh .vto-language-hero__inner {
    max-width: 1200px;
    padding: 38px 24px 26px;
    margin: 0 auto;
}
.vto-language-refresh .vto-language-hero h1 {
    color: #fff;
    max-width: 650px;
    font-size: clamp(30px, 3.5vw, 48px);
    line-height: 1.08;
    margin: 0 0 14px;
    font-weight: 800;
    text-align: left;
}
.vto-language-refresh .vto-language-hero p { max-width: 640px; font-size: 18px; line-height: 1.5; margin: 0 0 20px; }
.vto-language-refresh .vto-language-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.vto-language-refresh .vto-lp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 10px 22px;
    border: 2px solid transparent;
    border-radius: 6px;
    background: var(--vto-pink);
    color: #fff;
    font-weight: 750;
    text-decoration: none;
}
.vto-language-refresh .vto-lp-button img { filter: brightness(0) invert(1); }
.vto-language-refresh .vto-lp-button--outline { background: rgba(10,20,34,.45); border-color: #fff; }
.vto-language-refresh .vto-lp-button:hover { background: #a51655; color: #fff; }
.vto-language-refresh .vto-language-hero__trust { display: flex; flex-wrap: wrap; gap: 12px 28px; list-style: none; padding: 0; margin: 20px 0 0; }
.vto-language-refresh .vto-language-hero__trust li { display: flex; gap: 8px; align-items: center; font-size: 14px; }
.vto-language-refresh .vto-trust-check { flex: 0 0 22px; width: 22px; height: 22px; filter: none !important; }
.vto-language-refresh .vto-trust-check circle { fill: var(--vto-brand-pink) !important; }
.vto-language-refresh .vto-trust-check path { fill: none !important; stroke: #fff !important; }
.vto-language-refresh #container { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 28px; width: 100%; max-width: 1200px; padding: 24px; margin: 0 auto; align-items: start; }
.vto-language-refresh #content.content-inner-page { margin: 0; padding: 0 0 40px; width: 100%; max-width: 100%; min-width: 0; border-radius: 8px; }
.vto-language-refresh #side-content { width: 100%; max-width: 100%; min-width: 0; padding: 0; z-index: auto; }
.vto-language-refresh #side-content > div { position: static; }
.vto-language-refresh #side-content .elementor-widget-text-editor { overflow-wrap: anywhere; }
.vto-language-refresh #side-content .saved-voices a.button { background: var(--vto-pink); color: #fff; white-space: normal; height: auto; min-height: 44px; }
.vto-language-refresh #side-content .elementor-widget-button .elementor-button { background: var(--vto-pink); color: #fff; min-height: 44px; display: flex; align-items: center; justify-content: center; }
.vto-language-refresh .page-title { height: auto; padding: 0; margin: 0 0 12px; }
.vto-language-refresh .page-title h2 { margin: 8px 0 12px; font-size: clamp(25px, 2.4vw, 34px); line-height: 1.2; }
.vto-language-refresh #breadcrumbs { font-size: 12px; line-height: 1.5; }
.vto-language-refresh .post-body { padding: 0 !important; }
.vto-language-refresh .vto-language-intro { font-size: 16px; line-height: 1.5; }
.vto-language-refresh .vto-language-intro > p { margin: 0 0 12px; }
.vto-language-refresh .vto-language-intro > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; margin: 16px 0; padding-left: 20px; }
.vto-language-refresh .vto-language-intro li::marker { color: var(--vto-pink); }
.vto-language-refresh .vto-language-intro h2 { margin: 20px 0 10px; font-size: 26px; }
.vto-language-refresh .vto-voice-roster { margin: 12px 0 32px; scroll-margin-top: 100px; }
.vto-language-refresh .vto-roster-help { font-size: 14px; color: #515663; margin: 0 0 12px; }
.vto-language-refresh .vto-lp-status { font-size: 14px; color: #333846; }
.vto-language-refresh .vto-lp-status:empty { margin: 0; }

.vto-language-refresh .vto-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.vto-language-refresh .vto-language-intro > .vto-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 0; margin: 20px 0; list-style: none; }
.vto-language-refresh .vto-benefits li { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 750; line-height: 1.4; }
.vto-language-refresh .vto-benefits img { flex: 0 0 30px; }
.vto-language-refresh .vto-roster-filters { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; margin: 18px 0 10px; }
.vto-language-refresh .vto-gender-filters { display: flex; flex-wrap: wrap; gap: 8px; flex: 1; }
.vto-language-refresh .vto-gender-filters button, .vto-language-refresh .vto-style-filter select { min-height: 44px; padding: 8px 12px; border: 1px solid #d7d9e0; background: #fff; border-radius: 6px; font: inherit; font-size: 13px; color: #242936; cursor: pointer; }
.vto-language-refresh .vto-gender-filters button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.vto-language-refresh .vto-gender-filters button img { flex: 0 0 20px; border-radius: 50%; }
.vto-language-refresh .vto-gender-filters button[aria-pressed="true"] { background: var(--vto-pink); color: #fff; border-color: var(--vto-pink); }
.vto-language-refresh .vto-gender-filters span { white-space: nowrap; }
.vto-language-refresh .vto-style-filter select { max-width: 180px; }
.vto-language-refresh .vto-filter-reset { border: 0; background: transparent; color: var(--vto-pink); padding: 8px; min-height: 44px; text-decoration: underline; cursor: pointer; font: inherit; font-size: 13px; }
.vto-language-refresh .vto-filter-empty { padding: 18px; background: #f7f7f9; border: 1px solid #e3e4e9; border-radius: 8px; }
.vto-language-refresh .vto-voice-card { display: grid; grid-template-columns: 64px minmax(140px, .9fr) minmax(220px, 1.2fr) auto; grid-template-areas: "avatar identity player shortlist" "avatar chips chips chips"; gap: 4px 12px; align-items: center; padding: 10px 12px; margin: 0 0 8px; border: 1px solid #dedfe5; border-radius: 10px; background: #fff; box-shadow: 0 2px 5px rgba(20,25,40,.04); }
.vto-language-refresh .vto-voice-avatar { grid-area: avatar; border-radius: 50%; width: 64px; height: 64px; }
.vto-language-refresh .vto-voice-identity { grid-area: identity; min-width: 0; }
.vto-language-refresh .vto-voice-card h3 { font-size: 15px; font-weight: 800; margin: 0 0 4px; overflow-wrap: anywhere; line-height: 1.3; }
.vto-language-refresh .vto-voice-identity p { margin: 0; color: #515663; font-size: 12px; }
.vto-language-refresh .vto-card-player { grid-area: player; display: grid; grid-template-columns: 44px minmax(70px, 1fr) auto; gap: 3px 9px; align-items: center; min-width: 0; }
.vto-language-refresh .vto-sample__play { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--vto-pink); color: #fff; cursor: pointer; }
.vto-language-refresh .vto-sample__play[aria-pressed="true"] { background: #8f1248; }
.vto-language-refresh .vto-sample__symbol { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 14px; }
.vto-language-refresh .vto-sample__symbol::before { content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid currentColor; }
.vto-language-refresh .vto-sample__play[aria-pressed="true"] .vto-sample__symbol::before { box-sizing: border-box; width: 9px; height: 11px; border-top: 0; border-bottom: 0; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.vto-language-refresh .vto-waveform { position: relative; min-width: 0; height: 44px; border-radius: 4px; }
.vto-language-refresh .vto-waveform canvas { display: block; width: 100%; height: 44px; }
.vto-language-refresh .vto-waveform input[type="range"] { position: absolute; inset: 0; width: 100%; height: 44px; margin: 0; opacity: 0; cursor: pointer; }
.vto-language-refresh .vto-waveform input:disabled { cursor: default; }
.vto-language-refresh .vto-waveform:focus-within { outline: 3px solid #155bbb; outline-offset: 2px; }
.vto-language-refresh .vto-waveform__time { color: #3f4552; font-size: 11px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.vto-language-refresh .vto-player-secondary { grid-column: 2 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 8px; font-size: 10px; min-height: 18px; color: #515663; }
.vto-language-refresh .vto-sample__download { color: #515663; text-decoration: underline; min-height: 24px; display: inline-flex; align-items: center; margin-left: auto; }
.vto-language-refresh .vto-sample-chips { grid-area: chips; display: flex; flex-wrap: wrap; gap: 6px; }
.vto-language-refresh .vto-sample-chips button { padding: 4px 9px; min-height: 28px; border: 1px solid transparent; border-radius: 7px; background: #f0f1f4; color: #303641; cursor: pointer; font: inherit; font-size: 12px; }
.vto-language-refresh .vto-sample-chips button[aria-pressed="true"] { background: #fff0f6; border-color: #d486a7; color: #99134c; }
.vto-language-refresh .vto-shortlist { grid-area: shortlist; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 6px; color: var(--vto-pink); background: #fff; border: 0; border-radius: 6px; cursor: pointer; font: inherit; font-size: 11px; }
.vto-language-refresh .vto-shortlist__heart { font-size: 24px; line-height: 1; }
.vto-language-refresh .vto-shortlist.on { background: #fff0f6; }
.vto-language-refresh .vto-roster-toggle { min-height: 44px; padding: 10px 18px; border-radius: 6px; border: 1px solid var(--vto-pink); background: #fff; color: var(--vto-pink); font: inherit; font-weight: 700; cursor: pointer; }
.vto-language-refresh .vto-voice-card > noscript { grid-column: 1 / -1; }
.vto-language-refresh .vto-native-samples { grid-column: 1 / -1; padding-left: 20px; }
.vto-language-refresh .vto-native-samples audio { display: block; max-width: 100%; margin: 8px 0; }
.vto-language-refresh [hidden] { display: none !important; }
.vto-language-refresh button:disabled { opacity: .6; cursor: wait; }
.vto-language-refresh :is(a, button, select):focus-visible { outline: 3px solid #155bbb; outline-offset: 3px; }
.vto-language-refresh #vto-language-quote { scroll-margin-top: 100px; }
.vto-language-refresh .language__first-content { line-height: 1.6; }
.vto-language-refresh .language__first-content h2 { margin-top: 30px; }
@media (max-width: 1150px) and (min-width: 901px) {
    .vto-language-refresh .vto-voice-card { grid-template-columns: 56px minmax(0, 1fr) auto; grid-template-areas: "avatar identity shortlist" "avatar player player" "avatar chips chips"; }
    .vto-language-refresh .vto-voice-avatar { width: 56px; height: 56px; }
}
@media (max-width: 900px) {
    .vto-language-refresh #container { grid-template-columns: minmax(0, 1fr); padding: 20px; }
    .vto-language-refresh #content { grid-row: 1; }
    .vto-language-refresh #side-content { grid-row: 2; }
    .vto-language-refresh .vto-language-hero__inner { padding: 30px 20px 24px; }
    .vto-language-refresh .vto-language-hero h1 { max-width: 550px; }
    .vto-language-refresh .vto-language-intro > .vto-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
    .vto-language-refresh .vto-voice-card { grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-areas: "avatar identity shortlist" "player player player" "chips chips chips"; }
    .vto-language-refresh .vto-voice-avatar { width: 52px; height: 52px; }
    .vto-language-refresh .vto-shortlist__label { max-width: 64px; font-size: 10px; }
    .vto-language-refresh .vto-shortlist { gap: 4px; }
    .vto-language-refresh .vto-gender-filters { flex: 1 0 100%; }
    .vto-language-refresh .vto-gender-filters button { white-space: nowrap; }
    .vto-language-refresh .vto-style-controls { flex: 1 0 160px; }
    .vto-language-refresh .vto-style-filter select { width: 100%; max-width: none; }
    .vto-language-refresh .vto-sample-chips button { min-height: 44px; }
}
@media (max-width: 520px) {
    .vto-language-refresh .vto-language-hero p { font-size: 16px; }
    .vto-language-refresh .vto-language-hero__trust { gap: 10px 16px; }
    .vto-language-refresh .vto-language-intro > ul { grid-template-columns: minmax(0, 1fr); }
}

/* Keep the reset slot occupied while filters are inactive. */
.vto-language-refresh .vto-style-controls { display: grid; grid-template-rows: 44px 28px; min-width: 140px; }
.vto-language-refresh .vto-style-filter { display: block; }
.vto-language-refresh .vto-style-filter select { width: 100%; }
.vto-language-refresh .vto-style-controls .vto-filter-reset { min-height: 28px; padding: 3px 0; justify-self: end; }
.vto-language-refresh .vto-style-controls .vto-filter-reset[hidden] { display: block !important; visibility: hidden; pointer-events: none; }
.vto-language-refresh .vto-benefits span { white-space: nowrap; }
.vto-language-refresh a.elementor-button,
.vto-language-refresh a.elementor-button :is(span, i),
.vto-language-refresh a.vto-lp-button { color: #fff !important; }

body.vto-language-refresh :is(#content, #side-content) a:not(.elementor-button):not(.button):not(.vto-lp-button) { color: var(--vto-brand-pink) !important; }
