/* ══════════════════════════════════════════════════════════════
   custom-fixes.css
   ملف تعديلات يدوية بسيطة على الثيم — بيتحمّل آخر واحد في كل صفحة،
   فأي قاعدة هنا بتكسر (override) أي حاجة قبلها لو احتاج الأمر.
   ══════════════════════════════════════════════════════════════ */

/* ===== إخفاء الهيدر القديم من كل الصفحات ===== */
.top-header.singular-heading {
    display: none !important;
}

/* ===== تثبيت صورة المدرس ===== */
body img[alt="Professional Arabic teacher"] {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 600 !important;
    max-width: 100% !important;
    background-color: #e6e6e6;
    display: block !important;
    object-fit: cover;
}

/* ===== إعدادات Full Width للصفحة الرئيسية بس ===== */
.home * {
    max-width: 100% !important;
}

.home body,
.home .page-wrap,
.home .site-content,
.home .content-area,
.home main,
.home #primary,
.home .container,
.home .container-fluid,
.home .row,
.home [class*="col-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ===== عنوان المقال (H1) في البوستات فقط بخلفية بيضاء ===== */
.single-post .top-header.singular-heading {
    display: block !important;
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    background: #ffffff !important;
    background-image: none !important;
    padding: 40px 20px !important;
    margin: 0 !important;
}

.single-post .bg-single-image,
.single-post .single-image,
.single-post .top-header.singular-heading img {
    display: none !important;
}

.single-post .header-title {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.single-post h1.single-title {
    display: block !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1A2F6E !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative !important;
    clip: auto !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.3 !important;
}


/* ═══════════ إمكانية الوصول (Accessibility) ═══════════ */

/* 1) تباين الألوان: البرتقالي #E55A2B مع الأبيض نسبته 3.6:1 (المطلوب 4.5:1).
      بنغمّق درجة البرتقالي في الأزرار والنصوص الصغيرة بس، من غير ما نغيّر باقي الهوية. */
.qf-btn, .btn-submit, .btn-primary, .btn-orange-solid, .course-tag {
    background: #C04420;
    border-color: #C04420;
}
.qf-btn:hover, .btn-submit:hover, .btn-primary:hover, .btn-orange-solid:hover {
    background: #A33818;
    border-color: #A33818;
}
.section-label, .course-link, .lesson-tag { color: #B23A14; }
.team-section .section-label { color: var(--gold-light, #F5C842); }

/* 2) النصوص الرمادية الفاتحة (#7080A0 = 3.9:1) -> درجة أغمق (5.5:1) */
.rtp-note, .tes-info, .accred-label, .accred-sub,
.lesson-meta span, .lessons-note { color: #5A6A8A; }
.accred-sub { font-size: 11px; }

/* 3) مساحات اللمس: روابط الفوتر والقوانين مكانها أوسع */
.footer-links a { padding: 4px 0; }
.legal-link { display: inline-block; padding: 6px 4px; }
.contact-info-item a { display: inline-block; padding: 4px 0; }


/* ═══════════ المنيو: إخفاء المربع (الأيقونة المكسورة) ═══════════ */
/* حل بديل: إخفاء المربع فقط إذا كان في ::before */
.academy-header__nav .menu-item-has-children > a::before {
    content: "" !important;
    display: none !important;
}
.academy-mobile-menu .menu-item-has-children > a::before {
    content: "" !important;
    display: none !important;
}

/* ═══════════ صفحة البلوج الرئيسية: عنوان عادي ═══════════ */
.blog-page-header { padding: 48px 15px 8px; }
.blog-page-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.4rem;
    font-weight: 800;
    color: #1A2F6E;
    margin: 0 0 1.5rem;
    line-height: 1.2;
}
@media (max-width: 767px) { .blog-page-title { font-size: 1.9rem; } .blog-page-header { padding-top: 32px; } }