/* ── Progress Bar ── */
    #lx-progress {
      position: fixed; top: 0; left: 0; width: 0; height: 3px;
      background: linear-gradient(90deg, var(--brand-primary, #5D4A7E), var(--brand-gold, #30D8A3));
      z-index: 9999; transition: width .25s ease, opacity .3s ease;
      opacity: 0; pointer-events: none;
    }
    #lx-progress.running { opacity: 1; }

    /* ── Prevent flash of wrong theme ── */
    html:not([data-theme]) body { visibility: hidden; }

    /* ── Smooth theme transition ── */
    html[data-theme] *,
    html[data-theme] *::before,
    html[data-theme] *::after {
      transition:
        background-color 0.2s ease,
        border-color     0.2s ease,
        color            0.15s ease,
        box-shadow       0.2s ease !important;
    }
    /* استثنِ العناصر التي لا تحتاج transition */
    html[data-theme] img,
    html[data-theme] video,
    html[data-theme] svg,
    html[data-theme] .lxhd-topstrip,
    html[data-theme] .lxh-hero-slide,
    html[data-theme] .lxh-hero-bg {
      transition: none !important;
    }