/* ══════════════════════════════════════════════════════════════
   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;
}