/* Language switcher — dropdown reused everywhere renderSwitcher() runs (see js/i18n.js) */
.lang-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    background-color: #1e293b;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 200;
    min-width: 160px;
    max-height: 60vh;
    overflow-y: auto;
}

html.light .lang-dropdown {
    background-color: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15);
}

.lang-dropdown.show { display: block; }

.lang-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: #cbd5e1;
    transition: all 0.2s;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
}

html.light .lang-item { color: #475569; }

.lang-item:hover { background-color: #334155; color: white; }

html.light .lang-item:hover { background-color: #f1f5f9; color: #0f172a; }

.lang-item.active { font-weight: 700; color: #06b6d4; }

/* Generic floating switcher — auto-injected by i18n.js, or used explicitly on pages
   without an existing theme-toggle style to dock next to (guest/shorts-clips/srt-upload). */
.i18n-auto-switcher {
    position: fixed;
    top: 22px;
    right: 22px;
    z-index: 90;
}

[dir="rtl"] .i18n-auto-switcher { right: auto; left: 22px; }

.i18n-lang-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(30, 41, 59, 0.85);
    backdrop-filter: blur(10px);
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 14px 30px -18px rgba(0,0,0,.5);
    transition: transform 0.2s, background 0.2s;
}

.i18n-lang-toggle:hover { transform: translateY(-2px); background: rgba(30, 41, 59, 1); }

html.light .i18n-lang-toggle {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.1);
    color: #334155;
}

/* Atelier (pro.html) app-shell variant — docks next to #appThemeToggle */
.app-lang-toggle-wrap {
    position: fixed;
    top: 22px;
    right: 74px;
    left: auto;
    z-index: 96;
}

.app-lang-toggle {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: var(--atl-surface-2);
    backdrop-filter: blur(var(--atl-blur-2, 10px));
    border: 1px solid var(--atl-glass-stroke, rgba(255,255,255,.12));
    box-shadow: 0 14px 30px -18px rgba(11,11,20,.25);
    color: inherit;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    gap: 2px;
}

.app-lang-toggle-wrap .lang-dropdown { top: 100%; right: 0; margin-top: 10px; }

[dir="rtl"] .app-lang-toggle-wrap { right: auto; left: 74px; }
[dir="rtl"] .app-lang-toggle-wrap .lang-dropdown { right: auto; left: 0; }

@media (max-width: 720px) {
    .app-lang-toggle-wrap { top: 14px; right: 66px; }
    .app-lang-toggle { width: 38px; height: 38px; }
    [dir="rtl"] .app-lang-toggle-wrap { left: 66px; }
}

/* ===================== RTL layout overrides ===================== */
/* Mechanically generated from wwwroot/css/main.css and wwwroot/css/atelier.css:
   every physical left/right-family declaration mirrored under [dir="rtl"].
   Flex/grid layouts already self-flip and need no entry here; this covers the
   minority of rules using physical left/right/margin/padding/border/text-align. */

[dir="rtl"] body { direction: rtl; }
[dir="rtl"] .lang-dropdown { right: auto; left: 0; }

/* ---- main.css ---- */
[dir="rtl"] input[type=checkbox].cl-switcher { float: right; }
[dir="rtl"] input[type=checkbox].cl-switcher:before { right: 0; }
[dir="rtl"] input:checked[type=checkbox].cl-switcher:before { right: 14px; }
[dir="rtl"] input[type=checkbox].cl-switcher ~ label { float: right; }
[dir="rtl"] .input-container i { right: 6px; }
[dir="rtl"] .input-container i ~ input { padding-right: 40px; }
[dir="rtl"] .page { margin-right: 156px; margin-right: 150px; }
[dir="rtl"] .menu-card { right: 0px; right: 20px; }
[dir="rtl"] .main-page-image-container .main-page-image-container-header { right: 0px; left: 0px; }
[dir="rtl"] .searchRow .global-search-input-container:last-child { margin-right: 5px; }
[dir="rtl"] .searchRow .global-search-input-container:first-child { margin-left: 20px; }
[dir="rtl"] .global-search-input-container i { left: 12px; }
[dir="rtl"] .doctors-card-switcher { left: 52px; border-left: 3px solid white; }
[dir="rtl"] .doctors-card-switcher-icon { right: 3px; }
[dir="rtl"] .doctors-card-switcher-icon:nth-child(2) { left: 7px; right: unset; }
[dir="rtl"] .doctors-card-switcher-indicator { right: 39px; }
[dir="rtl"] .doctors .doctors-card-switcher-indicator { right: 3px; }
[dir="rtl"] .doctors-grid-row-icon { right: 0px; }
[dir="rtl"] .doctors-grid-row-status { right: 29px; }
[dir="rtl"] .doctors-grid-row-badge-container { left: 0px; }
[dir="rtl"] .dashboard-item-name { right: 12px; }
[dir="rtl"] .dashboard-item-value { left: -4px; }
[dir="rtl"] .home-button { padding-right: 150px; }
[dir="rtl"] .home-button-info { padding-left: 12px; }
[dir="rtl"] .home-button-link { left: 20px; }
[dir="rtl"] .side-section { left: -330px; }
[dir="rtl"] .side-section-close-button { text-align: left; padding-left: 20px; }
[dir="rtl"] .doctor-detail-section .doctor-detail-item { border-right: 1px solid #DEE4EA; }
[dir="rtl"] .doctor-detail-section .doctor-detail-item:first-child { border-right: none; }
[dir="rtl"] .tab-buttons-section .scroll-area .tab-button { margin-left: 30px; }
[dir="rtl"] .tab-buttons-section .scroll-area .tab-button:after { right: 0px; }
[dir="rtl"] .scroll-area-shadow { left: 0px; }
[dir="rtl"] .tab-buttons-section .static-area { border-right: 1px solid #DEE4EA; }
[dir="rtl"] .tab-bodies-section .swiper-slide > .cl-switcher-container { left: 0px; }
[dir="rtl"] .tab-bodies-section .swiper-slide > .cl-switcher-container input[type=checkbox].cl-switcher, [dir="rtl"] .tab-bodies-section .swiper-slide > .cl-switcher-container label { float: left; }
[dir="rtl"] .tab-bodies-section .tab-content-bar-item:first-child { border-right: none; padding-right: 0px; }
[dir="rtl"] .tab-content-card:last-child { margin-left: 0px; }
[dir="rtl"] .tab-content-card .tab-content-info-text { text-align: left; }
[dir="rtl"] .dx-searchbox.dx-editor-underlined .dx-icon-search { right: 2px; }
[dir="rtl"] .doctors-card-full-screen { left: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
[dir="rtl"] .searchPanelBackground { right: 0px; }
[dir="rtl"] .fullscreen-grid-background { left: 55px; }
[dir="rtl"] .searchPanelDots { right: 150px; }
[dir="rtl"] .pageHeader { right: 0px; }
[dir="rtl"] .pageHeader .inputContainer i { right: 15px; }
[dir="rtl"] input[type=checkbox].switcher { float: right; }
[dir="rtl"] input[type=checkbox].switcher:before { right: 0; }
[dir="rtl"] input:checked[type=checkbox].switcher:before { right: 14px; }
[dir="rtl"] input[type=checkbox].switcher ~ label { float: right; }
[dir="rtl"] .searchResultCardImage span { left: -4px; }
[dir="rtl"] .resultCardInfo span { margin-left: 4px; }
[dir="rtl"] .searchResultCardIcons { border-right: 1px solid #eeeeee; margin-right: auto; }
[dir="rtl"] .searchResultCardBadge { left: -10px; }
[dir="rtl"] .resultCardButton { margin-left: 12px; }
[dir="rtl"] .searchResults > img { right: 760px; }
[dir="rtl"] .sideSection { left: -330px; }
[dir="rtl"] .sideSectionCloseButton { right: 14px; }
[dir="rtl"] .sideSectionBody .badge-container > div { margin-left: 8px; }
[dir="rtl"] .sideSectionBody .badge-container > div:last-child { margin-left: 0px; }
[dir="rtl"] .sideSectionBody .card > img { right: -8px; }
[dir="rtl"] .sideSectionBody .card > span { margin-right: 170px; }
[dir="rtl"] .global-search-input-container.alternative i { right: 28px; left: unset; }
[dir="rtl"] .sideSearchPanel .imageHolder { margin-right: 12px; }
[dir="rtl"] .sideSearchPanel .imageHolder .labels { right: 39px; }
[dir="rtl"] .side-section-big-title { margin-right: 15px; }
[dir="rtl"] .labelRow .badge { margin-right: 4px; }
[dir="rtl"] span.side-section-label.Description { padding-right: 15px; }
[dir="rtl"] .taskcategory { text-align: left; }
[dir="rtl"] .flow .contract-control { margin-left: 5px; }
[dir="rtl"] .tabSlider .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child, [dir="rtl"] .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-left: 1px; }
[dir="rtl"] .tab-content-bar .dx-texteditor-buttons-container { left: 2px !important; }
[dir="rtl"] .swiper-hidden-slide { float: right; }
[dir="rtl"] .data-editor-bigtitle i { padding-left: 20px; }
[dir="rtl"] .data-editor-label.rotated { right: -43px; }
[dir="rtl"] .customButton .dx-datagrid .dx-toolbar-item-content { left: 0px; }
[dir="rtl"] .data-editor-section.column > * { padding-right: 0px; }
[dir="rtl"] .grossingrateCalculation { margin-right: 15px; }
[dir="rtl"] .row-editor .container { margin-left: 20px; }
[dir="rtl"] .stickyheader .dx-datagrid-headers { padding-left: 0px; }
[dir="rtl"] .invoiceVatIdCustom.active { margin-right: 10px; }
[dir="rtl"] .page-body.fullscreen { right: 0px; }
[dir="rtl"] #loginPage .main-divider .left img { border-left: 1px solid #00000036; }
[dir="rtl"] .dx-datagrid-total-footer { padding-left: 0px; }
[dir="rtl"] .overlay { right: 0px; }
[dir="rtl"] .dx-scheduler-date-table-cell .dx-template-wrapper { padding-left: 6px; }
[dir="rtl"] .avatar { float: right; }
[dir="rtl"] .name { right: 0; }
[dir="rtl"] .name h2 { text-align: right; }
[dir="rtl"] .info { text-align: right; }
[dir="rtl"] .create-drawer-panel { left: 0; }
[dir="rtl"] .cd-url > i { margin-left: 10px; }
[dir="rtl"] .cd-note { border-right: 3px solid #cbd5e1; }
[dir="rtl"] .cd-cta.loading::after { margin-right: 4px; }
[dir="rtl"] .cd .cd-legacy-mount { right: -9999px; }
[dir="rtl"] body.dark-theme .cd-note, [dir="rtl"] body.theme-dark .cd-note { border-right-color: rgba(255,255,255,0.15); }
[dir="rtl"] .add-video-container::before { right: 10px; }
[dir="rtl"] .add-video-container::after { right: 0; border-right: 1px solid transparent; }
[dir="rtl"] .share-video-container::before { right: 10px; }
[dir="rtl"] .share-video-container::after { right: 0; border-right: 1px solid transparent; }
[dir="rtl"] .personal-information-container::before { right: 10px; }
[dir="rtl"] .personal-information-container ::after { right: 0; border-right: 1px solid transparent; }
[dir="rtl"] .balance-section .auto-recharge input { margin-left: 10px; }
[dir="rtl"] .popup { right: 0; }
[dir="rtl"] .close-button { float: left; }
[dir="rtl"] .help-manaliza-container::before { right: 10px; }
[dir="rtl"] .help-manaliza-container ::after { right: 0; border-right: 1px solid transparent; }
[dir="rtl"] .add-channel-container::before { right: 10px; }
[dir="rtl"] .add-channel-container::after { right: 0; border-right: 1px solid transparent; }
[dir="rtl"] .consensus-section { border-right: 5px solid #ffb300; }
[dir="rtl"] .golden-chip .badge { margin-right: 5px; }
[dir="rtl"] .golden-chip, [dir="rtl"] .ad-point-chip { padding-left: 28px !important; }
[dir="rtl"] .chip-copy-btn { left: -6px; }
[dir="rtl"] .golden-chip { margin-left: 8px; }
[dir="rtl"] .gc-time { margin-left: 10px; }
[dir="rtl"] .platform-stack { margin-left: 8px; margin-right: 8px; padding-right: 5px; }
[dir="rtl"] .stack-img { margin-right: -8px; margin-right: -10px; }
[dir="rtl"] .stack-img:first-child { margin-right: 0; }
[dir="rtl"] .tab-icon { margin-left: 5px; margin-left: 6px; }
[dir="rtl"] .ai-thumbnail-header .ai-thumbnail-count { margin-right: auto; }
[dir="rtl"] .chip-copy-btn.mini { margin-right: 8px; }
[dir="rtl"] .active-rowEditor .dx-searchbox.dx-editor-underlined .dx-placeholder::before, [dir="rtl"] .active-rowEditor .dx-searchbox.dx-editor-underlined .dx-texteditor-input { padding-right: 42px; }
[dir="rtl"] .multiple .side-section-select-all-container { float: left; left: 36px; }
[dir="rtl"] .dx-lookupeditor-container .content { padding-right: 15px; }
[dir="rtl"] .dx-editor-filled .dx-texteditor-buttons-container > .dx-button, [dir="rtl"] .dx-editor-filled .dx-texteditor-buttons-container > .dx-clear-button-area, [dir="rtl"] .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button, [dir="rtl"] .dx-editor-outlined .dx-texteditor-buttons-container > .dx-clear-button-area, [dir="rtl"] .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button, [dir="rtl"] .dx-editor-underlined .dx-texteditor-buttons-container > .dx-clear-button-area { margin-right: 5px; }
[dir="rtl"] .customerTable td:first-child { border-left: 20px solid white; }
[dir="rtl"] .customerTable td:last-child { border-left: 20px solid white; }
[dir="rtl"] .webix_column.webix_last { border-left: 1px solid #EDEFF0; }
[dir="rtl"] .webix_ssheet_table .webix_ssheet_hide_column { border-left: none; }
[dir="rtl"] body.dark-mode .menu-card { border-left: 1px solid var(--theme-border); }
[dir="rtl"] .app-theme-toggle { right: 20px; }
@media only screen and (max-width: 1865px) {
  [dir="rtl"] .page-body { margin-right: 0px; padding-right: 130px; padding-left: 15px; }
}
@media only screen and (max-width: 1300px) {
  [dir="rtl"] .menu-card { right: 0px; }
  [dir="rtl"] .page-body { padding-right: 60px; padding-left: 10px; }
}
@media only screen and (max-width: 800px) {
  [dir="rtl"] .page-body { padding-right: 10px; padding-left: 10px; }
  [dir="rtl"] .menu-card { right: 6px; }
  [dir="rtl"] .tab-buttons-section .static-area { border-right: none; }
  [dir="rtl"] .tab-bodies-section .swiper-slide > .cl-switcher-container { left: unset; }
  [dir="rtl"] .tab-bodies-section .swiper-slide > .cl-switcher-container input[type=checkbox].cl-switcher, [dir="rtl"] .tab-bodies-section .swiper-slide > .cl-switcher-container label { float: right; }
  [dir="rtl"] .doctor-detail-section .doctor-detail-item:first-child { padding-right: 0px; }
  [dir="rtl"] .doctor-detail-section .doctor-detail-item:last-child { padding-left: 0px; }
}

/* ---- atelier.css ---- */
[dir="rtl"] .atl-topbar { right: 50%; }
[dir="rtl"] .atl-topbar__brand { padding-left: 12px; border-left: 1px solid var(--atl-line); }
[dir="rtl"] .menu-card.atl-dock { border-right: none; }
[dir="rtl"] .menu-card.atl-dock ul > li.active::after { right: -10px; }
[dir="rtl"] .atl-toasts { left: 24px; }
[dir="rtl"] .atl-marquee__track span::after { margin-right: 56px; }
[dir="rtl"] .atl-stage__chip { right: 16px; }
[dir="rtl"] .atl-stage__participants { right: 16px; left: 16px; }
[dir="rtl"] .atl-stage__pchip span { right: 8px; }
[dir="rtl"] .atl-timeline__mark::after { right: 50%; }
[dir="rtl"] .atl-toggle-row input[type="checkbox"]::before { right: 2px; }
[dir="rtl"] .atl-modal--drawer .atl-modal__panel { border-left: none; }
[dir="rtl"] .atl-jobcard__status { right: 10px; }
[dir="rtl"] .app-theme-toggle { left: 22px !important; right: auto !important; }
@media (max-width: 720px) {
  [dir="rtl"] .atl-topbar { right: 12px; left: 114px; }
}
@media (max-width: 980px) {
  [dir="rtl"] .menu-card.atl-dock { right: 50% !important; left: auto; }
}