/* ============================================================
   Lingua Store — أنماط دروس تعلم اللغات (CPT: mt_lesson)
   ============================================================ */

/* ===== Hero الصفحة الرئيسية ===== */
.ls-hero {
    background: linear-gradient(160deg, var(--clr-dark) 0%, var(--clr-primary-dk) 130%);
    padding: 56px 0;
    margin-bottom: 24px;
    text-align: center;
}
.ls-hero__inner { max-width: 720px; margin: 0 auto; }
.ls-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}
.ls-hero__title {
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 14px;
}
.ls-hero__desc {
    color: rgba(255,255,255,.82);
    font-size: 1rem;
    line-height: 1.9;
    margin-bottom: 24px;
}
.ls-hero__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.ls-hero__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: var(--radius-sm);
    font-weight: 800;
    font-size: .95rem;
    transition: transform .2s, background .2s, opacity .2s;
}
.ls-hero__btn--primary { background: var(--clr-primary); color: #fff !important; }
.ls-hero__btn--primary:hover { background: #00c493; transform: translateY(-2px); }
.ls-hero__btn--secondary { background: rgba(255,255,255,.14); color: #fff !important; border: 1px solid rgba(255,255,255,.35); }
.ls-hero__btn--secondary:hover { background: rgba(255,255,255,.22); transform: translateY(-2px); }

@media (max-width: 600px) {
    .ls-hero { padding: 40px 0; }
    .ls-hero__title { font-size: 1.5rem; }
}

/* ===== عنوان قسم مع رابط "المزيد" ===== */
.section-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.section-more {
    font-size: .85rem;
    font-weight: 700;
    color: var(--clr-primary-dk);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.section-more:hover{ color: var(--clr-hover,var(--clr-primary)); }

/* ===== أيقونة السلة في الهيدر + النافذة المنبثقة (Mini Cart) ===== */
.header-cart {
    position: relative;
}
.header-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: var(--clr-on-dark, var(--dm-text));   /* أيقونة داخل الهيدر: تتكيّف مع لون الهيدر */
    font-size: 1.05rem;
    background: transparent;
    border: none;
    cursor: pointer;
}
.header-cart-link:hover{ color: var(--clr-hover-on-dark,var(--clr-primary-dk)); }
.header-cart-link__count {
    position: absolute;
    top: -2px;
    inset-inline-end: -4px;
    background: var(--clr-primary);
    color: var(--clr-on-primary,#fff);
    font-size: .65rem;
    font-weight: 800;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}
html[data-theme="dark"] .header-cart-link { color: var(--dm-text); }
html[data-theme="dark"] .header-cart-link:hover { color: var(--clr-hover-on-dark, var(--dm-text)); }

.header-cart-panel {
    position: absolute;
    top: calc(100% + 14px);
    inset-inline-end: 0;
    width: 320px;
    max-width: 90vw;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-md);
    padding: 16px;
    z-index: 60;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .18s, transform .18s, visibility .18s;
}
.header-cart.is-open .header-cart-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-cart-panel .woocommerce-mini-cart__empty-message {
    text-align: center;
    color: var(--clr-muted);
    font-size: .9rem;
    margin: 6px 0 0;
}
.header-cart-panel ul.woocommerce-mini-cart {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
    max-height: 320px;
    overflow-y: auto;
}
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--clr-border);
    position: relative;
}
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item:last-child { border-bottom: none; }
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--radius-sm);
}
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item a:not(.remove) {
    flex: 1;
    color: var(--clr-text);
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.5;
}
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item .quantity {
    display: block;
    font-weight: 400;
    color: var(--clr-muted);
    font-size: .8rem;
}
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item a.remove {
    color: #c0392b !important;
    font-size: 1rem;
    line-height: 1;
    padding: 2px 6px;
}
/* حالة "جاري الحذف" (AJAX): العنصر كيخفت وما كيتضغطش مرة ثانية */
.header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item.is-removing {
    opacity: .4;
    pointer-events: none;
    transition: opacity .2s;
}
.header-cart-panel .woocommerce-mini-cart__total.total {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    padding-top: 10px;
    border-top: 1px solid var(--clr-border);
    margin: 0 0 14px;
}
.header-cart-panel .woocommerce-mini-cart__buttons.buttons {
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
}
.header-cart-panel .woocommerce-mini-cart__buttons.buttons a.button {
    flex: 1;
    text-align: center;
    padding: 10px 8px;
    border-radius: var(--radius-sm);
    font-weight: 700;
    font-size: .85rem;
}
.header-cart-panel .woocommerce-mini-cart__buttons.buttons a.button:not(.checkout) {
    background: var(--clr-light);
    color: var(--clr-text) !important;
    border: 1px solid var(--clr-border);
}
.header-cart-panel .woocommerce-mini-cart__buttons.buttons a.button.checkout {
    background: var(--clr-primary);
    color:var(--clr-on-primary,#fff) !important;
}
.header-cart-panel .woocommerce-mini-cart__buttons.buttons a.button.checkout:hover{ background: var(--clr-hover,var(--clr-primary-dk));color:var(--clr-on-hover,var(--clr-on-primary,#fff)) !important }

html[data-theme="dark"] .header-cart-panel {
    background: var(--dm-bg2);
    border-color: var(--dm-border);
}
html[data-theme="dark"] .header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item,
html[data-theme="dark"] .header-cart-panel .woocommerce-mini-cart__total.total {
    border-color: var(--dm-border);
}
html[data-theme="dark"] .header-cart-panel ul.woocommerce-mini-cart li.mini_cart_item a:not(.remove) {
    color: var(--dm-text);
}
html[data-theme="dark"] .header-cart-panel .woocommerce-mini-cart__buttons.buttons a.button:not(.checkout) {
    background: var(--dm-bg3);
    border-color: var(--dm-border);
    color: var(--dm-text) !important;
}

@media (max-width: 480px) {
    .header-cart { position: static; }
    .header-cart-panel {
        inset-inline: 10px;
        width: auto;
        max-width: none;
        top: calc(100% + 6px);
    }
}

/* ===== شبكة منتجات الصفحة الرئيسية ===== */
ul.products.ls-home-products {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 40px;
}
@media (max-width: 900px) { ul.products.ls-home-products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { ul.products.ls-home-products { grid-template-columns: 1fr; } }

.lesson-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}
.lesson-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--clr-light);
    color: var(--clr-text);
    border: 1px solid var(--clr-border);
}
.lesson-badge--lang {
    background: rgba(0, 221, 162, .12);
    color: var(--clr-primary-dk);
    border-color: transparent;
}
.lesson-badge--level {
    background: var(--clr-dark);
    color: #fff;
    border-color: transparent;
}

.lesson-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    font-weight: 700;
    font-size: .85rem;
    color: var(--clr-primary-dk);
}
.lesson-card__link:hover{ color: var(--clr-hover,var(--clr-primary)); }

.lesson-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 22px 0;
}
.lesson-filter-pill {
    display: inline-flex;
    padding: 8px 18px;
    border-radius: 20px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    color: var(--clr-text);
    font-weight: 700;
    font-size: .85rem;
    transition: background .2s, color .2s, border-color .2s;
}
.lesson-filter-pill.is-active{
    background: var(--clr-primary);
    border-color: var(--clr-primary);
    color: #fff;
}.lesson-filter-pill:hover{
    background: var(--clr-hover,var(--clr-primary));
    border-color: var(--clr-hover,var(--clr-primary));
    color:var(--clr-on-hover,#fff);
}

.lesson-cta-box {
    margin-top: 36px;
    background: var(--clr-dark);
    border-radius: var(--radius);
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    color: #fff;
}
.lesson-cta-box__text h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 4px; }
.lesson-cta-box__text p { color: rgba(255,255,255,.75); font-size: .9rem; margin: 0; }
.lesson-cta-box__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--clr-primary);
    color: #fff !important;
    padding: 11px 22px;
    border-radius: var(--radius-sm);
    font-weight: 800;
    white-space: nowrap;
    transition: background .2s;
}
.lesson-cta-box__btn:hover{ background: var(--clr-hover,var(--clr-primary-dk)); }

/* ===== الوضع الليلي ===== */
html[data-theme="dark"] .lesson-badge {
    background: var(--dm-bg3);
    border-color: var(--dm-border);
    color: var(--dm-text);
}
html[data-theme="dark"] .lesson-filter-pill {
    background: var(--dm-bg2);
    border-color: var(--dm-border);
    color: var(--dm-text);
}
html[data-theme="dark"] .lesson-filter-pill.is-active{
    background: var(--clr-primary);
    border-color: var(--clr-primary);
    color: #fff;
}html[data-theme="dark"] .lesson-filter-pill:hover{
    background: var(--clr-hover,var(--clr-primary));
    border-color: var(--clr-hover,var(--clr-primary));
    color:var(--clr-on-hover,#fff);
}

/* ============================================================
   أرشيف الدروس — تصميم احترافي (هيرو + شريط تصفية + بطاقات + حالة فارغة)
   ============================================================ */

/* ----- الهيرو: وصف وأرقام ----- */
.page-hero__desc {
    max-width: 640px;
    margin: 12px auto 0;
    color: rgba(255, 255, 255, .82);
    font-size: 1rem;
    line-height: 1.9;
}
.lesson-hero__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}
.lesson-hero__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
}
.lesson-hero__chip i { color: var(--clr-primary); }

/* ----- شريط التصفية ----- */
.lesson-toolbar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0 0 30px;
    padding: 18px 22px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: 18px;
    box-shadow: 0 2px 14px rgba(15, 17, 23, .05);
}
.lesson-toolbar__row { display: flex; align-items: center; gap: 18px; }
.lesson-toolbar__row + .lesson-toolbar__row { padding-top: 14px; border-top: 1px dashed var(--clr-border); }
.lesson-toolbar__label {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 88px;
    color: var(--clr-muted);
    font-size: .85rem;
    font-weight: 800;
}
.lesson-toolbar__label i { color: var(--clr-primary); }
.lesson-toolbar .lesson-filter-bar { flex: 1; margin: 0; justify-content: flex-start; gap: 8px; }
.lesson-filter-pill {
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    background: var(--clr-light);
    border-color: transparent;
    font-size: .88rem;
}
.lesson-filter-pill:hover{
    background: rgba(0, 221, 162, .14);
    border-color: var(--clr-hover,var(--clr-primary));
    color: var(--clr-hover,var(--clr-primary-dk));
}
.lesson-filter-pill.is-active{
    background: var(--clr-primary);
    border-color: var(--clr-primary);
    box-shadow: 0 6px 16px rgba(0, 221, 162, .3);
    color: #06251d;
}.lesson-filter-pill.is-active:hover{
    background: var(--clr-hover,var(--clr-primary));
    border-color: var(--clr-hover,var(--clr-primary));
    box-shadow: 0 6px 16px rgba(0, 221, 162, .3);
    color: #06251d;
}
.lesson-filter-pill__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    background: var(--clr-white);
    border-radius: 11px;
    color: var(--clr-muted);
    font-size: .7rem;
    font-weight: 800;
}
.lesson-filter-pill.is-active .lesson-filter-pill__count { background: rgba(6, 37, 29, .14); color: #06251d; }

/* ----- شبكة الدروس ----- */
.lessons-wrap { padding: 0 0 56px; }
.lessons-wrap .content-area { overflow: visible !important; }
.lessons-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
}
.lessons-summary__count { display: inline-flex; align-items: center; gap: 8px; color: var(--clr-text); font-weight: 800; }
.lessons-summary__count i { color: var(--clr-primary); }
.lessons-summary__clear {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    background: rgba(0, 221, 162, .12);
    border-radius: 999px;
    color: var(--clr-primary-dk);
    font-size: .82rem;
    font-weight: 800;
}
.lessons-summary__clear i { font-size: .75em; opacity: .7; }
.lessons-summary__clear:hover { background: rgba(0, 221, 162, .22); }
.posts-grid.lessons-grid {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 24px;
}

/* ----- بطاقة الدرس ----- */
.lesson-card {
    border: 1px solid var(--clr-border);
    border-radius: 18px;
    box-shadow: 0 2px 14px rgba(15, 17, 23, .06);
}
.lesson-card:hover {
    border-color: rgba(0, 221, 162, .55);
    box-shadow: 0 16px 36px rgba(15, 17, 23, .14);
    transform: translateY(-5px);
}
.lesson-card__thumb { height: 190px; background: var(--clr-dark); }
.lesson-card__thumb > a { display: block; width: 100%; height: 100%; }
.lesson-card__ph {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 78% 18%, rgba(0, 221, 162, .38), transparent 55%),
        linear-gradient(135deg, #2a2f48 0%, #12141d 100%);
    color: rgba(255, 255, 255, .92);
    font-size: 3.4rem;
}
.lesson-card__ph i { filter: drop-shadow(0 6px 18px rgba(0, 221, 162, .45)); transition: transform .4s; }
.lesson-card:hover .lesson-card__ph i { transform: scale(1.1) rotate(-4deg); }
.lesson-badges--overlay {
    position: absolute;
    top: 12px;
    inset-inline: 12px;
    z-index: 2;
    margin: 0;
    pointer-events: none;
}
.lesson-badges--overlay .lesson-badge { pointer-events: auto; padding: 4px 11px; border: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, .18); }
.lesson-badges--overlay .lesson-badge--lang { background: var(--clr-primary); color: #06251d; }
.lesson-badges--overlay .lesson-badge--level { background: rgba(15, 17, 23, .78); color: #fff; }
.lesson-card .post-card__body { gap: 10px; padding: 18px 20px 16px; }
.lesson-card .post-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.6;
}
.lesson-card .post-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .88rem;
    line-height: 1.85;
}
.lesson-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--clr-border);
}
.lesson-card__date { display: inline-flex; align-items: center; gap: 6px; color: var(--clr-muted); font-size: .78rem; font-weight: 600; }
.lesson-card__link { margin: 0; }
.lesson-card__link i { transition: transform .2s; }
.lesson-card:hover .lesson-card__link i { transform: translateX(-4px); }

/* ----- الحالة الفارغة ----- */
.lessons-empty {
    max-width: 660px;
    margin: 6px auto 32px;
    padding: 56px 32px 50px;
    background:
        radial-gradient(60% 50% at 50% 0, rgba(0, 221, 162, .10), transparent 70%),
        var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: 26px;
    box-shadow: 0 2px 18px rgba(15, 17, 23, .05);
    text-align: center;
}
.lessons-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    margin-bottom: 24px;
    background: radial-gradient(circle, rgba(0, 221, 162, .26), rgba(0, 221, 162, .1) 70%);
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 221, 162, .07);
    color: var(--clr-primary-dk);
    font-size: 2.4rem;
}
.lessons-empty__title { margin: 0 0 10px; color: var(--clr-text); font-size: 1.55rem; font-weight: 900; line-height: 1.5; }
.lessons-empty__text { max-width: 470px; margin: 0 auto 28px; color: var(--clr-muted); font-size: 1rem; line-height: 2; }
.lessons-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.lessons-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 26px;
    border-radius: 999px;
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.4;
    transition: transform .2s, box-shadow .25s, background .2s, border-color .2s;
}
.lessons-btn--primary {
    background: linear-gradient(135deg, #12e6ad, #00c48f);
    box-shadow: 0 10px 24px rgba(0, 221, 162, .3);
    color: #06251d !important;
}
.lessons-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0, 221, 162, .42); }
.lessons-btn--ghost { background: transparent; border: 1.5px solid var(--clr-border); color: var(--clr-text) !important; }
.lessons-btn--ghost:hover{ border-color: var(--clr-hover,var(--clr-primary)); color: var(--clr-hover,var(--clr-primary-dk)) !important; transform: translateY(-2px); }

/* ----- الوضع الداكن ----- */
html[data-theme="dark"] .lesson-toolbar { background: var(--dm-bg2); border-color: var(--dm-border); box-shadow: none; }
html[data-theme="dark"] .lesson-toolbar__row + .lesson-toolbar__row { border-color: var(--dm-border); }
html[data-theme="dark"] .lesson-toolbar__label { color: var(--dm-muted); }
html[data-theme="dark"] .lesson-filter-pill { background: var(--dm-bg3); border-color: transparent; color: var(--dm-text); }
html[data-theme="dark"] .lesson-filter-pill:hover{ background: rgba(0, 221, 162, .16); border-color: var(--clr-hover,var(--clr-primary)); color: var(--clr-hover,var(--clr-primary)); }
html[data-theme="dark"] .lesson-filter-pill.is-active{ background: var(--clr-primary); border-color: var(--clr-primary); color: #06251d; }html[data-theme="dark"] .lesson-filter-pill.is-active:hover{ background: var(--clr-hover,var(--clr-primary)); border-color: var(--clr-hover,var(--clr-primary)); color: #06251d; }
html[data-theme="dark"] .lesson-filter-pill__count { background: var(--dm-bg2); color: var(--dm-muted); }
html[data-theme="dark"] .lesson-filter-pill.is-active .lesson-filter-pill__count { background: rgba(6, 37, 29, .18); color: #06251d; }
html[data-theme="dark"] .lessons-summary__count { color: var(--dm-text); }
html[data-theme="dark"] .lessons-summary__clear { color: var(--clr-primary); }
html[data-theme="dark"] .lesson-card__foot { border-color: var(--dm-border); }
html[data-theme="dark"] .lesson-card__date { color: var(--dm-muted); }
html[data-theme="dark"] .lesson-card__link { color: var(--clr-primary); }
html[data-theme="dark"] .lessons-empty {
    background: radial-gradient(60% 50% at 50% 0, rgba(0, 221, 162, .12), transparent 70%), var(--dm-bg2);
    border-color: var(--dm-border);
    box-shadow: none;
}
html[data-theme="dark"] .lessons-empty__icon { color: var(--clr-primary); }
html[data-theme="dark"] .lessons-empty__title { color: var(--dm-text); }
html[data-theme="dark"] .lessons-empty__text { color: var(--dm-muted); }
html[data-theme="dark"] .lessons-btn--ghost { border-color: var(--dm-border); color: var(--dm-text) !important; }
html[data-theme="dark"] .lessons-btn--ghost:hover{ border-color: var(--clr-hover,var(--clr-primary)); color: var(--clr-hover,var(--clr-primary)) !important; }

/* ----- الهاتف ----- */
@media (max-width: 640px) {
    .lesson-toolbar { padding: 14px; gap: 12px; }
    .lesson-toolbar__row { flex-direction: column; align-items: stretch; gap: 10px; }
    .lesson-toolbar__label { min-width: 0; }
    .posts-grid.lessons-grid { grid-template-columns: 1fr; gap: 18px; }
    .lesson-card__thumb { height: 180px; }
    .lessons-empty { padding: 40px 20px 36px; border-radius: 20px; }
    .lessons-empty__icon { width: 80px; height: 80px; font-size: 2rem; }
    .lessons-empty__title { font-size: 1.3rem; }
    .lessons-btn { padding: 11px 22px; }
}

/* ============================================================
   أدوات التعلّم: [مفردات] + [اختبار] + تقدّم الطالب (inc/learn-tools.php)
   ============================================================ */
.ls-voc, .ls-quiz {
    margin: 28px 0; padding: 18px 18px 20px;
    border: 1px solid var(--clr-border, #e4e8ee); border-radius: 18px;
    background: var(--clr-light, #f5f7fa);
}
.ls-voc__head, .ls-quiz__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ls-learn-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 12px; border-radius: 20px; font-size: .78rem; font-weight: 800;
}
.ls-learn-badge--voc { background: rgba(14, 165, 233, .14); color: #0369a1; }
.ls-learn-badge--quiz { background: rgba(168, 85, 247, .14); color: #7e22ce; }
.ls-learn-title { margin: 0 !important; font-size: 1.1rem !important; font-weight: 900; }
.ls-learn-title::before, .ls-learn-title::after { display: none !important; }
.ls-learn-btn {
    padding: 8px 16px; border-radius: 10px; cursor: pointer; border: 1px solid transparent;
    background: linear-gradient(135deg, var(--clr-primary-lt, #12e6ad), var(--clr-primary-gd, #00c48f));
    color: #fff; font: inherit; font-size: .85rem; font-weight: 800;
}
.ls-learn-btn--ghost { background: var(--clr-white, #fff); border-color: var(--clr-border, #e4e8ee); color: var(--clr-text, #2d2d2d); }
.ls-learn-err { padding: 10px 14px; border-radius: 10px; background: #fef2f2; color: #991b1b; font-size: .9rem; }

/* ----- بطاقات المفردات ----- */
.ls-voc__count { color: var(--clr-muted, #666); font-size: .82rem; }
.ls-voc__flipall { margin-inline-start: auto; padding: 6px 13px; font-size: .78rem; border-radius: 20px; }
.ls-voc__tip { margin: 8px 0 14px !important; color: var(--clr-muted, #666); font-size: .85rem; }
.ls-voc__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.ls-voc__card { position: relative; height: 130px; perspective: 900px; cursor: pointer; outline: none; }
.ls-voc__inner { position: relative; width: 100%; height: 100%; transition: transform .5s cubic-bezier(.3, .7, .3, 1); transform-style: preserve-3d; }
.ls-voc__card.is-flipped .ls-voc__inner { transform: rotateY(180deg); }
.ls-voc__face {
    position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    padding: 12px; border-radius: 14px; text-align: center;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
}
.ls-voc__card:hover .ls-voc__front, .ls-voc__card:focus-visible .ls-voc__front { border-color: #0ea5e9; }
.ls-voc__back {
    transform: rotateY(180deg);
    background: linear-gradient(135deg, #0ea5e9, #0284c7); border-color: transparent; color: #fff;
}
.ls-voc__word { font-size: 1.25rem; font-weight: 900; color: var(--clr-text, #2d2d2d); line-height: 1.3; }
.ls-voc__ex { font-size: .78rem; color: var(--clr-muted, #666); line-height: 1.5; }
.ls-voc__tr { font-size: 1.2rem; font-weight: 900; line-height: 1.4; }
.ls-voc__small { font-size: .78rem; opacity: .85; }
.ls-voc__say {
    position: absolute; top: 7px; left: 7px; z-index: 2;
    width: 28px; height: 28px; border-radius: 50%; border: 0; cursor: pointer;
    display: grid; place-items: center;
    background: rgba(14, 165, 233, .12); color: #0284c7;
    transition: background .15s, color .15s;
}
.ls-voc__say:hover { background: #0ea5e9; color: #fff; }
.ls-voc__say[hidden] { display: none; }
.ls-voc__card.is-flipped .ls-voc__say { background: rgba(255, 255, 255, .22); color: #fff; }

/* ----- الاختبار ----- */
.ls-quiz__progress { margin-inline-start: auto; color: var(--clr-muted, #666); font-size: .85rem; font-weight: 700; }
.ls-quiz__progress b { color: #7e22ce; font-size: 1rem; }
.ls-quiz__list { list-style: none !important; margin: 14px 0 0 !important; padding: 0 !important; display: grid; gap: 12px; }
.ls-quiz__list > li { margin: 0 !important; }
.ls-quiz__list > li::before, .ls-quiz__list > li::after { display: none !important; }
.ls-quiz__q {
    padding: 14px !important; border-radius: 14px;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff);
}
.ls-quiz__text { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px !important; font-weight: 800; font-size: 1rem; line-height: 1.7; }
.ls-quiz__n {
    flex: none; width: 26px; height: 26px; margin-top: 1px; border-radius: 7px;
    display: grid; place-items: center; background: #a855f7; color: #fff; font-size: .85rem; font-weight: 900;
}
.ls-quiz__q.is-ok .ls-quiz__n { background: #10b981; }
.ls-quiz__q.is-bad .ls-quiz__n { background: #ef4444; }
.ls-quiz__opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.ls-quiz__opt {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 10px 12px; border-radius: 11px; cursor: pointer; text-align: start;
    border: 1.5px solid var(--clr-border, #e4e8ee); background: var(--clr-light, #f5f7fa);
    color: var(--clr-text, #2d2d2d); font: inherit; font-size: .95rem; font-weight: 600;
    transition: border-color .15s, background .15s, transform .15s;
}
.ls-quiz__opt:not(:disabled):hover { border-color: #a855f7; background: rgba(168, 85, 247, .06); transform: translateY(-1px); }
.ls-quiz__opt:disabled { cursor: default; opacity: .6; }
.ls-quiz__l {
    flex: none; width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;
    background: var(--clr-white, #fff); border: 1px solid var(--clr-border, #e4e8ee); font-size: .75rem; font-weight: 900;
}
.ls-quiz__opt.is-ok { opacity: 1; border-color: #10b981; background: rgba(16, 185, 129, .1); color: #047857; }
.ls-quiz__opt.is-ok .ls-quiz__l { background: #10b981; border-color: #10b981; color: #fff; }
.ls-quiz__opt.is-bad { opacity: 1; border-color: #ef4444; background: rgba(239, 68, 68, .08); color: #b91c1c; animation: lsQzShake .35s; }
.ls-quiz__opt.is-bad .ls-quiz__l { background: #ef4444; border-color: #ef4444; color: #fff; }
.ls-quiz__why {
    display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; padding: 9px 12px; border-radius: 10px;
    background: rgba(245, 158, 11, .1); color: #92400e; font-size: .88rem; line-height: 1.7;
}
.ls-quiz__why svg { flex: none; margin-top: 4px; }
.ls-quiz__why[hidden] { display: none; }
.ls-quiz__result {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 14px;
    padding: 14px 16px; border-radius: 14px; background: rgba(239, 68, 68, .08); border: 1px solid rgba(239, 68, 68, .25);
}
.ls-quiz__result.is-good { background: rgba(16, 185, 129, .1); border-color: rgba(16, 185, 129, .3); }
.ls-quiz__result[hidden] { display: none; }
.ls-quiz__score { font-size: 1.4rem; font-weight: 900; direction: ltr; }
.ls-quiz__msg { font-weight: 700; }
.ls-quiz__retry { margin-inline-start: auto; }
@keyframes lsQzShake { 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }

/* ----- أكملت هذا الدرس ----- */
.ls-done {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px;
    margin: 28px 0 18px; padding: 16px 18px; border-radius: 16px;
    border: 1.5px dashed rgba(var(--clr-primary-rgb, 0, 221, 162), .55);
    background: rgba(var(--clr-primary-rgb, 0, 221, 162), .05);
    transition: background .25s, border-color .25s;
}
.ls-done__txt { display: flex; flex-direction: column; gap: 2px; }
.ls-done__title { font-size: 1.02rem; font-weight: 900; }
.ls-done__sub { color: var(--clr-muted, #666); font-size: .86rem; }
.ls-done__btn {
    display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 11px; cursor: pointer;
    border: 1.5px solid var(--clr-primary, #00dda2); background: var(--clr-white, #fff);
    color: var(--clr-primary-dk, #007a62); font: inherit; font-size: .9rem; font-weight: 800;
    transition: background .2s, color .2s, transform .15s;
}
.ls-done__btn:hover { transform: translateY(-1px); }
.ls-done.is-done { border-style: solid; background: rgba(var(--clr-primary-rgb, 0, 221, 162), .12); }
.ls-done.is-done .ls-done__btn {
    background: linear-gradient(135deg, var(--clr-primary-lt, #12e6ad), var(--clr-primary-gd, #00c48f));
    border-color: transparent; color: #fff;
}

/* ✓ على بطاقة الدرس */
.lesson-card__thumb { position: relative; }
.lesson-card__done {
    display: none; position: absolute; top: 10px; left: 10px; z-index: 3;
    padding: 3px 10px; border-radius: 20px; background: #10b981; color: #fff;
    font-size: .75rem; font-weight: 900; box-shadow: 0 3px 10px rgba(16, 185, 129, .4);
}
.is-lesson-done .lesson-card__done { display: inline-block; }

/* ----- شريط التقدّم (المستوى/اللغة) ----- */
.ls-prog {
    margin: 22px 0 6px; padding: 14px 18px; border-radius: 14px;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff);
}
.ls-prog[hidden] { display: none; }
.ls-prog__top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-bottom: 10px; }
.ls-prog__title { font-weight: 900; }
.ls-prog__count { color: var(--clr-muted, #666); font-size: .88rem; }
.ls-prog__count b { color: var(--clr-primary-dk, #007a62); font-size: 1rem; }
.ls-prog__bar { height: 10px; border-radius: 99px; background: var(--clr-light, #eef1f5); overflow: hidden; }
.ls-prog__bar span {
    display: block; height: 100%; width: 0; border-radius: 99px;
    background: linear-gradient(90deg, var(--clr-primary-gd, #00c48f), var(--clr-primary-lt, #12e6ad));
    transition: width .8s ease;
}
.ls-prog.is-complete .ls-prog__title::after { content: ' 🏆'; }

/* ----- الوضع الليلي ----- */
[data-theme=dark] .ls-voc, [data-theme=dark] .ls-quiz { background: var(--dm-bg2, #1a1d27); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-voc__front, [data-theme=dark] .ls-quiz__q, [data-theme=dark] .ls-prog,
[data-theme=dark] .ls-learn-btn--ghost, [data-theme=dark] .ls-done__btn { background: var(--dm-bg3, #22263a); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-voc__word, [data-theme=dark] .ls-quiz__text, [data-theme=dark] .ls-learn-btn--ghost,
[data-theme=dark] .ls-quiz__opt { color: var(--dm-text, #e2e4ed); }
[data-theme=dark] .ls-quiz__opt { background: var(--dm-bg2, #1a1d27); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-quiz__l { background: var(--dm-bg3, #22263a); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-quiz__opt.is-ok { color: #6ee7b7; }
[data-theme=dark] .ls-quiz__opt.is-bad { color: #fca5a5; }
[data-theme=dark] .ls-quiz__why { color: #fcd34d; }
[data-theme=dark] .ls-voc__ex, [data-theme=dark] .ls-voc__tip, [data-theme=dark] .ls-voc__count,
[data-theme=dark] .ls-done__sub, [data-theme=dark] .ls-prog__count, [data-theme=dark] .ls-quiz__progress { color: var(--dm-muted, #8b90a8); }
[data-theme=dark] .ls-learn-badge--voc { color: #7dd3fc; }
[data-theme=dark] .ls-learn-badge--quiz { color: #d8b4fe; }
[data-theme=dark] .ls-prog__bar { background: var(--dm-bg2, #1a1d27); }
[data-theme=dark] .ls-done__btn { color: var(--clr-primary, #00dda2); }

@media (max-width: 600px) {
    .ls-voc, .ls-quiz { padding: 14px 12px 16px; border-radius: 14px; }
    .ls-voc__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .ls-voc__card { height: 120px; }
    .ls-quiz__opts { grid-template-columns: 1fr; }
    .ls-done__btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .ls-voc__inner { transition: none; }
    .ls-quiz__opt.is-bad { animation: none; }
}

/* ============================================================
   أدوات إضافية: [رتب] [نطق] [تصريف] [عينة] كلمة اليوم، التنقل، الكتاب، الطباعة
   (inc/learn-more.php)
   ============================================================ */
.ls-learn-badge--ord { background: rgba(236, 72, 153, .14); color: #be185d; }
.ls-learn-badge--conj { background: rgba(99, 102, 241, .14); color: #4338ca; }
.ls-learn-badge--smp { background: rgba(245, 158, 11, .16); color: #b45309; }

/* ----- رتّب ----- */
.ls-ord { margin: 28px 0; padding: 18px 18px 20px; border: 1px solid var(--clr-border, #e4e8ee); border-radius: 18px; background: var(--clr-light, #f5f7fa); }
.ls-ord__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 10px; }
.ls-ord__list > li { margin: 0 !important; }
.ls-ord__list > li::before, .ls-ord__list > li::after { display: none !important; }
.ls-ord__item { display: flex; gap: 12px; padding: 12px 14px !important; border: 1px solid var(--clr-border, #e4e8ee); border-radius: 12px; background: var(--clr-white, #fff); }
.ls-ord__item.is-ok { border-color: rgba(16, 185, 129, .5); background: rgba(16, 185, 129, .05); }
.ls-ord__item.is-bad { border-color: rgba(239, 68, 68, .45); }
.ls-ord__item.is-ok .ls-ex__num { background: #10b981; }
.ls-ord__item.is-bad .ls-ex__num { background: #ef4444; }
.ls-ord__tr { color: var(--clr-muted, #666); font-size: .88rem; margin-bottom: 6px; }
.ls-ord__answer {
    display: flex; flex-wrap: wrap; gap: 6px; min-height: 44px; padding: 6px 8px; margin-bottom: 8px;
    border-bottom: 2px dashed rgba(var(--clr-primary-rgb, 0, 221, 162), .6); border-radius: 8px 8px 0 0;
    background: rgba(var(--clr-primary-rgb, 0, 221, 162), .05);
}
.ls-ord__answer.is-empty::before { content: 'اضغط على الكلمات أدناه…'; color: var(--clr-muted, #888); font-size: .85rem; align-self: center; direction: rtl; }
.ls-ord__bank { display: flex; flex-wrap: wrap; gap: 6px; min-height: 8px; }
.ls-ord__w {
    padding: 5px 12px; border-radius: 8px; cursor: pointer;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff);
    color: var(--clr-text, #2d2d2d); font: inherit; font-size: .98rem; font-weight: 700;
    box-shadow: 0 2px 0 var(--clr-border, #e4e8ee); transition: transform .12s;
}
.ls-ord__w:hover { transform: translateY(-1px); border-color: #ec4899; }
.ls-ord__answer .ls-ord__w { background: rgba(236, 72, 153, .08); border-color: rgba(236, 72, 153, .35); }
.ls-ord__item.is-ok .ls-ord__answer .ls-ord__w { background: rgba(16, 185, 129, .12); border-color: rgba(16, 185, 129, .45); color: #047857; cursor: default; }
.ls-ord__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.ls-ord__acts .ls-learn-btn { padding: 6px 14px; font-size: .8rem; }
.ls-ord__acts .ls-learn-btn:disabled { opacity: .45; cursor: not-allowed; }
.ls-ord__res { font-weight: 800; font-size: .88rem; }
.ls-ord__item.is-ok .ls-ord__res { color: #059669; }
.ls-ord__item.is-bad .ls-ord__res { color: #dc2626; }

/* ----- نطق ----- */
.ls-pron { margin: 22px 0; }
.ls-pron__title { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font-weight: 900; }
.ls-pron__list { display: flex; flex-wrap: wrap; gap: 10px; }
.ls-pron__item {
    display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
    padding: 9px 14px; border-radius: 14px; cursor: pointer; text-align: start;
    border: 1px solid rgba(14, 165, 233, .3); background: rgba(14, 165, 233, .06);
    color: var(--clr-text, #2d2d2d); font: inherit; transition: background .15s, transform .15s;
}
.ls-pron__item:hover { background: rgba(14, 165, 233, .13); transform: translateY(-1px); }
.ls-pron__ico { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #0ea5e9; color: #fff; }
.ls-pron__item.is-playing .ls-pron__ico { animation: lsDlgPulse .9s; }
.ls-pron__item.is-mute .ls-pron__ico { display: none; }
.ls-pron__word { font-size: 1.1rem; font-weight: 900; }
.ls-pron__ar { padding: 1px 9px; border-radius: 8px; background: var(--clr-white, #fff); color: #0369a1; font-weight: 800; }
.ls-pron__mean { color: var(--clr-muted, #666); font-size: .88rem; }
.ls-pron__mean::before { content: '— '; }

/* ----- تصريف ----- */
.ls-conj { margin: 26px 0; border: 1px solid var(--clr-border, #e4e8ee); border-radius: 16px; overflow: hidden; background: var(--clr-white, #fff); }
.ls-conj__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 12px 16px; background: linear-gradient(135deg, rgba(99, 102, 241, .12), rgba(99, 102, 241, .03)); border-bottom: 1px solid var(--clr-border, #e4e8ee); }
.ls-conj__verb { font-size: 1.25rem; font-weight: 900; color: #4338ca; }
.ls-conj__mean { color: var(--clr-muted, #666); }
.ls-conj__tense { margin-inline-start: auto; padding: 2px 10px; border-radius: 20px; background: #6366f1; color: #fff; font-size: .78rem; font-weight: 800; }
.ls-conj__table { width: 100%; margin: 0 !important; border-collapse: collapse; border: 0 !important; }
.ls-conj__table td { padding: 9px 16px !important; border: 0 !important; border-top: 1px solid var(--clr-light, #f1f3f6) !important; vertical-align: middle; }
.ls-conj__table tr:first-child td { border-top: 0 !important; }
.ls-conj__table tr:nth-child(even) td { background: rgba(99, 102, 241, .03); }
.ls-conj__form { text-align: left; font-size: 1.05rem; }
.ls-conj__pro { color: var(--clr-muted, #666); }
.ls-conj__form b { color: #4338ca; }
.ls-conj__tr { color: var(--clr-muted, #666); font-size: .9rem; }
.ls-conj__say-cell { width: 44px; }
.ls-conj__say, .ls-wotd__say { position: static; background: rgba(99, 102, 241, .12); color: #4f46e5; }

/* ----- عينة ----- */
.ls-smp { margin: 28px 0; padding: 18px; border: 1px solid var(--clr-border, #e4e8ee); border-radius: 18px; background: var(--clr-light, #f5f7fa); }
.ls-smp__count { margin-inline-start: auto; color: var(--clr-muted, #666); font-weight: 700; }
.ls-smp__stage { position: relative; margin-top: 12px; }
.ls-smp__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 12px; }
.ls-smp__track::-webkit-scrollbar { display: none; }
.ls-smp__page { flex: 0 0 100%; margin: 0 !important; scroll-snap-align: center; display: grid; place-items: center; padding: 6px; }
.ls-smp__page img { max-height: 560px; width: auto; max-width: 100%; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); background: #fff; }
.ls-smp__nav {
    position: absolute; top: 50%; z-index: 2; transform: translateY(-50%);
    width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;
    background: rgba(0, 0, 0, .55); color: #fff; font-size: 1.5rem; line-height: 1;
}
.ls-smp__prev { left: 6px; } .ls-smp__next { right: 6px; }
.ls-smp.is-first .ls-smp__prev, .ls-smp.is-last .ls-smp__next { opacity: .25; pointer-events: none; }
.ls-smp__pdf { margin-top: 12px; text-align: center; }
.ls-smp__pdf .ls-learn-btn { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }

/* ----- كلمة اليوم ----- */
.ls-wotd {
    display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--clr-primary-rgb, 0, 221, 162), .14), rgba(14, 165, 233, .08));
    border: 1px solid rgba(var(--clr-primary-rgb, 0, 221, 162), .3);
}
.ls-wotd__label { font-size: .78rem; font-weight: 800; color: var(--clr-primary-dk, #007a62); }
.ls-wotd__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ls-wotd__word { font-size: 1.5rem; font-weight: 900; }
.ls-wotd__tr { font-size: 1.05rem; font-weight: 800; }
.ls-wotd__ex { color: var(--clr-muted, #666); font-size: .85rem; font-style: italic; text-align: left; }
.ls-wotd__link { margin-top: 6px; font-size: .8rem; color: var(--clr-primary-dk, #007a62); text-decoration: none; }

/* ----- الدرس السابق/التالي ----- */
.ls-lnav { margin: 10px 0 24px; }
.ls-lnav__meta { margin-bottom: 8px; color: var(--clr-muted, #666); font-size: .85rem; font-weight: 700; }
.ls-lnav__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ls-lnav__card {
    position: relative; display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 14px;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff); text-decoration: none !important;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}
.ls-lnav__card:hover { border-color: var(--clr-primary, #00dda2); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, .06); }
.ls-lnav__card--next { text-align: left; background: linear-gradient(135deg, rgba(var(--clr-primary-rgb, 0, 221, 162), .1), transparent); border-color: rgba(var(--clr-primary-rgb, 0, 221, 162), .4); }
.ls-lnav__lbl { font-size: .78rem; font-weight: 800; color: var(--clr-primary-dk, #007a62); }
.ls-lnav__title { color: var(--clr-text, #2d2d2d); font-size: .98rem; line-height: 1.5; }
.ls-lnav__done { top: 8px; left: auto; right: 10px; }
.ls-lnav__card--next .ls-lnav__done { right: auto; left: 10px; }

/* ----- بطاقة الكتاب ----- */
.ls-book {
    display: flex; gap: 18px; align-items: center; margin: 10px 0 26px; padding: 16px; border-radius: 18px;
    border: 1px solid rgba(245, 158, 11, .35); background: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(245, 158, 11, .02));
}
.ls-book__img { flex: none; width: 120px; }
.ls-book__img img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, .15); }
.ls-book__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ls-book__eyebrow { font-size: .8rem; font-weight: 800; color: #b45309; }
.ls-book__title { font-size: 1.15rem; font-weight: 900; color: var(--clr-text, #2d2d2d); text-decoration: none !important; line-height: 1.5; }
.ls-book__desc { margin: 0 !important; color: var(--clr-muted, #666); font-size: .9rem; line-height: 1.7; }
.ls-book__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 4px; }
.ls-book__price { font-weight: 900; font-size: 1.1rem; }
.ls-book__price del { opacity: .55; font-size: .85em; }
.ls-book__price ins { text-decoration: none; color: #d92d3a; }
.ls-book__off { padding: 2px 9px; border-radius: 20px; background: #e5383b; color: #fff; font-size: .75rem; font-weight: 800; }
.ls-book__btn { margin-inline-start: auto; text-decoration: none !important; }

/* ----- زر الطباعة ----- */
.ls-print-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 20px; cursor: pointer;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff);
    color: var(--clr-text, #2d2d2d); font: inherit; font-size: .8rem; font-weight: 700;
}
.ls-print-btn:hover { border-color: var(--clr-primary, #00dda2); }

/* ----- الوضع الليلي ----- */
[data-theme=dark] .ls-ord, [data-theme=dark] .ls-smp { background: var(--dm-bg2, #1a1d27); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-ord__item, [data-theme=dark] .ls-ord__w, [data-theme=dark] .ls-conj, [data-theme=dark] .ls-lnav__card,
[data-theme=dark] .ls-print-btn, [data-theme=dark] .ls-pron__ar { background: var(--dm-bg3, #22263a); border-color: var(--dm-border, #2a2d3e); color: var(--dm-text, #e2e4ed); }
[data-theme=dark] .ls-ord__w { box-shadow: 0 2px 0 var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-pron__item, [data-theme=dark] .ls-lnav__title, [data-theme=dark] .ls-book__title { color: var(--dm-text, #e2e4ed); }
[data-theme=dark] .ls-pron__ar { color: #7dd3fc; }
[data-theme=dark] .ls-conj__head { border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-conj__table td { border-top-color: var(--dm-border, #2a2d3e) !important; }
[data-theme=dark] .ls-conj__verb, [data-theme=dark] .ls-conj__form b { color: #a5b4fc; }
[data-theme=dark] .ls-ord__tr, [data-theme=dark] .ls-pron__mean, [data-theme=dark] .ls-conj__tr, [data-theme=dark] .ls-conj__pro,
[data-theme=dark] .ls-wotd__ex, [data-theme=dark] .ls-lnav__meta, [data-theme=dark] .ls-book__desc { color: var(--dm-muted, #8b90a8); }
[data-theme=dark] .ls-wotd__label, [data-theme=dark] .ls-wotd__link, [data-theme=dark] .ls-lnav__lbl { color: var(--clr-primary, #00dda2); }
[data-theme=dark] .ls-book__eyebrow { color: #fbbf24; }

@media (max-width: 600px) {
    .ls-lnav__row { grid-template-columns: 1fr; }
    .ls-book { flex-direction: column; align-items: stretch; text-align: center; }
    .ls-book__img { width: 140px; margin: 0 auto; }
    .ls-book__foot { justify-content: center; }
    .ls-book__btn { margin-inline-start: 0; }
    .ls-ord { padding: 14px 12px; }
}

/* إصلاحات: العدّادات LTR (1 / 2 بدل 2 / 1) + لون الأزرار الروابط داخل المقال */
.ls-quiz__progress, .ls-smp__count { direction: ltr; unicode-bidi: isolate; }
.entry-content a.ls-learn-btn, .article-body a.ls-learn-btn { color: #fff !important; text-decoration: none !important; }
.ls-smp__page, .ls-smp__page a { border: 0 !important; box-shadow: none; }
.ls-smp__page::after { display: none !important; }

/* ============================================================
   شورتكود [حوار] — فقاعات محادثة لدروس اللغات (inc/dialogue.php)
   ============================================================ */
.ls-dlg {
    --dlg-a: var(--clr-primary, #00dda2);
    --dlg-a-rgb: var(--clr-primary-rgb, 0, 221, 162);
    margin: 28px 0;
    padding: 18px 18px 20px;
    border: 1px solid var(--clr-border, #e4e8ee);
    border-radius: 18px;
    background: var(--clr-light, #f5f7fa);
}
.ls-dlg__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 16px; }
.ls-dlg__badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 12px; border-radius: 20px;
    background: rgba(var(--dlg-a-rgb), .14); color: var(--clr-primary-dk, #007a62);
    font-size: .78rem; font-weight: 800;
}
.ls-dlg__title { margin: 0 !important; font-size: 1.1rem !important; font-weight: 900; }
.ls-dlg__title::before, .ls-dlg__title::after { display: none !important; }
.ls-dlg__tools { display: flex; gap: 8px; margin-inline-start: auto; }
.ls-dlg__tools button {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 13px; border-radius: 20px; cursor: pointer;
    border: 1px solid var(--clr-border, #e4e8ee); background: var(--clr-white, #fff);
    color: var(--clr-text, #2d2d2d); font: inherit; font-size: .78rem; font-weight: 700;
    transition: border-color .15s, color .15s, background .15s;
}
.ls-dlg__tools button:hover { border-color: var(--dlg-a); color: var(--clr-primary-dk, #007a62); }
.ls-dlg__all { background: var(--dlg-a) !important; border-color: transparent !important; color: #fff !important; }
.ls-dlg.is-playing .ls-dlg__all { background: #e5383b !important; }
.ls-dlg.is-playing .ls-dlg__all span { font-size: 0; }
.ls-dlg.is-playing .ls-dlg__all span::after { content: 'إيقاف'; font-size: .78rem; }

.ls-dlg__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 12px; }
.ls-dlg__list > li { margin: 0 !important; padding: 0 !important; }
.ls-dlg__list > li::before, .ls-dlg__list > li::after { display: none !important; }
.ls-dlg__row { display: flex; align-items: flex-end; gap: 10px; max-width: 88%; }
.ls-dlg__row--b { flex-direction: row-reverse; margin-left: auto !important; }

.ls-dlg__avatar {
    flex: none; width: 36px; height: 36px; border-radius: 50%;
    display: grid; place-items: center;
    color: #fff; font-weight: 900; font-size: .95rem;
    background: var(--dlg-c, #6366f1);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
}
.ls-dlg__row--c0 { --dlg-c: #0ea5e9; --dlg-c-rgb: 14, 165, 233; }
.ls-dlg__row--c1 { --dlg-c: #10b981; --dlg-c-rgb: 16, 185, 129; }
.ls-dlg__row--c2 { --dlg-c: #f59e0b; --dlg-c-rgb: 245, 158, 11; }
.ls-dlg__row--c3 { --dlg-c: #a855f7; --dlg-c-rgb: 168, 85, 247; }

.ls-dlg__bubble {
    position: relative;
    padding: 10px 44px 10px 14px;
    border-radius: 16px 16px 16px 4px;
    background: var(--clr-white, #fff);
    border: 1px solid rgba(var(--dlg-c-rgb), .28);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
    transition: box-shadow .2s, transform .2s;
}
.ls-dlg__row--b .ls-dlg__bubble { border-radius: 16px 16px 4px 16px; background: rgba(var(--dlg-c-rgb), .08); }
.ls-dlg__line { text-align: left; font-size: 1rem; line-height: 1.7; color: var(--clr-text, #2d2d2d); }
.ls-dlg__name { display: block; margin-bottom: 1px; color: var(--dlg-c); font-size: .8rem; font-weight: 900; letter-spacing: .2px; }
.ls-dlg__tr {
    margin-top: 6px; padding-top: 6px;
    border-top: 1px dashed rgba(var(--dlg-c-rgb), .3);
    text-align: right; color: var(--clr-muted, #666); font-size: .88rem; line-height: 1.7;
}
.ls-dlg.is-tr-hidden .ls-dlg__tr { display: none; }
.ls-dlg__say {
    position: absolute; top: 8px; right: 8px;
    width: 30px; height: 30px; border-radius: 50%; cursor: pointer;
    display: grid; place-items: center;
    border: 0; background: rgba(var(--dlg-c-rgb), .12); color: var(--dlg-c);
    transition: background .15s, transform .15s;
}
.ls-dlg__say:hover { background: var(--dlg-c); color: #fff; transform: scale(1.06); }
.ls-dlg__say[hidden] { display: none; }
.ls-dlg__say[hidden] ~ *, .ls-dlg__bubble:has(.ls-dlg__say[hidden]) { padding-right: 14px; }
.ls-dlg__row.is-playing .ls-dlg__bubble { box-shadow: 0 0 0 3px rgba(var(--dlg-c-rgb), .35); transform: translateY(-1px); }
.ls-dlg__row.is-playing .ls-dlg__say { background: var(--dlg-c); color: #fff; animation: lsDlgPulse 1s infinite; }
@keyframes lsDlgPulse { 50% { transform: scale(1.12); } }

/* الوضع الليلي */
[data-theme=dark] .ls-dlg { background: var(--dm-bg2, #1a1d27); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-dlg__bubble { background: var(--dm-bg3, #22263a); }
[data-theme=dark] .ls-dlg__row--b .ls-dlg__bubble { background: rgba(var(--dlg-c-rgb), .14); }
[data-theme=dark] .ls-dlg__line { color: var(--dm-text, #e2e4ed); }
[data-theme=dark] .ls-dlg__tr { color: var(--dm-muted, #8b90a8); }
[data-theme=dark] .ls-dlg__badge { color: var(--clr-primary, #00dda2); }
[data-theme=dark] .ls-dlg__tools button { background: var(--dm-bg3, #22263a); border-color: var(--dm-border, #2a2d3e); color: var(--dm-text, #e2e4ed); }

@media (max-width: 600px) {
    .ls-dlg { padding: 14px 12px 16px; border-radius: 14px; }
    .ls-dlg__row { max-width: 96%; gap: 7px; }
    .ls-dlg__avatar { width: 30px; height: 30px; font-size: .82rem; }
    .ls-dlg__tools { margin-inline-start: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .ls-dlg__row.is-playing .ls-dlg__say { animation: none; } }

/* ============================================================
   شورتكود [تمرين] — املأ الفراغ التفاعلي (inc/exercise.php)
   ============================================================ */
.ls-ex {
    --ex-ok: #10b981; --ex-ok-rgb: 16, 185, 129;
    --ex-bad: #ef4444; --ex-bad-rgb: 239, 68, 68;
    margin: 28px 0;
    padding: 18px 18px 20px;
    border: 1px solid var(--clr-border, #e4e8ee);
    border-radius: 18px;
    background: var(--clr-light, #f5f7fa);
}
.ls-ex__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ls-ex__badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 12px; border-radius: 20px;
    background: rgba(245, 158, 11, .16); color: #b45309;
    font-size: .78rem; font-weight: 800;
}
.ls-ex__title { margin: 0 !important; font-size: 1.1rem !important; font-weight: 900; }
.ls-ex__title::before, .ls-ex__title::after { display: none !important; }
.ls-ex__score { margin-inline-start: auto; font-weight: 900; font-size: .95rem; color: var(--clr-text, #2d2d2d); }
.ls-ex.is-checked .ls-ex__score { padding: 3px 12px; border-radius: 20px; background: rgba(var(--ex-bad-rgb), .1); color: var(--ex-bad); }
.ls-ex.is-perfect .ls-ex__score { background: rgba(var(--ex-ok-rgb), .14); color: var(--ex-ok); }
.ls-ex__hint { margin: 10px 0 0 !important; color: var(--clr-muted, #666); font-size: .95rem; }

.ls-ex__bank { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.ls-ex__word {
    padding: 5px 14px; border-radius: 9px; cursor: pointer;
    border: 1px dashed rgba(var(--clr-primary-rgb, 0, 221, 162), .6);
    background: var(--clr-white, #fff); color: var(--clr-text, #2d2d2d);
    font: inherit; font-size: .92rem; font-weight: 700;
    transition: background .15s, transform .15s;
}
.ls-ex__word:hover { background: rgba(var(--clr-primary-rgb, 0, 221, 162), .12); transform: translateY(-1px); }

.ls-ex__list { list-style: none !important; margin: 14px 0 0 !important; padding: 0 !important; display: grid; gap: 8px; }
.ls-ex__list > li { margin: 0 !important; padding: 0; }
.ls-ex__list > li::before, .ls-ex__list > li::after { display: none !important; }
.ls-ex__item {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 10px 14px !important;
    border: 1px solid var(--clr-border, #e4e8ee);
    border-radius: 12px;
    background: var(--clr-white, #fff);
    transition: border-color .2s, background .2s;
}
.ls-ex__item.is-ok { border-color: rgba(var(--ex-ok-rgb), .5); background: rgba(var(--ex-ok-rgb), .05); }
.ls-ex__item.is-bad { border-color: rgba(var(--ex-bad-rgb), .45); background: rgba(var(--ex-bad-rgb), .04); }
.ls-ex__num {
    flex: none; width: 26px; height: 26px; margin-top: 3px; border-radius: 7px;
    display: grid; place-items: center;
    background: var(--clr-primary, #00dda2); color: #fff; font-weight: 900; font-size: .85rem;
}
.ls-ex__item.is-ok .ls-ex__num { background: var(--ex-ok); }
.ls-ex__item.is-bad .ls-ex__num { background: var(--ex-bad); }
.ls-ex__body { flex: 1; min-width: 0; }
.ls-ex__line { text-align: left; font-size: 1.05rem; line-height: 2.1; color: var(--clr-text, #2d2d2d); }
.ls-ex__in {
    display: inline-block; width: auto; min-width: 3.5ch; margin: 0 4px; padding: 1px 6px;
    border: 0; border-bottom: 2px dashed var(--clr-primary, #00dda2);
    border-radius: 6px 6px 0 0;
    background: rgba(var(--clr-primary-rgb, 0, 221, 162), .08);
    color: inherit; font: inherit; font-weight: 800; text-align: center;
    outline: none; transition: background .15s, border-color .15s;
}
.ls-ex__in:focus { background: rgba(var(--clr-primary-rgb, 0, 221, 162), .18); border-bottom-style: solid; }
.ls-ex__in.is-ok { border-bottom: 2px solid var(--ex-ok); background: rgba(var(--ex-ok-rgb), .14); color: #047857; }
.ls-ex__in.is-bad { border-bottom: 2px solid var(--ex-bad); background: rgba(var(--ex-bad-rgb), .1); color: #b91c1c; animation: lsExShake .35s; }
.ls-ex__in.is-shown { border-bottom: 2px solid #f59e0b; background: rgba(245, 158, 11, .14); color: #b45309; }
.ls-ex__mark { margin-left: 8px; font-weight: 900; }
.ls-ex__item.is-ok .ls-ex__mark::after { content: '✓'; color: var(--ex-ok); }
.ls-ex__item.is-bad .ls-ex__mark::after { content: '✗'; color: var(--ex-bad); }
.ls-ex__tr { color: var(--clr-muted, #666); font-size: .86rem; line-height: 1.7; text-align: right; }
.ls-ex__note { color: var(--clr-muted, #666); font-size: .92rem; padding: 2px 4px !important; }

.ls-ex__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ls-ex__btn {
    padding: 9px 18px; border-radius: 10px; cursor: pointer;
    border: 1px solid transparent;
    background: linear-gradient(135deg, var(--clr-primary-lt, #12e6ad), var(--clr-primary-gd, #00c48f));
    color: #fff; font: inherit; font-size: .88rem; font-weight: 800;
    box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb, 0, 221, 162), .28);
    transition: transform .15s, box-shadow .15s;
}
.ls-ex__btn:hover { transform: translateY(-1px); }
.ls-ex__btn--ghost { background: var(--clr-white, #fff); border-color: var(--clr-border, #e4e8ee); color: var(--clr-text, #2d2d2d); box-shadow: none; }
.ls-ex__btn[hidden] { display: none; }
@keyframes lsExShake { 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }

/* الوضع الليلي */
[data-theme=dark] .ls-ex { background: var(--dm-bg2, #1a1d27); border-color: var(--dm-border, #2a2d3e); }
[data-theme=dark] .ls-ex__item,
[data-theme=dark] .ls-ex__word,
[data-theme=dark] .ls-ex__btn--ghost { background: var(--dm-bg3, #22263a); border-color: var(--dm-border, #2a2d3e); color: var(--dm-text, #e2e4ed); }
[data-theme=dark] .ls-ex__line, [data-theme=dark] .ls-ex__score { color: var(--dm-text, #e2e4ed); }
[data-theme=dark] .ls-ex__hint, [data-theme=dark] .ls-ex__tr, [data-theme=dark] .ls-ex__note { color: var(--dm-muted, #8b90a8); }
[data-theme=dark] .ls-ex__badge { color: #fbbf24; }
[data-theme=dark] .ls-ex__in.is-ok { color: #6ee7b7; }
[data-theme=dark] .ls-ex__in.is-bad { color: #fca5a5; }
[data-theme=dark] .ls-ex__in.is-shown { color: #fcd34d; }

@media (max-width: 600px) {
    .ls-ex { padding: 14px 12px 16px; border-radius: 14px; }
    .ls-ex__item { padding: 9px 10px !important; gap: 9px; }
    .ls-ex__btn { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .ls-ex__in.is-bad { animation: none; } }

.ls-ex .ls-ex__in { height: auto !important; min-height: 0 !important; line-height: 1.5 !important; padding: 0 6px !important; box-shadow: none !important; vertical-align: baseline; }

/* ============================================================
   طباعة الدرس / حفظه PDF (زر "طباعة / PDF" أو Ctrl+P)
   نسخة ورقية نظيفة: بلا قوائم ولا أزرار، مكونات مسطّحة، فراغات للكتابة،
   و"مفتاح الإجابات" فآخر الورقة (كيتولّد من learn.js قبل الطباعة)
   ============================================================ */
.ls-print-head, .ls-print-key { display: none; }
@media print {
    @page { size: A4; margin: 14mm 14mm 16mm; }
    /* حتى لو كان الزائر فالوضع الليلي: الورقة دائماً فاتحة */
    html[data-theme=dark], html[data-theme="dark"] body {
        --dm-bg: #fff; --dm-bg2: #fff; --dm-bg3: #fff; --dm-text: #111; --dm-muted: #555; --dm-border: #ccc;
        --clr-text: #111; --clr-muted: #555; color-scheme: light;
    }
    .article-body p, .article-body li, .article-body td, .article-body span { color: inherit; }
    html, body { background: #fff !important; }
    body { color: #111 !important; font-size: 11pt !important; line-height: 1.75 !important; }
    *, *::before, *::after { box-shadow: none !important; text-shadow: none !important; animation: none !important; transition: none !important; }

    /* كل ما ليس محتوى الدرس */
    .mt-breaking, .topbar, .site-header, .site-footer, .sidebar, .single-sidebar, .breaking-news, .mobile-nav, .nav-overlay,
    #page-wrapper > :not(.site-main), .cookie-notice, #cookie-notice, .mt-cookie, .ls-progress-bar, .reading-progress,
    #comments, .comments-area, .comment-respond, .mt-reactions, .share-buttons, .back-to-top, #back-to-top,
    .article-meta-bar, .article-thumbnail, .ls-done, .ls-lnav, .ls-book, .lesson-cta-box, .ls-print-btn,
    .ls-dlg__tools, .ls-dlg__say, .ls-voc__say, .ls-voc__flipall, .ls-voc__tip, .ls-voc__count,
    .ls-ex__actions, .ls-ex__score, .ls-ex__mark, .ls-quiz__result, .ls-quiz__progress, .ls-quiz__why,
    .ls-ord__acts, .ls-ord__res, .ls-voc__tip, .ls-smp, .ls-conj__say-cell, .ls-pron__ico, .ls-wotd,
    .toc, .mt-toc, .article-toc, iframe, video { display: none !important; }

    #page-wrapper, .site-main, .container, .single-container, .single-content-area, .single-article, .main-container {
        display: block !important; width: auto !important; max-width: none !important; margin: 0 !important;
        padding: 0 !important; border: 0 !important; background: none !important;
    }

    /* رأس الورقة */
    .ls-print-head { display: flex !important; justify-content: space-between; gap: 10px; padding-bottom: 6px; margin-bottom: 10px; border-bottom: 1.5px solid #111; font-size: 8.5pt; color: #444; }
    .ls-print-head b { color: #111; font-size: 10pt; }
    .article-header { margin: 0 0 10px !important; padding: 0 !important; }
    .article-title { font-size: 19pt !important; line-height: 1.4 !important; margin: 2px 0 6px !important; color: #000 !important; }
    .lesson-badges { display: flex !important; gap: 6px; margin: 0 !important; }
    .lesson-badge { background: none !important; border: 1px solid #999 !important; color: #333 !important; padding: 0 8px !important; font-size: 8.5pt !important; }
    .lesson-badge i { display: none; }

    /* النص */
    .article-body { font-size: 11pt !important; color: #111 !important; }
    .article-body h2, .article-body h3 { break-after: avoid; page-break-after: avoid; color: #000 !important; margin: 14px 0 6px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 14pt !important; }
    .article-body h2::before, .article-body h2::after, .article-body h3::before, .article-body h3::after { display: none !important; }
    .article-body p { orphans: 3; widows: 3; margin: 0 0 8px !important; }
    .article-body img { max-height: 70mm; width: auto !important; max-width: 100% !important; }
    .article-body a { color: #111 !important; text-decoration: none !important; }
    a[href]::after { content: none !important; }

    /* المكونات: مسطّحة، إطار رمادي خفيف، وتقبل الانقسام بين الصفحات */
    .ls-dlg, .ls-ex, .ls-voc, .ls-quiz, .ls-ord, .ls-conj, .mt-alert, .ls-pron {
        background: none !important; border: 1px solid #bbb !important; border-radius: 8px !important;
        padding: 8px 10px !important; margin: 8px 0 12px !important; break-inside: auto !important;
    }
    .ls-dlg__head, .ls-ex__head, .ls-voc__head, .ls-quiz__head, .ls-conj__head { margin: 0 0 6px !important; padding: 0 !important; background: none !important; border: 0 !important; break-after: avoid; }
    .ls-dlg__badge, .ls-ex__badge, .ls-learn-badge, .ls-conj__tense { background: none !important; border: 1px solid #999; color: #333 !important; padding: 0 7px !important; font-size: 8pt !important; }
    .ls-learn-title, .ls-dlg__title, .ls-ex__title { font-size: 12pt !important; color: #000 !important; }
    .ls-dlg__row, .ls-ex__item, .ls-quiz__q, .ls-ord__item, .ls-voc__card, .ls-conj__table tr { break-inside: avoid; page-break-inside: avoid; }

    /* حوار */
    .ls-dlg__list { gap: 5px !important; }
    .ls-dlg__row { max-width: 100% !important; }
    .ls-dlg__avatar { width: 22px !important; height: 22px !important; font-size: 8pt !important; background: none !important; color: #111 !important; border: 1px solid #777; }
    .ls-dlg__bubble { padding: 4px 10px !important; border: 1px solid #ccc !important; background: none !important; border-radius: 8px !important; }
    .ls-dlg__name { color: #000 !important; }
    .ls-dlg__line { font-size: 10.5pt !important; line-height: 1.6 !important; color: #111 !important; }
    .ls-dlg__tr { display: block !important; color: #555 !important; font-size: 9.5pt !important; border-top: 1px dotted #ccc !important; margin-top: 2px !important; padding-top: 2px !important; }

    /* مفردات: جدول بسيط (الكلمة — الترجمة — المثال) */
    .ls-voc__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; border-top: 1px solid #ddd; }
    .ls-voc__card { height: auto !important; perspective: none !important; border-bottom: 1px solid #ddd; }
    .ls-voc__inner { transform: none !important; display: flex !important; align-items: baseline; gap: 8px; padding: 5px 4px; }
    .ls-voc__face { position: static !important; inset: auto !important; transform: none !important; backface-visibility: visible !important; -webkit-backface-visibility: visible !important;
        display: block !important; padding: 0 !important; border: 0 !important; background: none !important; color: #111 !important; text-align: start !important; }
    .ls-voc__front { flex: 1; order: 1; }
    .ls-voc__back { order: 0; flex: 0 0 38%; font-weight: 800; }
    .ls-voc__word { font-size: 11pt !important; color: #000 !important; }
    .ls-voc__ex { display: block; font-size: 8.5pt !important; color: #555 !important; }
    .ls-voc__tr { font-size: 10.5pt !important; }
    .ls-voc__small { display: none !important; }

    /* تمرين: خطوط فارغة للكتابة */
    .ls-ex__list, .ls-quiz__list, .ls-ord__list { gap: 4px !important; margin-top: 4px !important; }
    .ls-ex__item, .ls-quiz__q, .ls-ord__item { border: 0 !important; border-bottom: 1px dotted #ccc !important; border-radius: 0 !important; background: none !important; padding: 4px 2px !important; }
    .ls-ex__num, .ls-quiz__n, .ls-ord__item .ls-ex__num { background: none !important; color: #000 !important; border: 1px solid #777; width: 20px !important; height: 20px !important; font-size: 8.5pt !important; }
    .ls-ex__line { font-size: 11pt !important; line-height: 2 !important; color: #111 !important; }
    .ls-ex .ls-ex__in { color: transparent !important; background: none !important; border: 0 !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; min-width: 9ch !important; }
    .ls-ex__hint { color: #333 !important; margin: 2px 0 4px !important; }
    .ls-ex__bank { display: flex !important; margin: 4px 0 !important; }
    .ls-ex__word { border: 1px solid #999 !important; background: none !important; padding: 0 8px !important; color: #111 !important; font-size: 9.5pt !important; }
    .ls-ex__tr { color: #555 !important; }

    /* اختبار: دوائر للإجابة */
    .ls-quiz__text { margin: 0 0 4px !important; font-size: 11pt !important; }
    .ls-quiz__opts { display: flex !important; flex-wrap: wrap; gap: 4px 18px !important; }
    .ls-quiz__opt { width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; color: #111 !important; opacity: 1 !important; font-size: 10.5pt !important; }
    .ls-quiz__l { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 1px solid #333 !important; background: none !important; color: #111 !important; font-size: 8pt !important; }

    /* رتّب: الكلمات المخلوطة + خط فارغ */
    .ls-ord__tr { color: #555 !important; margin: 0 !important; }
    .ls-ord__answer { min-height: 26px !important; background: none !important; border: 0 !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; margin: 0 0 4px !important; order: 2; }
    .ls-ord__answer.is-empty::before { content: '' !important; }
    .ls-ord__item .ls-ex__body { display: flex; flex-direction: column; }
    .ls-ord__bank { order: 1; margin-bottom: 4px; }
    .ls-ord__w { border: 1px solid #999 !important; background: none !important; padding: 0 8px !important; font-size: 10pt !important; color: #111 !important; }

    /* تصريف ونطق */
    .ls-conj { padding: 0 !important; overflow: visible !important; }
    .ls-conj__head { padding: 6px 10px !important; border-bottom: 1px solid #bbb !important; }
    .ls-conj__verb, .ls-conj__form b { color: #000 !important; }
    .ls-conj__table td { padding: 3px 10px !important; background: none !important; border-top: 1px solid #e5e5e5 !important; }
    .ls-pron__list { gap: 4px 14px !important; }
    .ls-pron__item { border: 0 !important; background: none !important; padding: 0 !important; color: #111 !important; }
    .ls-pron__ar { background: none !important; border: 1px solid #bbb; color: #111 !important; }
    .mt-alert { border-inline-start: 4px solid #888 !important; }
    .mt-alert__icon { display: none !important; }

    /* مفتاح الإجابات */
    .ls-print-key { display: block !important; margin-top: 18px !important; padding-top: 10px; border-top: 2px dashed #999; break-inside: avoid-page; }
    .ls-print-key h2 { font-size: 15pt !important; margin: 0 0 8px !important; padding-bottom: 4px !important; border-bottom: 1.5px solid #111 !important; }
    .ls-print-key h3 { font-size: 11.5pt !important; margin: 10px 0 4px !important; }
    .ls-print-key ol { margin: 0 !important; padding-inline-start: 22px !important; }
    .ls-print-key li { margin: 0 0 2px !important; font-size: 10.5pt; }
    .ls-print-key .en { direction: ltr; unicode-bidi: isolate; font-weight: 700; }
}
.ls-quiz__why { direction: rtl; text-align: right; }