/*
 * الصفحة الرئيسية العامة: دفء وهوية أقل «قالبية».
 * ورق دافئ بدل الرمادي الباهت، خط نسخ (Amiri) للعناوين، لمسة ذهبية وزخرفة هندسية
 * خفيفة، وتفاصيل أقل تكرارًا. يُحمَّل بعد index.css فيغلب عليه.
 */
body.public-index-v11 {
    --lp-ink: #0f2b27;
    --lp-bg: #fbf7ef;
    --lp-surface: #fffdf8;
    --lp-soft: #f4ecdc;
    --lp-line: #e7dcc6;
    --lp-primary: #0b6b60;
    --lp-primary-dark: #064c44;
    --lp-primary-soft: #e6f1ec;
    --lp-accent: #a97e2f;
    --lp-accent-soft: #f6ecd6;
    --lp-display: "Amiri", "Cairo", serif;
    --lp-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23a97e2f' stroke-opacity='.11' stroke-width='1'%3E%3Crect x='18' y='18' width='36' height='36'/%3E%3Crect x='18' y='18' width='36' height='36' transform='rotate(45 36 36)'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E");
    --lp-tile-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e6c987' stroke-opacity='.07' stroke-width='1'%3E%3Crect x='18' y='18' width='36' height='36'/%3E%3Crect x='18' y='18' width='36' height='36' transform='rotate(45 36 36)'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E");
    background: var(--lp-bg);
}

/* ---------- العناوين بخط النسخ ---------- */
body.public-index-v11 .lp-hero h1,
body.public-index-v11 .lp-section__head h2,
body.public-index-v11 .lp-student-start h2,
body.public-index-v11 .lp-support h2,
body.public-index-v11 .lp-ranking h2,
body.public-index-v11 .lp-philosophy h2,
body.public-index-v11 .lp-contact h2 {
    font-family: var(--lp-display);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
}
body.public-index-v11 .lp-hero h1 { font-size: clamp(2.5rem, 4.8vw, 4.3rem); }
body.public-index-v11 .lp-hero h1 span { color: var(--lp-primary); }

/* ---------- الأسطر التمهيدية: نجمة ذهبية بدل الكبسولة ---------- */
body.public-index-v11 .lp-overline {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    color: var(--lp-accent);
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: 0;
}
body.public-index-v11 .lp-overline i { display: none; }
body.public-index-v11 .lp-overline::before { content: "✦"; font-size: .8em; }
body.public-index-v11 .lp-support .lp-overline { color: #e2c27a; }

/* البسملة أعلى الهيرو */
body.public-index-v11 .lp-basmala {
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--lp-accent);
    font-family: var(--lp-display);
    font-size: 1.45rem;
    font-weight: 700;
}
body.public-index-v11 .lp-basmala::after {
    content: "";
    flex: 0 1 90px;
    height: 1px;
    background: linear-gradient(90deg, var(--lp-accent), transparent);
    opacity: .6;
}

/* ---------- الهيرو ---------- */
body.public-index-v11 .lp-hero {
    position: relative;
    background: var(--lp-bg);
    border-bottom: 1px solid var(--lp-line);
}
body.public-index-v11 .lp-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--lp-tile);
    -webkit-mask-image: radial-gradient(ellipse 60% 70% at 12% 20%, #000 0%, transparent 70%);
    mask-image: radial-gradient(ellipse 60% 70% at 12% 20%, #000 0%, transparent 70%);
}
body.public-index-v11 .lp-hero > .lp-container { position: relative; z-index: 1; }
body.public-index-v11 .lp-hero__lead { color: #55675f; }
body.public-index-v11 .lp-hero { padding-bottom: 64px; }

/* بطاقة الآية: إطار مصحف ذهبي */
body.public-index-v11 .lp-hero__aside {
    background:
        radial-gradient(circle at 80% 0%, rgba(214, 178, 96, .16), transparent 55%),
        var(--lp-tile-dark),
        #0f3a34;
    border-radius: 20px;
    outline: 1px solid rgba(214, 178, 96, .45);
    outline-offset: -12px;
    box-shadow: 0 24px 50px rgba(15, 43, 39, .18);
}
body.public-index-v11 .lp-hero__verse span {
    font-family: var(--lp-display);
    color: #f2e2b6;
    font-size: clamp(2rem, 3.2vw, 2.9rem);
    line-height: 1.6;
}
body.public-index-v11 .lp-hero__verse small { color: rgba(242, 226, 182, .7); }
body.public-index-v11 .lp-hero__stats dt { font-family: var(--lp-display); color: #f2e2b6; }

/* ---------- تسجيل الطالب ---------- */
body.public-index-v11 .lp-student-start {
    background: var(--lp-soft);
    border-bottom: 1px solid var(--lp-line);
}

/* ---------- الداعمون: أخضر عميق مع زخرفة خفيفة ---------- */
body.public-index-v11 .lp-support {
    position: relative;
    background: #0e3a34;
    border-block: 0;
    padding: 56px 0;
    overflow: hidden;
}
body.public-index-v11 .lp-support::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--lp-tile-dark);
    opacity: 1;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 65%);
    mask-image: linear-gradient(90deg, #000, transparent 65%);
}
body.public-index-v11 .lp-support > .lp-container { position: relative; z-index: 1; }
body.public-index-v11 .lp-support__features article > span {
    background: rgba(214, 178, 96, .14);
    color: #e6c987;
}

/* ---------- الكروت: ورقية بحدود رفيعة بدل الظلال ---------- */
body.public-index-v11 .lp-group,
body.public-index-v11 .lp-teacher,
body.public-index-v11 .lp-ranking,
body.public-index-v11 .lp-toolbar {
    background: var(--lp-surface);
    border: 1px solid var(--lp-line);
    box-shadow: none;
}
body.public-index-v11 .lp-group:hover,
body.public-index-v11 .lp-teacher:hover { border-color: var(--lp-accent); box-shadow: 0 10px 26px rgba(15, 43, 39, .06); }
body.public-index-v11 .lp-teachers { background: #fffaf0; }
body.public-index-v11 .lp-community { background: var(--lp-bg); }
body.public-index-v11 .lp-group h3,
body.public-index-v11 .lp-teacher h3 { font-family: var(--lp-display); font-size: 1.3rem; font-weight: 700; }
body.public-index-v11 .lp-group__fee { color: var(--lp-primary-dark); font-weight: 800; }

/* صف الترتيب: رقم بذهبي لأول ثلاثة */
body.public-index-v11 .lp-rank-row:nth-child(-n+3) .lp-rank-row__number {
    background: var(--lp-accent-soft);
    color: var(--lp-accent);
}

/* ---------- فاصل زخرفي بين الأقسام الرئيسية ---------- */
body.public-index-v11 .lp-section { position: relative; }
body.public-index-v11 .lp-section + .lp-section::before {
    content: "✦";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 12px;
    color: var(--lp-accent);
    background: var(--lp-bg);
    font-size: .9rem;
    line-height: 24px;
}
body.public-index-v11 .lp-teachers + .lp-community::before { background: var(--lp-bg); }

/* ---------- الفوتر: حديث بدل جملة تسويقية ---------- */
body.public-index-v11 .lp-footer {
    background: #0e3a34;
    color: rgba(255, 255, 255, .78);
    border-top: 0;
}
body.public-index-v11 .lp-footer strong { color: #fff; }
body.public-index-v11 .lp-footer small { color: rgba(255, 255, 255, .6); }
body.public-index-v11 .lp-footer .lp-footer__promise {
    font-family: var(--lp-display);
    color: #f2e2b6;
    font-size: 1.25rem;
    font-weight: 700;
}