/*
Theme Name: Aljedyan
Author: Aljedyan Media Group
Description: Custom Arabic digital media theme for Aljedyan.
Version: 1.0.12
*/

/* =========================
   BASE
========================= */

* {
    box-sizing: border-box;
}

html {
    direction: rtl;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    background: #ffffff;
    color: #111111;
    font-family: Arial, sans-serif;
}

a {
    color: inherit;
}


/* =========================
   HEADER
========================= */

.alsaaha-header {
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    z-index: 999;
}

.alsaaha-header-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================
   MAIN ROW
========================= */

.alsaaha-header-main {
    width: 100%;
    background: #ffffff;
}

.alsaaha-header-main .alsaaha-header-container {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 38px;
}


/* =========================
   LOGO
========================= */

.alsaaha-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.alsaaha-logo img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.alsaaha-logo > a:not(.custom-logo-link) {
    text-decoration: none;
    color: #111111;
    font-size: 23px;
    font-weight: 800;
}


/* =========================
   MAIN NAV
========================= */

.alsaaha-main-nav {
    flex: 1;
}

.alsaaha-menu {
    display: flex;
    flex-direction: row;
    align-items: center;

    gap: 40px;

    list-style: none;

    margin: 0;
    padding: 0;
}

.alsaaha-menu > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.alsaaha-menu > li::marker {
    content: "";
}

.alsaaha-menu > li > a {
    display: flex;
    align-items: center;

    min-height: 72px;

    color: #111111;
    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    white-space: nowrap;
}

.alsaaha-menu > li > a:hover {
    opacity: 0.65;
}


/* سهم الأقسام التي تحتوي على أبناء */

.alsaaha-menu > li.menu-item-has-children > a::after {
    content: "⌄";
    display: inline-block;

    margin-right: 7px;

    font-size: 12px;
    font-weight: 400;
}


/* مهم:
   نخفي القائمة العمودية الأصلية تماماً
*/

.alsaaha-menu .sub-menu {
    display: none !important;
}


/* =========================
   LEFT TOOLS
========================= */

.alsaaha-header-tools {
    flex-shrink: 0;

    display: flex;
    flex-direction: row;
    align-items: center;

    gap: 20px;
}


/* YouTube */

.alsaaha-youtube {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 18px;

    border-radius: 30px;

    background: #050505;
    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 14px;
    font-weight: 600;
}

.alsaaha-youtube:hover {
    opacity: 0.8;
}


/* Search */

.alsaaha-search form {
    display: flex;
    align-items: center;
}

.alsaaha-search input {
    width: 0;
    opacity: 0;

    border: 0;
    outline: 0;

    font-family: inherit;

    transition: all 0.25s ease;
}

.alsaaha-search:hover input,
.alsaaha-search input:focus {
    width: 145px;
    opacity: 1;

    padding: 7px 8px;

    border-bottom: 1px solid #cccccc;
}

.alsaaha-search button {
    border: 0;
    padding: 5px;

    background: transparent;

    cursor: pointer;
    font-size: 20px;
}


/* =========================
   SECONDARY NEWS BAR
========================= */

/*
مخفي تماماً عند فتح الموقع.
لا يظهر إلا عندما JavaScript يضيف is-open
*/

.alsaaha-secondary-bar {
    display: none;

    width: 100%;

    background: #ffffff;

    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.alsaaha-secondary-bar.is-open {
    display: block;
}


/* نفس عرض الهيدر */

.alsaaha-secondary-container {
    min-height: 48px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    gap: 28px;
}


/* الآن */

.alsaaha-now {
    flex-shrink: 0;

    min-height: 48px;

    display: flex;
    align-items: center;

    color: #111111;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;

    position: relative;
}

.alsaaha-now::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: 0;

    width: 24px;
    height: 2px;

    background: #111111;
}


/* المنطقة التي يضع فيها JavaScript القائمة */

.alsaaha-secondary-nav {
    display: flex;
    align-items: center;
}


/* أهم جزء:
   إجبار القائمة على أن تكون أفقية
*/

.alsaaha-secondary-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 28px !important;

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.alsaaha-secondary-menu > li {
    display: block !important;

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.alsaaha-secondary-menu > li::marker {
    content: "" !important;
    display: none !important;
}

.alsaaha-secondary-menu > li > a {
    min-height: 48px;

    display: flex !important;
    align-items: center !important;

    color: #222222 !important;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 500;

    white-space: nowrap;
}

.alsaaha-secondary-menu > li > a:hover {
    color: #000000 !important;
}

.alsaaha-secondary-current {
    font-weight: 700 !important;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1050px) {

    .alsaaha-menu {
        gap: 22px;
    }

    .alsaaha-menu > li > a {
        font-size: 14px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 800px) {

    .alsaaha-header-container {
        width: calc(100% - 28px);
    }

    .alsaaha-main-nav {
        display: none;
    }

    .alsaaha-header-main .alsaaha-header-container {
        min-height: 62px;
    }

    .alsaaha-logo img {
        width: 50px;
        height: 50px;
    }

    .alsaaha-header-tools {
        margin-right: auto;
    }

    .alsaaha-secondary-container {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .alsaaha-secondary-container::-webkit-scrollbar {
        display: none;
    }

    .alsaaha-secondary-menu {
        flex-wrap: nowrap !important;
    }
}
/* ==================================================
   MOBILE MENU
================================================== */

/* مخفيان على الكمبيوتر */
.alsaaha-mobile-toggle,
.alsaaha-mobile-menu {
    display: none;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 800px) {

    /* الهيدر */
    .alsaaha-header-main .alsaaha-header-container {
        min-height: 64px;
        display: flex;
        align-items: center;
        gap: 16px;
    }

    /* إخفاء منيو الكمبيوتر */
    .alsaaha-main-nav {
        display: none !important;
    }


    /* زر الهامبرغر */
    .alsaaha-mobile-toggle {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        width: 38px;
        height: 38px;

        padding: 0;
        margin: 0;

        border: 0;
        background: transparent;

        cursor: pointer;

        gap: 5px;
    }

    .alsaaha-mobile-toggle span {
        display: block;

        width: 23px;
        height: 2px;

        background: #111111;

        border-radius: 10px;

        transition: 0.25s ease;
    }


    /* قائمة الموبايل مخفية في البداية */
    .alsaaha-mobile-menu {
        display: none;

        width: 100%;

        background: #ffffff;

        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

    /* تظهر فقط بعد الضغط على ☰ */
    .alsaaha-mobile-menu.is-open {
        display: block;
    }


    .alsaaha-mobile-menu-inner {
        width: calc(100% - 30px);
        margin: 0 auto;

        padding: 15px 0 22px;
    }


    /* إزالة النقاط */
    .alsaaha-mobile-nav,
    .alsaaha-mobile-nav ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .alsaaha-mobile-nav li {
        list-style: none !important;
        margin: 0;
        padding: 0;
    }

    .alsaaha-mobile-nav li::marker {
        content: "";
    }


    /* الأقسام الرئيسية */
    .alsaaha-mobile-nav > li {
        border-bottom: 1px solid #eeeeee;
    }

    .alsaaha-mobile-nav > li > a {
        display: block;

        padding: 14px 3px;

        color: #111111;
        text-decoration: none;

        font-size: 17px;
        font-weight: 700;
    }


    /* الأقسام الفرعية داخل قائمة الموبايل */
    .alsaaha-mobile-nav .sub-menu {
        display: none !important;
    }


    /* الشعار */
    .alsaaha-logo {
        margin-left: 0;
    }


    /* أدوات الهاتف */
    .alsaaha-header-tools {
        margin-right: auto;
        gap: 12px;
    }


    /* يوتيوب أصغر قليلًا */
    .alsaaha-youtube {
        padding: 8px 14px;
        font-size: 13px;
    }


    /* الشريط الفرعي */
    .alsaaha-secondary-bar.is-open {
        display: block !important;
    }

    .alsaaha-secondary-container {
        width: 100% !important;

        min-height: 44px;

        padding: 0 15px;

        overflow-x: auto;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        gap: 22px !important;

        scrollbar-width: none;
    }

    .alsaaha-secondary-container::-webkit-scrollbar {
        display: none;
    }

    .alsaaha-secondary-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        gap: 23px !important;
    }

    .alsaaha-secondary-menu > li > a {
        min-height: 44px;

        font-size: 14px;

        white-space: nowrap;
    }

    .alsaaha-now {
        min-height: 44px;
        font-size: 14px;
    }
}

/* ==================================================
   ترتيب عناصر هيدر الموبايل
================================================== */

@media (max-width: 800px) {

    .alsaaha-header-main .alsaaha-header-container {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    /* الشعار أقصى اليمين */
    .alsaaha-logo {
        order: 1;
        margin: 0;
    }

    /* يوتيوب + البحث ناحية اليسار */
    .alsaaha-header-tools {
        order: 2;
        margin-right: auto;
        margin-left: 0;
        gap: 12px;
    }

    /* ☰ آخر عنصر في أقصى اليسار */
    .alsaaha-mobile-toggle {
        order: 3;
        flex-shrink: 0;
        margin: 0;
    }

}

/* ==================================================
   AL SAAHA FOOTER
================================================== */

.alsaaha-footer {
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e7e7e7;
    margin-top: 70px;
    padding: 55px 0 38px;
    direction: rtl;
}

.alsaaha-footer-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.1fr 1.1fr 1.1fr 1.1fr 1.3fr;
    gap: 55px;

    align-items: start;
}


/* =========================
   عناوين الأعمدة
========================= */

.alsaaha-footer-column h3 {
    margin: 0 0 22px;
    padding: 0;

    font-size: 19px;
    font-weight: 700;

    color: #3c3c3c;
}


/* =========================
   روابط الفوتر
========================= */

.alsaaha-footer-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.alsaaha-footer-column li {
    list-style: none;
    margin: 0 0 13px;
    padding: 0;
}

.alsaaha-footer-column li::marker {
    content: "";
}

.alsaaha-footer-column a {
    color: #666666;
    text-decoration: none;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.7;

    transition: color 0.2s ease;
}

.alsaaha-footer-column a:hover {
    color: #111111;
}


/* =========================
   تابع الساحة
========================= */

.alsaaha-footer-follow-text {
    margin: 0 0 18px;

    color: #666666;

    font-size: 14px;
    line-height: 1.8;
}

.alsaaha-footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;
}

.alsaaha-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 17px;

    background: #111111;
    color: #ffffff !important;

    border-radius: 30px;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;
}

.alsaaha-footer-social a:hover {
    opacity: 0.8;
}


/* =========================
   شعار الساحة وحقوق النشر
========================= */

.alsaaha-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.alsaaha-footer-logo {
    margin-bottom: 22px;
}

.alsaaha-footer-logo .custom-logo-link {
    display: block;
}

.alsaaha-footer-logo img {
    display: block;

    width: 85px !important;
    height: 85px !important;

    max-width: 85px !important;

    object-fit: contain;

    margin: 0 auto;
}

.alsaaha-footer-brand p {
    margin: 0;

    color: #777777;

    font-size: 13px;
    line-height: 1.8;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1000px) {

    .alsaaha-footer-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 45px 35px;
    }

    .alsaaha-footer-brand {
        align-items: flex-start;
        text-align: right;
    }

    .alsaaha-footer-logo img {
        margin: 0;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 700px) {

    .alsaaha-footer {
        margin-top: 45px;
        padding: 38px 0 28px;
    }

    .alsaaha-footer-container {
        width: calc(100% - 32px);

        grid-template-columns: 1fr 1fr;

        gap: 35px 25px;
    }

    .alsaaha-footer-column h3 {
        font-size: 17px;
        margin-bottom: 16px;
    }

    .alsaaha-footer-column li {
        margin-bottom: 9px;
    }

    .alsaaha-footer-column a {
        font-size: 14px;
    }

    .alsaaha-footer-brand {
        grid-column: 1 / -1;

        padding-top: 25px;

        border-top: 1px solid #eeeeee;

        align-items: center;
        text-align: center;
    }

    .alsaaha-footer-logo img {
        width: 70px !important;
        height: 70px !important;
        max-width: 70px !important;

        margin: 0 auto;
    }
}


/* ==================================================
   SMALL MOBILE
================================================== */

@media (max-width: 450px) {

    .alsaaha-footer-container {
        grid-template-columns: 1fr;
    }

    .alsaaha-footer-column {
        padding-bottom: 18px;
        border-bottom: 1px solid #eeeeee;
    }

    .alsaaha-footer-brand {
        border-bottom: 0;
    }
}
/* ==================================================
   FOOTER TYPOGRAPHY + SOCIAL
================================================== */

body {
    font-family: 'Tajawal', sans-serif;
}

.alsaaha-footer {
    padding-top: 65px;
    padding-bottom: 45px;
}

.alsaaha-footer-column h3 {
    font-family: 'Tajawal', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 25px;
}

.alsaaha-footer-column li {
    margin-bottom: 12px;
}

.alsaaha-footer-column a {
    font-family: 'Tajawal', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
    color: #5e5e5e;
}

.alsaaha-footer-follow-text {
    font-size: 16px;
    line-height: 1.9;
    color: #666666;
    max-width: 230px;
}

.alsaaha-footer-brand p {
    font-size: 15px;
    color: #666666;
    line-height: 1.8;
}


/* Social icons */

.alsaaha-footer-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
}

.alsaaha-footer-social a {
    width: 38px;
    height: 38px;

    padding: 0 !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: transparent !important;

    border-radius: 50%;

    text-decoration: none !important;

    transition: transform .2s ease, opacity .2s ease;
}

.alsaaha-footer-social a:hover {
    transform: translateY(-2px);
    opacity: .75;
}

.alsaaha-footer-social svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
}


/* ألوان السوشيال */

.social-facebook {
    color: #1877f2 !important;
}

.social-youtube {
    color: #ff0000 !important;
}

.social-instagram {
    color: #e1306c !important;
}

.social-x {
    color: #111111 !important;
}

.social-tiktok {
    color: #111111 !important;
}

.social-telegram {
    color: #229ed9 !important;
}


/* الشعار */

.alsaaha-footer-logo img {
    width: 95px !important;
    height: 95px !important;
    max-width: 95px !important;
}


/* Mobile */

@media (max-width: 700px) {

    .alsaaha-footer-column h3 {
        font-size: 20px;
    }

    .alsaaha-footer-column a {
        font-size: 16px;
    }

    .alsaaha-footer-follow-text {
        font-size: 15px;
    }

}

/* ==================================================
   FIX SOCIAL ICON COLORS
================================================== */

.alsaaha-footer-social a.social-facebook {
    color: #1877F2 !important;
}

.alsaaha-footer-social a.social-x {
    color: #111111 !important;
}

.alsaaha-footer-social a.social-youtube {
    color: #FF0000 !important;
}

.alsaaha-footer-social a.social-instagram {
    color: #E1306C !important;
}

.alsaaha-footer-social a.social-tiktok {
    color: #111111 !important;
}

.alsaaha-footer-social a.social-telegram {
    color: #229ED9 !important;
}

.alsaaha-footer-social a svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    fill: currentColor !important;
}

/* تكبير أيقونات السوشيال */
.alsaaha-footer-social {
    gap: 18px;
    margin-top: 20px;
}

.alsaaha-footer-social a {
    width: 34px;
    height: 34px;
}

.alsaaha-footer-social a i {
    font-size: 22px;
}

/* تكبير أيقونات السوشيال */
.alsaaha-footer-social {
    gap: 18px;
    margin-top: 20px;
}

.alsaaha-footer-social a {
    width: 34px;
    height: 34px;
}

.alsaaha-footer-social a i {
    font-size: 22px;
}
/* ==========================================
   FOOTER BRAND - العمود الخامس
========================================== */

.alsaaha-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.alsaaha-footer-logo {
    margin: 0 0 22px;
}

.alsaaha-footer-logo img {
    width: 125px !important;
    height: 125px !important;
    max-width: 125px !important;
    object-fit: contain;
}

.alsaaha-footer-brand p {
    margin: 0;
    max-width: 210px;
    font-size: 15px;
    line-height: 1.9;
    color: #666666;
}

/* ==================================================
   HOMEPAGE - HERO SECTION
================================================== */

.alsaaha-home {
    width: 100%;
    background: #ffffff;
}

.alsaaha-home-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* المنطقة الرئيسية */

.alsaaha-hero {
    padding: 35px 0 0;
}

.alsaaha-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    grid-template-areas: "main side";
    gap: 24px;

    direction: ltr;
}

.alsaaha-hero-main {
    grid-area: main;
    direction: rtl;
}

.alsaaha-hero-side {
    grid-area: side;
    direction: rtl;
}


/* ==================================================
   الخبر الرئيسي الكبير
================================================== */

.alsaaha-main-story {
    width: 100%;
    height: 500px;
    margin: 0;

    position: relative;
    overflow: hidden;

    background: #e9edf3;
}

.alsaaha-main-story-link {
    width: 100%;
    height: 100%;

    display: block;

    position: relative;

    color: #ffffff;
    text-decoration: none;
}

.alsaaha-main-story-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.alsaaha-main-story-placeholder {
    width: 100%;
    height: 100%;

    background: #dfe4eb;
}


/* التدرج فوق الصورة */

.alsaaha-main-story-link::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.78) 0%,
            rgba(0,0,0,.35) 42%,
            rgba(0,0,0,0) 72%
        );
}


/* النص فوق الصورة */

.alsaaha-main-story-overlay {
    position: absolute;

    right: 32px;
    left: 32px;
    bottom: 30px;

    z-index: 2;
}

.alsaaha-main-category {
    display: inline-block;

    margin-bottom: 13px;
    padding: 6px 11px;

    background: #2454ff;
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
}

.alsaaha-main-story-title {
    margin: 0 0 13px;

    color: #ffffff;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.35;
}

.alsaaha-main-story-meta {
    color: rgba(255,255,255,.9);

    font-size: 14px;
}


/* ==================================================
   الأربع أخبار الجانبية
================================================== */

.alsaaha-hero-side {
    display: flex;
    flex-direction: column;

    background: #f5f6f8;

    padding: 20px;
}

.alsaaha-side-story {
    display: grid;

    grid-template-columns: 105px 1fr;

    gap: 15px;

    padding: 0 0 16px;
    margin: 0 0 16px;

    border-bottom: 1px solid #dddddd;
}

.alsaaha-side-story:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.alsaaha-side-story-image-link {
    display: block;
    width: 105px;
    height: 82px;

    overflow: hidden;

    background: #e4e6e9;
}

.alsaaha-side-story-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.alsaaha-side-story-placeholder {
    width: 100%;
    height: 100%;

    background: #e4e6e9;
}

.alsaaha-side-story-content {
    min-width: 0;
}

.alsaaha-side-story-title {
    margin: 0 0 8px;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}

.alsaaha-side-story-title a {
    color: #111111;
    text-decoration: none;
}

.alsaaha-side-story-title a:hover {
    opacity: .65;
}

.alsaaha-side-story-date {
    color: #777777;

    font-size: 12px;
}


/* ==================================================
   شريط آخر الأخبار
================================================== */

.alsaaha-news-ticker {
    min-height: 52px;

    display: flex;
    align-items: stretch;

    margin-top: 12px;

    border: 1px solid #e4e4e4;

    overflow: hidden;
}

.alsaaha-news-ticker-label {
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 140px;

    padding: 0 20px;

    background: #2454ff;
    color: #ffffff;

    font-size: 15px;
    font-weight: 700;
}

.alsaaha-news-ticker-content {
    flex: 1;

    display: flex;
    align-items: center;

    gap: 35px;

    padding: 0 20px;

    overflow-x: auto;

    white-space: nowrap;

    scrollbar-width: none;
}

.alsaaha-news-ticker-content::-webkit-scrollbar {
    display: none;
}

.alsaaha-news-ticker-content a {
    color: #222222;

    text-decoration: none;

    font-size: 14px;
}

.alsaaha-news-ticker-content a:hover {
    text-decoration: underline;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 950px) {

    .alsaaha-hero-grid {
        grid-template-columns: 1fr;
        grid-template-areas: "side main";
         gap: 24px;
    }

    .alsaaha-hero-side {
        display: grid;
        grid-template-columns: 1fr 1fr;

        gap: 18px;
    }

    .alsaaha-side-story {
        margin: 0;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 700px) {

    .alsaaha-home-container {
        width: calc(100% - 28px);
    }

    .alsaaha-hero {
        padding-top: 18px;
    }

    .alsaaha-main-story {
        height: 340px;
    }

    .alsaaha-main-story-overlay {
        right: 20px;
        left: 20px;
        bottom: 20px;
    }

    .alsaaha-main-story-title {
        font-size: 25px;
    }

    .alsaaha-hero-side {
        grid-template-columns: 1fr;

        padding: 16px;
    }

    .alsaaha-news-ticker {
        min-height: 48px;
    }

    .alsaaha-news-ticker-label {
        min-width: 105px;

        padding: 0 12px;

        font-size: 13px;
    }

    .alsaaha-news-ticker-content {
        padding: 0 14px;

        gap: 25px;
    }

}

/* ==================================================
   FIX HOMEPAGE HERO POSITION
   الكبير يمين - الصغير يسار
================================================== */

.alsaaha-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) minmax(0, 2fr) !important;
    grid-template-areas: none !important;
    gap: 24px !important;
    direction: ltr !important;
}

/* العمود الصغير أقصى اليسار */
.alsaaha-hero-side {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* السلايدر الكبير أقصى اليمين */
.alsaaha-hero-main {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* ==================================================
   FINAL MOBILE HOMEPAGE FIX
================================================== */

@media (max-width: 700px) {

    /* مساحة الرئيسية */
    .alsaaha-home-container {
        width: calc(100% - 28px) !important;
        margin: 0 auto !important;
    }

    .alsaaha-hero {
        padding-top: 18px !important;
    }

    /* إلغاء توزيع الكمبيوتر نهائياً على الهاتف */
    .alsaaha-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 16px !important;
    }

    /* الخبر الكبير أولاً */
    .alsaaha-hero-main {
        width: 100% !important;
        grid-column: auto !important;
        grid-row: auto !important;
        order: 1 !important;
    }

    .alsaaha-main-story {
        width: 100% !important;
        height: 330px !important;
    }

    .alsaaha-main-story-image,
    .alsaaha-main-story-placeholder {
        width: 100% !important;
        height: 100% !important;
    }

    .alsaaha-main-story-overlay {
        right: 18px !important;
        left: 18px !important;
        bottom: 18px !important;
    }

    .alsaaha-main-story-title {
        font-size: 24px !important;
        line-height: 1.45 !important;
    }

    /* الأخبار الصغيرة تحت الخبر الرئيسي */
    .alsaaha-hero-side {
        width: 100% !important;
        grid-column: auto !important;
        grid-row: auto !important;
        order: 2 !important;

        display: flex !important;
        flex-direction: column !important;

        padding: 0 !important;
        background: #ffffff !important;
    }

    .alsaaha-side-story {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 120px 1fr !important;

        gap: 14px !important;

        padding: 12px 0 !important;
        margin: 0 !important;

        border-bottom: 1px solid #eeeeee !important;
    }

    .alsaaha-side-story-image-link {
        width: 120px !important;
        height: 85px !important;
    }

    /* شريط آخر الأخبار */
    .alsaaha-news-ticker {
        width: 100% !important;
        min-height: 48px !important;

        margin-top: 12px !important;

        overflow: hidden !important;
    }

    .alsaaha-news-ticker-label {
        min-width: 105px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }

    .alsaaha-news-ticker-content {
        min-width: 0 !important;
        overflow-x: auto !important;
        padding: 0 12px !important;
    }

}