/* PQR_SOCIAL_PROFILE_AR_MODERN_V14
   Arabic-only Social Profile Studio workspace
   2026-10-02
*/

html[lang="ar"] body.pqr-social-builder-page {
    --sa-bg: #f5f7fb;
    --sa-panel: #ffffff;
    --sa-panel-soft: #f8faff;
    --sa-ink: #172033;
    --sa-muted: #66758d;
    --sa-line: #e1e7f0;
    --sa-line-strong: #d2dbea;
    --sa-accent: #635bff;
    --sa-accent-soft: #eeecff;
    --sa-success: #11865b;
    --sa-shadow-sm: 0 8px 24px rgba(31, 45, 74, .055);
    --sa-shadow: 0 18px 48px rgba(31, 45, 74, .085);

    background:
        radial-gradient(circle at 8% 0%, rgba(99, 91, 255, .08), transparent 31rem),
        var(--sa-bg) !important;
    color: var(--sa-ink) !important;
}

html[lang="ar"][data-pqr-theme="glass"] body.pqr-social-builder-page {
    --sa-bg: #eef2f9;
    --sa-panel: rgba(255, 255, 255, .78);
    --sa-panel-soft: rgba(248, 250, 255, .72);
    --sa-line: rgba(142, 156, 186, .30);
    --sa-line-strong: rgba(126, 142, 176, .42);
    --sa-shadow: 0 20px 52px rgba(47, 62, 95, .10);
}

html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page {
    --sa-bg: #0a1220;
    --sa-panel: #111c2d;
    --sa-panel-soft: #172438;
    --sa-ink: #f1f5ff;
    --sa-muted: #aebbd0;
    --sa-line: #2c3b52;
    --sa-line-strong: #3a4b65;
    --sa-accent: #a99cff;
    --sa-accent-soft: #262442;
    --sa-shadow-sm: 0 8px 28px rgba(0, 0, 0, .16);
    --sa-shadow: 0 20px 54px rgba(0, 0, 0, .24);
    color-scheme: dark;
}

html[lang="ar"] body.pqr-social-builder-page #socialProfileBuilder {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    color: var(--sa-ink);
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-container {
    width: min(1420px, calc(100% - 48px)) !important;
    max-width: 1420px !important;
    margin-inline: auto !important;
    direction: rtl !important;
}

/* ---------- HERO ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero {
    direction: rtl !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr) !important;
    align-items: center !important;
    gap: clamp(28px, 5vw, 72px) !important;
    min-height: 420px;
    margin: 24px 0 38px !important;
    padding: clamp(30px, 5vw, 62px) !important;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    border: 1px solid var(--sa-line) !important;
    border-radius: 30px !important;
    background: var(--sa-panel) !important;
    box-shadow: var(--sa-shadow-sm) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy {
    direction: rtl !important;
    text-align: right !important;
    min-width: 0;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy h1 {
    color: var(--sa-ink) !important;
    font-size: clamp(34px, 4.2vw, 58px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.035em;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy p {
    color: var(--sa-muted) !important;
    font-size: clamp(15px, 1.25vw, 18px) !important;
    line-height: 1.95 !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-actions,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-features {
    direction: rtl !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-visual {
    min-width: 0;
    min-height: 350px !important;
    display: grid;
    place-items: center;
    padding: 20px;
    border: 1px solid var(--sa-line);
    border-radius: 26px;
    background: var(--sa-panel-soft);
    box-shadow: var(--sa-shadow-sm);
}

/* ---------- WORKSPACE HEADER ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 {
    direction: rtl !important;
    align-items: center;
    margin: 34px 0 14px;
    padding: 0 4px;
    text-align: right;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 > div {
    min-width: 0;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 h2 {
    margin: 4px 0 7px;
    color: var(--sa-ink) !important;
    font-size: clamp(25px, 2.7vw, 38px);
    line-height: 1.25;
    letter-spacing: -.025em;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 p {
    max-width: 720px;
    color: var(--sa-muted) !important;
    line-height: 1.8;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-kicker-v10 {
    color: var(--sa-accent) !important;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-state-v10 {
    direction: rtl;
    flex: 0 0 auto;
    border-color: var(--sa-line) !important;
    background: var(--sa-accent-soft) !important;
    color: var(--sa-accent) !important;
}

/* ---------- TRUE RTL WORKSPACE ----------
   DOM: rail, editor, preview.
   With direction:rtl the rail is rightmost and preview leftmost.
*/

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-v10 {
    display: grid !important;
    direction: rtl !important;
    grid-template-columns: 82px minmax(0, 1fr) minmax(340px, 390px) !important;
    gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 44px !important;
    padding: 0 !important;
    transform: none !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-v10 > :is(
    .pqr-social-editor-rail-v10,
    .pqr-social-editor-column-v10,
    .pqr-social-preview-column-v10
) {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- RIGHT NAV RAIL ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 {
    position: sticky !important;
    top: 92px !important;
    direction: rtl !important;
    display: grid;
    gap: 8px;
    padding: 8px !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 18px !important;
    background: var(--sa-panel) !important;
    box-shadow: var(--sa-shadow-sm) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button {
    display: grid !important;
    place-items: center;
    gap: 5px !important;
    width: 100%;
    min-height: 64px;
    margin: 0;
    padding: 8px 5px !important;
    border: 1px solid transparent !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: var(--sa-muted) !important;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.25;
    text-align: center !important;
    white-space: normal;
    box-shadow: none !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button i {
    width: auto;
    font-size: 17px;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button:hover,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button:focus-visible,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button.is-active {
    border-color: color-mix(in srgb, var(--sa-accent) 22%, var(--sa-line)) !important;
    background: var(--sa-accent-soft) !important;
    color: var(--sa-accent) !important;
}

/* ---------- EDITOR ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-column-v10 {
    direction: rtl !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-column-v10 .pqr-builder-card {
    display: grid !important;
    gap: 12px !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-column-v10 .pqr-builder-section {
    min-width: 0;
    margin: 0 !important;
    padding: clamp(18px, 2vw, 25px) !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 20px !important;
    background: var(--sa-panel) !important;
    box-shadow: var(--sa-shadow-sm) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section + .pqr-builder-section {
    border-top: 1px solid var(--sa-line) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section-head {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section-head h2,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section-head h3,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section label,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section .input-label {
    color: var(--sa-ink) !important;
    text-align: right !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-designer-kicker {
    color: var(--sa-accent) !important;
}

html[lang="ar"] body.pqr-social-builder-page :is(
    .pqr-builder-help,
    .pqr-builder-account-note,
    .pqr-platform-quick-head p,
    .form-text,
    .text-muted
) {
    color: var(--sa-muted) !important;
    line-height: 1.75;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section :is(
    input:not([type="color"]),
    textarea,
    select,
    .form-control,
    .form-select
) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 48px;
    border: 1px solid var(--sa-line-strong) !important;
    border-radius: 12px !important;
    background: var(--sa-panel-soft) !important;
    color: var(--sa-ink) !important;
    text-align: right;
    box-shadow: none !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section textarea {
    min-height: 104px;
    resize: vertical;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section :is(
    input:not([type="color"]),
    textarea,
    select,
    .form-control,
    .form-select
):focus {
    border-color: var(--sa-accent) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--sa-accent) 13%, transparent) !important;
    outline: 0;
}

/* Technical values should remain LTR inside RTL UI. */
html[lang="ar"] body.pqr-social-builder-page :is(
    input[type="url"],
    input[type="email"],
    #profileUsername,
    .pqr-copy-field input
) {
    direction: ltr !important;
    text-align: left !important;
}

/* ---------- PLATFORM PICKER ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-quick-add {
    margin-top: 3px;
    padding: 16px !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 16px !important;
    background: var(--sa-panel-soft) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-quick-head {
    direction: rtl !important;
    text-align: right !important;
    gap: 18px;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-quick-hint {
    flex: 0 0 auto;
    border-radius: 999px;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-grid {
    direction: rtl !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-choice {
    min-width: 0;
    min-height: 70px;
    padding: 10px 7px !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 12px !important;
    background: var(--sa-panel) !important;
    color: var(--sa-ink) !important;
    box-shadow: none !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-choice:hover,
html[lang="ar"] body.pqr-social-builder-page .pqr-platform-choice:focus-visible {
    border-color: color-mix(in srgb, var(--sa-accent) 42%, var(--sa-line)) !important;
    background: var(--sa-accent-soft) !important;
}

/* ---------- LINK ROWS ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-links {
    direction: rtl !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-link-row {
    direction: rtl !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 15px !important;
    background: var(--sa-panel-soft) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-add-link {
    direction: rtl;
    min-height: 46px;
    border-radius: 12px !important;
}

/* ---------- THEME PRESETS ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-theme-presets {
    direction: rtl !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-theme-preset-v10 {
    min-height: 46px;
    justify-content: flex-start;
    direction: rtl;
    border-radius: 12px !important;
    text-align: right;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-theme-preset-v10.is-selected {
    border-color: var(--sa-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sa-accent) 10%, transparent) !important;
}

/* ---------- MAIN ACTION ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-create {
    direction: rtl;
    min-height: 52px;
    border-radius: 13px !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-account-note {
    direction: rtl !important;
    text-align: right !important;
}

/* ---------- PREVIEW ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-preview-column-v10 {
    direction: rtl !important;
    position: sticky !important;
    top: 92px !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-sticky {
    padding: 15px !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 20px !important;
    background: var(--sa-panel) !important;
    box-shadow: var(--sa-shadow-sm) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-label {
    direction: rtl !important;
    color: var(--sa-ink) !important;
    text-align: right;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-live-badge {
    direction: ltr;
    letter-spacing: .06em;
}

html[lang="ar"] body.pqr-social-builder-page #profilePreview {
    direction: rtl !important;
    width: min(100%, 350px) !important;
    max-width: 100% !important;
    min-height: 620px;
    margin-inline: auto !important;
    overflow: hidden;
}

html[lang="ar"] body.pqr-social-builder-page #profilePreview :is(
    h3,
    .pqr-live-bio,
    .pqr-live-username
) {
    text-align: center;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-live-link {
    direction: rtl;
}

/* ---------- ADVANCED QR DIALOG ---------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-advanced-qr-launch-v10 {
    direction: rtl !important;
    text-align: right !important;
    border-color: var(--sa-line) !important;
    border-radius: 14px !important;
    background: var(--sa-panel-soft) !important;
    color: var(--sa-ink) !important;
}

html[lang="ar"] .pqr-social-qr-dialog-v10 {
    direction: rtl !important;
    color: var(--sa-ink);
}

html[lang="ar"] .pqr-social-qr-dialog-head-v10,
html[lang="ar"] .pqr-social-qr-dialog-grid-v10,
html[lang="ar"] .pqr-social-qr-fields-v10,
html[lang="ar"] .pqr-social-qr-preview-v10 {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="ar"] .pqr-social-qr-fields-v10 label {
    text-align: right !important;
}

html[lang="ar"] .pqr-social-qr-fields-v10 :is(input[type="number"], input[type="text"]) {
    direction: ltr;
    text-align: left;
}

/* ---------- GUIDE / SEO CONTENT ---------- */

html[lang="ar"] body.pqr-social-builder-page .sp-guide {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="ar"] body.pqr-social-builder-page .sp-guide-panel {
    margin: 20px auto !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border: 1px solid var(--sa-line) !important;
    border-radius: 22px !important;
    background: var(--sa-panel) !important;
    color: var(--sa-ink) !important;
    box-shadow: var(--sa-shadow-sm) !important;
}

html[lang="ar"] body.pqr-social-builder-page .sp-guide-panel :is(h2, h3, strong) {
    color: var(--sa-ink) !important;
}

html[lang="ar"] body.pqr-social-builder-page .sp-guide-panel :is(p, li) {
    color: var(--sa-muted) !important;
    line-height: 1.9;
}

/* ---------- TABLET ---------- */

@media (max-width: 1160px) {
    html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-v10 {
        grid-template-columns: 72px minmax(0, 1fr) !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-preview-column-v10 {
        grid-column: 2 !important;
        position: relative !important;
        top: auto !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-sticky {
        max-width: 760px;
        margin-inline: auto !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-platform-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* ---------- MOBILE ---------- */

@media (max-width: 720px) {
    html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-container {
        width: calc(100% - 24px) !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        min-height: 0;
        margin: 12px 0 24px !important;
        padding: 21px !important;
        border-radius: 22px !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-visual {
        min-height: 250px !important;
        padding: 12px;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-top: 25px;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-v10 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 30px !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 {
        position: sticky !important;
        top: 6px !important;
        z-index: 20;
        grid-row: auto !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 5px;
        padding: 6px !important;
        border-radius: 15px !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button {
        min-height: 49px;
        padding: 6px 3px !important;
        font-size: 10px;
        border-radius: 10px !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button i {
        font-size: 14px;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-preview-column-v10 {
        grid-column: auto !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-column-v10 .pqr-builder-section {
        padding: 16px !important;
        border-radius: 17px !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-theme-presets {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-sticky {
        padding: 12px !important;
        border-radius: 17px !important;
    }

    html[lang="ar"] body.pqr-social-builder-page #profilePreview {
        min-height: 580px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[lang="ar"] body.pqr-social-builder-page * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* PQR_SOCIAL_PROFILE_AR_CONTRAST_FIX_V15
   Strong readable Arabic text + white glass workspace
*/

html[lang="ar"] body.pqr-social-builder-page {
    --sa-bg: #f7f9fc;
    --sa-panel: rgba(255,255,255,.94);
    --sa-panel-soft: rgba(250,252,255,.92);
    --sa-ink: #111827;
    --sa-muted: #4b5568;
    --sa-line: #dfe5ee;
    --sa-line-strong: #cfd8e6;
    --sa-accent: #635bff;
    --sa-accent-soft: #f0efff;
    background:
        radial-gradient(circle at 10% 0%, rgba(99,91,255,.07), transparent 30rem),
        radial-gradient(circle at 94% 20%, rgba(88,190,220,.05), transparent 28rem),
        #f7f9fc !important;
}

/* --------------------------------------------------
   HERO: white glass, not washed out
   -------------------------------------------------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(214,222,235,.95) !important;
    box-shadow:
        0 22px 60px rgba(30,41,59,.08),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

/* Remove faded/gradient text effects inherited from older theme */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy *,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero * {
    filter: none !important;
    text-shadow: none !important;
    mix-blend-mode: normal !important;
}

/* Main heading: strong black */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy h1,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy h1 *,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero h1 {
    color: #111827 !important;
    opacity: 1 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #111827 !important;
    text-fill-color: #111827 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
}

/* Hero body copy */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy p,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy li,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-note {
    color: #465269 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #465269 !important;
    font-weight: 500;
}

/* Eyebrow / small labels */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-eyebrow,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-copy small {
    color: #635bff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #635bff !important;
    font-weight: 750 !important;
}

/* CTA buttons */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-primary {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(17,24,39,.14) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-secondary {
    background: rgba(255,255,255,.92) !important;
    color: #1f2937 !important;
    border: 1px solid #d8e0eb !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #1f2937 !important;
}

/* --------------------------------------------------
   HERO VISUAL
   -------------------------------------------------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-visual {
    background: rgba(255,255,255,.76) !important;
    border: 1px solid rgba(215,224,237,.95) !important;
    box-shadow:
        0 18px 46px rgba(38,51,77,.08),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(20px) saturate(115%);
    -webkit-backdrop-filter: blur(20px) saturate(115%);
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-core {
    background: #182235 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 14px 34px rgba(24,34,53,.18) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-core * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-network {
    background: rgba(31,41,55,.94) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 9px 22px rgba(31,41,55,.16) !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-network * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* --------------------------------------------------
   WORKSPACE: cleaner white glass
   -------------------------------------------------- */

html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-column-v10 .pqr-builder-section,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-sticky {
    background: rgba(255,255,255,.93) !important;
    border-color: #dde5ef !important;
    box-shadow:
        0 12px 34px rgba(30,41,59,.06),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(16px) saturate(115%);
    -webkit-backdrop-filter: blur(16px) saturate(115%);
}

/* Workspace headings must stay dark */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 h2,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section h2,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section h3,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section label,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-label {
    color: #111827 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111827 !important;
}

/* Muted copy: readable, not pale */
html[lang="ar"] body.pqr-social-builder-page :is(
    .pqr-social-workspace-head-v10 p,
    .pqr-builder-help,
    .pqr-builder-account-note,
    .pqr-platform-quick-head p,
    .form-text,
    .text-muted
) {
    color: #566176 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #566176 !important;
}

/* Form fields */
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section :is(
    input:not([type="color"]),
    textarea,
    select,
    .form-control,
    .form-select
) {
    background: #fbfcfe !important;
    color: #111827 !important;
    border-color: #d7e0eb !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111827 !important;
}

/* Placeholder readability */
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-section :is(
    input,
    textarea
)::placeholder {
    color: #8792a5 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #8792a5 !important;
}

/* Platform cards */
html[lang="ar"] body.pqr-social-builder-page .pqr-platform-choice {
    background: #ffffff !important;
    color: #182235 !important;
    border-color: #dfe6ef !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-platform-choice span {
    color: #182235 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #182235 !important;
}

/* Active nav */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10 button.is-active {
    background: #efedff !important;
    border-color: #dcd8ff !important;
    color: #5747e8 !important;
}

/* Keep midnight theme dark if user explicitly selects it */
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page {
    --sa-bg: #0a1220;
    --sa-panel: #111c2d;
    --sa-panel-soft: #172438;
    --sa-ink: #f2f5ff;
    --sa-muted: #b4bfd1;
}

html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-social-builder-hero,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-social-editor-rail-v10,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-social-editor-column-v10 .pqr-builder-section,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-builder-preview-sticky {
    background: rgba(17,28,45,.94) !important;
    border-color: #2e3d54 !important;
}

html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-social-v5-copy h1,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-social-workspace-head-v10 h2,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-builder-section h2,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-builder-section h3,
html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page .pqr-builder-section label {
    color: #f5f7ff !important;
    -webkit-text-fill-color: #f5f7ff !important;
}


/* PQR_SOCIAL_PROFILE_AR_WHITE_LIQUID_GLASS_V16
   Force Arabic hero to white liquid glass
*/

html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero,
html[lang="ar"][data-pqr-theme="glass"] body.pqr-social-builder-page .pqr-social-builder-hero {
    position: relative !important;
    isolation: isolate !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.92),
            rgba(255,255,255,.76)
        ) !important;

    border: 1px solid rgba(255,255,255,.86) !important;

    box-shadow:
        0 28px 70px rgba(38,51,77,.10),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(210,220,235,.36) !important;

    backdrop-filter:
        blur(28px)
        saturate(135%)
        brightness(1.04) !important;

    -webkit-backdrop-filter:
        blur(28px)
        saturate(135%)
        brightness(1.04) !important;

    color: #111827 !important;
}

/* Remove inherited dark hero overlays */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero::before,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero::after,
html[lang="ar"][data-pqr-theme="glass"] body.pqr-social-builder-page .pqr-social-builder-hero::before,
html[lang="ar"][data-pqr-theme="glass"] body.pqr-social-builder-page .pqr-social-builder-hero::after {
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Soft liquid-glass tint without darkening */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero {
    background-image:
        radial-gradient(
            circle at 92% 8%,
            rgba(111,92,255,.10),
            transparent 27%
        ),
        radial-gradient(
            circle at 8% 90%,
            rgba(68,190,200,.07),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.95),
            rgba(247,250,255,.82)
        ) !important;
}

/* Keep every hero text layer readable */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero .pqr-social-v5-copy,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero .pqr-social-v5-copy * {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero h1,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero h1 * {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    background: none !important;
    background-image: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero p,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-hero li {
    color: #4b5568 !important;
    -webkit-text-fill-color: #4b5568 !important;
    opacity: 1 !important;
}

/* Eyebrow */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-builder-eyebrow {
    color: #6254e8 !important;
    -webkit-text-fill-color: #6254e8 !important;

    background: rgba(255,255,255,.70) !important;
    border: 1px solid rgba(99,91,255,.14) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 6px 16px rgba(30,41,59,.04) !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

/* Visual glass card */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-v5-visual {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.74),
            rgba(245,248,253,.58)
        ) !important;

    border: 1px solid rgba(255,255,255,.88) !important;

    box-shadow:
        0 24px 60px rgba(36,48,76,.09),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(202,214,230,.32) !important;

    backdrop-filter:
        blur(26px)
        saturate(135%) !important;

    -webkit-backdrop-filter:
        blur(26px)
        saturate(135%) !important;
}

/* Workspace white liquid glass too */
html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-rail-v10,
html[lang="ar"] body.pqr-social-builder-page .pqr-social-editor-column-v10 .pqr-builder-section,
html[lang="ar"] body.pqr-social-builder-page .pqr-builder-preview-sticky {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.94),
            rgba(249,251,255,.82)
        ) !important;

    border: 1px solid rgba(220,227,238,.86) !important;

    box-shadow:
        0 18px 44px rgba(37,49,73,.065),
        inset 0 1px 0 rgba(255,255,255,.98) !important;

    backdrop-filter:
        blur(22px)
        saturate(125%) !important;

    -webkit-backdrop-filter:
        blur(22px)
        saturate(125%) !important;
}

/* Never allow the Arabic glass theme to turn hero dark */
html[lang="ar"][data-pqr-theme="glass"] body.pqr-social-builder-page {
    --sa-bg: #f5f8fc !important;
    --sa-panel: rgba(255,255,255,.88) !important;
    --sa-panel-soft: rgba(250,252,255,.78) !important;
    --sa-ink: #111827 !important;
    --sa-muted: #526078 !important;

    color-scheme: light !important;

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(99,91,255,.08),
            transparent 32rem
        ),
        #f5f8fc !important;
}


/* PQR_SOCIAL_PROFILE_AR_MIDNIGHT_CONTRAST_V17
   Preserve dark theme, restore readable Arabic contrast
*/

html[lang="ar"][data-pqr-theme="midnight"] body.pqr-social-builder-page {
    --sa-bg: #09111f !important;
    --sa-panel: #111c2d !important;
    --sa-panel-soft: #172438 !important;
    --sa-ink: #f7f9ff !important;
    --sa-muted: #b8c4d7 !important;
    --sa-line: #2d3c53 !important;
    --sa-line-strong: #3a4b64 !important;
    --sa-accent: #a99cff !important;
    --sa-accent-soft: #272642 !important;

    color-scheme: dark !important;

    background:
        radial-gradient(
            circle at 9% 0%,
            rgba(111,92,255,.12),
            transparent 32rem
        ),
        #09111f !important;
}

/* Dark hero */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-builder-hero {
    background:
        radial-gradient(
            circle at 94% 4%,
            rgba(129,107,255,.18),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #18263a,
            #202c40
        ) !important;

    border-color: #364760 !important;

    box-shadow:
        0 26px 64px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    color: #f7f9ff !important;
}

/* Main hero heading */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-builder-hero h1,
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-builder-hero h1 * {
    color: #f8faff !important;
    -webkit-text-fill-color: #f8faff !important;
    background: none !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Hero paragraph copy */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-builder-hero p,
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-builder-hero li,
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-v5-note {
    color: #c1cad9 !important;
    -webkit-text-fill-color: #c1cad9 !important;
    opacity: 1 !important;
}

/* Eyebrow */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-builder-eyebrow {
    color: #c2b9ff !important;
    -webkit-text-fill-color: #c2b9ff !important;

    background: rgba(150,130,255,.10) !important;
    border-color: rgba(180,166,255,.22) !important;

    opacity: 1 !important;
}

/* Primary CTA */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-v5-primary {
    background: #f7f9ff !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    border-color: #f7f9ff !important;
}

/* Secondary CTA */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-v5-secondary {
    background: rgba(255,255,255,.08) !important;
    color: #f2f5ff !important;
    -webkit-text-fill-color: #f2f5ff !important;
    border-color: rgba(255,255,255,.16) !important;
}

/* Small hero feature labels */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-v5-features,
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-v5-features * {
    color: #c4cfdf !important;
    -webkit-text-fill-color: #c4cfdf !important;
    opacity: 1 !important;
}

/* Left visual card */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-v5-visual {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.09),
            rgba(255,255,255,.045)
        ) !important;

    border-color: rgba(255,255,255,.13) !important;

    box-shadow:
        0 22px 54px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Workspace dark cards */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-editor-rail-v10,

html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-editor-column-v10 .pqr-builder-section,

html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-builder-preview-sticky {
    background:
        linear-gradient(
            145deg,
            rgba(17,28,45,.97),
            rgba(23,36,56,.94)
        ) !important;

    border-color: #304159 !important;

    box-shadow:
        0 18px 46px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Workspace headings */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
:is(
    .pqr-social-workspace-head-v10 h2,
    .pqr-builder-section h2,
    .pqr-builder-section h3,
    .pqr-builder-section label,
    .pqr-builder-section .input-label,
    .pqr-builder-preview-label
) {
    color: #f5f7ff !important;
    -webkit-text-fill-color: #f5f7ff !important;
    opacity: 1 !important;
}

/* Workspace muted text */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
:is(
    .pqr-social-workspace-head-v10 p,
    .pqr-builder-help,
    .pqr-builder-account-note,
    .pqr-platform-quick-head p,
    .form-text,
    .text-muted
) {
    color: #b5c0d1 !important;
    -webkit-text-fill-color: #b5c0d1 !important;
    opacity: 1 !important;
}

/* Inputs */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-builder-section :is(
    input:not([type="color"]),
    textarea,
    select,
    .form-control,
    .form-select
) {
    background: #172438 !important;
    color: #f5f7ff !important;
    -webkit-text-fill-color: #f5f7ff !important;
    border-color: #364861 !important;
}

/* Placeholder */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-builder-section :is(input,textarea)::placeholder {
    color: #8492a8 !important;
    -webkit-text-fill-color: #8492a8 !important;
    opacity: 1 !important;
}

/* Platform cards */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-platform-choice {
    background: #172438 !important;
    border-color: #34465f !important;
    color: #f5f7ff !important;
}

html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-platform-choice span {
    color: #f5f7ff !important;
    -webkit-text-fill-color: #f5f7ff !important;
}

/* Navigation rail */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-editor-rail-v10 button {
    color: #aeb9cc !important;
}

html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-editor-rail-v10 button.is-active {
    background: rgba(169,156,255,.13) !important;
    border-color: rgba(169,156,255,.27) !important;
    color: #c1b8ff !important;
}

/* Designer kickers */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-designer-kicker,

html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-workspace-kicker-v10 {
    color: #b9afff !important;
    -webkit-text-fill-color: #b9afff !important;
}

/* Live-workspace pill */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-workspace-state-v10 {
    background: rgba(169,156,255,.12) !important;
    border-color: rgba(169,156,255,.22) !important;
    color: #c2b9ff !important;
}

/* Advanced QR launcher */
html[lang="ar"][data-pqr-theme="midnight"]
body.pqr-social-builder-page
.pqr-social-advanced-qr-launch-v10 {
    background: #172438 !important;
    border-color: #34465f !important;
    color: #f5f7ff !important;
}