/* =================================================== */
        /* ============== إعدادات أساسية وتنسيقات عامة ========= */
        /* =================================================== */
        
        /* إعادة تعيين الهوامش والـ box-sizing */

        :root {
            --seyasa-primary-color: #073b4c; 
            --seyasa-primary-color-darker: #1a2e42;
            --seyasa-secondary-color: #E2B74A;
            --seyasa-tertiary-color: #38bdf8;
            --seyasa-brand-blue: #073b4c; 
            --seyasa-brand-gold: #ffd166;
            --seyasa-live-red-color: #f80000;
            --seyasa-border-color: #e2e8f0;
            --seyasa-border-color-2: #4a5568;
            --seyasa-text-color-dark: #1a202c;
            --seyasa-text-color-light: #718096;
            --seyasa-light-bg: #2d3748;

            --ks-header-brand-teal-dark: #0d4a5a;
            --ks-header-brand-gold: #e8b33a;
            --ks-header-brand-teal-light: #118ab2;
            --ks-header-text-dark: #212529;
            --ks-header-text-light: #f0f0f0;
            --ks-header-border-color: rgba(255, 255, 255, 0.25);
            --ks-header-light-bg: #f8f9fa;

            --ks-footer-brand-blue: #073b4c; 
            --ks-footer-brand-gold: #ffd166;
            --ks-footer-light-bg: #f8f9fa;
            --ks-footer-text-dark: #212529;
            --ks-footer-text-light: #6c757d;
            --ks-footer-border-color: #e9ecef;
            /* New colors for the glass effect */
            --ks-glass-text-primary: #ffffff;
            --ks-glass-text-secondary: #e0e0e0;
            --ks-glass-border-color: rgba(255, 255, 255, 0.25);
            --ks-glass-bg: rgb(241 241 241 / 50%); /* Semi-transparent background */
        }
        
        @import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "Noto Kufi Arabic", sans-serif;
            background-color: #013a5614; /* لون خلفية رمادي فاتح */
            color: #111827; /* لون النص الأساسي */
            line-height: 1.6;
        }

        .seyasa-container {
            width: 90%; /* استخدم نسبة مئوية */
            max-width: 1200px; /* مع تحديد حد أقصى للعرض */
            margin-left: auto;
            margin-right: auto;
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
        
        /* تنسيق عام للأقسام */
        .seyasa-section {
            margin-bottom: 1.5rem;
        }

        /* تنسيق عام لعناوين الأقسام */
        .seyasa-section-title {
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            padding-right: 1rem;
            border-right: 4px solid #3b82f6; /* لون افتراضي أزرق */
        }
        
        /* ألوان مختلفة لحدود العناوين */
        .seyasa-title-blue { border-color: #3b82f6; }
        .seyasa-title-red { border-color: #ef4444; }
        .seyasa-title-green { border-color: #22c55e; }
        .seyasa-title-purple { border-color: #8b5cf6; }
        .seyasa-title-yellow { border-color: #eab308; }
        
        /* صندوق المحتوى المؤقت (للاستبدال) */
        .seyasa-placeholder-box {
            background-color: #ffffff;
            border: 2px dashed #d1d5db;
            border-radius: 8px;
            padding: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
            color: #6b7280;
        }


        /* =================================================== */
        /* ================= الهيدر والفوتر ================== */
        /* =================================================== */

        .seyasa-header {
            background-color: #ffffff;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .seyasa-header .seyasa-placeholder-box {
            height: 4rem; /* 64px */
        }
        
        .seyasa-footer {
            background-color: #1f2937; /* لون رمادي غامق */
            color: #d1d5db;
        }
        
        .seyasa-footer .seyasa-placeholder-box {
            height: 6rem; /* 96px */
            border-color: #4b5563;
        }
        
        .seyasa-footer p {
            color: #9ca3af;
        }

        /* =================================================== */
        /* ============== تقسيمات المحتوى =================== */
        /* =================================================== */

        /* --- قسم بعرض كامل --- */
        .seyasa-full-width-section .seyasa-placeholder-box {
            height: 16rem; /* 256px */
        }
        
        /* --- قسم مع شريط جانبي (باستخدام Flexbox) --- */
        .seyasa-layout-with-sidebar {
            display: flex;
            flex-wrap: wrap; /* هذه الخاصية مهمة لترتيب العناصر على الجوال */
            gap: 1.5rem;
        }
        
        /* الوضع الافتراضي (للهاتف): كل عنصر يأخذ العرض الكامل */
        .seyasa-main-content,
        .seyasa-sidebar {
            width: 100%;
            min-width: 0; /* منع العناصر من التمدد بشكل غير مرغوب */
        }
        
        @media (min-width: 992px) {
            .seyasa-main-content {
                flex: 2 1;
            }
        
            .seyasa-sidebar {
                width: calc(35% - 0.75rem);
                flex-grow: 1;
                border-right: 2px solid var(--seyasa-border-color);
                padding-right: 1.5rem;
            }
        }



        /* إضافة حد وحشو فقط على الشاشات الكبيرة */
        @media (min-width: 992px) {
            .seyasa-sidebar {
                border-right: 2px solid #e5e7eb;
                padding-right: 1.5rem;
            }
        }
        
        .seyasa-main-content .seyasa-placeholder-box,
        .seyasa-sidebar .seyasa-placeholder-box {
            height: 24rem; /* 384px */
        }
        
        /* --- قسم شبكي للأخبار (باستخدام Grid) --- */
        .seyasa-featured-grid {
            display: grid;
            gap: 1.5rem;
            /* الأعمدة تتغير حسب حجم الشاشة */
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        }

        .seyasa-featured-grid .seyasa-placeholder-box {
            height: 12rem; /* 192px */
        }

        /* --- قسم الفيديو --- */
        .seyasa-video-section .seyasa-placeholder-box {
            padding: 1.5rem;
        }

        .seyasa-video-wrapper {
            background-color: #000000;
            width: 100%;
            height: 20rem; /* 320px */
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            margin-bottom: 1rem;
        }


        /* =================================================== */
        /* ============== الهيدر  =================== */
        /* =================================================== */


                .ks-header-container {
            max-width: 1720px;
            margin: 0 auto;
            padding: 0 1rem;
        }
        
        /* ---------------------------------- */
        /* --- START: Sticky Header Styles --- */
        /* ---------------------------------- */
        .ks-sticky-header {
            position: fixed;
            top: -150px; /* Initially hidden above the viewport */
            left: 0;
            width: 100%;
            z-index: 1020;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-bottom: 1px solid #e0e0e0;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transition: top 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            
            background: rgba(255, 255, 255, 0.75); /* خلفية بيضاء شبه شفافة */
            -webkit-backdrop-filter: blur(10px);  /* ضبابية للخلفية (للمتصفحات المبنية على Webkit) */
            backdrop-filter: blur(10px);          /* ضبابية للخلفية (للمتصفحات الحديثة) */
            border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* إطار سفلي زجاجي */
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1); /* ظل ناعم ومنتشر */
        }
        .ks-sticky-header.is-visible {
            top: 0; /* Slides into view */
        }
        .ks-sticky-header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 70px; /* Fixed height for sticky header */
            padding: 0 1rem;
            max-width: 1720px;
            margin: 0 auto;
        }

        /* Sticky Logo */
        .ks-sticky-header .ks-sticky-logo img {
            height: 55px;
        }

        /* Sticky Desktop Navigation */
        .ks-sticky-desktop-content {
            display: none; /* Hidden on mobile */
            align-items: center;
            gap: 1.5rem;
            width: 100%;
        }
        .ks-sticky-desktop-content .ks-sticky-nav-menu {
            list-style: none;
            display: flex;
            margin-right: 1.5rem;
        }
        .ks-sticky-desktop-content .ks-sticky-nav-menu a {
            display: block;
            padding: 0.5rem;
            text-decoration: none;
            color: var(--ks-header-text-dark);
            font-weight: 700;
            border-radius: 6px;
            transition: all 0.2s ease-in-out;
            text-align: center;
        }
        .ks-sticky-desktop-content .ks-sticky-nav-menu a:hover,
        .ks-sticky-desktop-content .ks-sticky-nav-menu a.active {
            color: var(--ks-header-brand-teal-dark);
            background-color: #e9ecef;
        }
        .ks-sticky-desktop-content .ks-sticky-search-btn {
            margin-right: auto; /* Pushes the search to the end */
        }
        
        /* Shared Search/Menu button styles */
        .ks-sticky-header .ks-sticky-btn {
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 8px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--ks-header-text-dark);
            transition: background-color 0.2s ease;
        }
        .ks-sticky-header .ks-sticky-btn:hover {
            background-color: #e9ecef;
        }

        /* Sticky Mobile Content */
        .ks-sticky-mobile-content {
            display: none; /* Hidden on desktop */
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        .ks-sticky-mobile-content .ks-sticky-logo-editor-flex {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .ks-sticky-mobile-content .ks-sticky-editor-card {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .ks-sticky-mobile-content .ks-sticky-editor-icon {
            width: 32px; height: 32px; border-radius: 50%; background-color: var(--ks-header-brand-teal-dark);
            color: #fff; display: flex; align-items: center; justify-content: center;
        }
        .ks-sticky-mobile-content .ks-sticky-editor-icon svg { width: 16px; height: 16px; }
        .ks-sticky-mobile-content .ks-sticky-editor-name { font-size: 0.9rem; font-weight: 700; color: var(--ks-header-brand-teal-dark); }
        .ks-sticky-mobile-actions {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        /* --- END: Sticky Header Styles --- */


        /* ------------------------------------- */
        /* --- START: Mobile Sidebar Styles --- */
        /* ------------------------------------- */
        .ks-mobile-sidebar {
            position: fixed;
            right: -350px; /* Initially hidden */
            width: 300px;
            z-index: 1030;
            transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            border-radius: 10px;

            /* --- Glass Effect --- */
            background-color: rgb(13 74 90 / 51%); /* Semi-transparent background */
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(10px);
            border-left: 1px solid rgba(255, 255, 255, 0.25);
            box-shadow: -4px 0 25px rgba(0,0,0,0.25);
        }
        .ks-mobile-sidebar.is-open {
            right: 10px; /* Slides in */
        }
        .ks-sidebar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Lighter border for glass */
            margin-bottom: 1rem;
        }
        .ks-sidebar-header h3 {
            font-weight: 800;
            color: #fff; /* White text for contrast */
        }
        .ks-sidebar-close-btn {
            background: none; 
            border: none; 
            font-size: 1.5rem; 
            cursor: pointer; 
            color: var(--ks-header-text-light); /* Light text for contrast */
        }
        .ks-sidebar-nav {
            list-style: none;
            overflow-y: auto;
            flex-grow: 1;
            padding-left: 1rem;
        }
        .ks-sidebar-nav::-webkit-scrollbar {
            width: 8px;
        }
        
        .ks-sidebar-nav::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }
        
        .ks-sidebar-nav::-webkit-scrollbar-thumb {
            background-color: rgba(255, 255, 255, 0.4);
            border-radius: 10px;
            border: 2px solid transparent;
            background-clip: content-box;
        }
        
        .ks-sidebar-nav::-webkit-scrollbar-thumb:hover {
            background-color: rgba(255, 255, 255, 0.6);
        }
        .ks-sidebar-nav li a {
            display: block;
            padding: 0.8rem 0.5rem;
            text-decoration: none;
            color: var(--ks-header-text-light); /* Light text for contrast */
            font-weight: 600;
            border-radius: 6px;
            transition: all 0.2s ease-in-out;
        }
        .ks-sidebar-nav li a:hover,
        .ks-sidebar-nav li a.active {
            background-color: rgba(255, 255, 255, 0.15); /* Highlight on hover/active */
            color: #fff;
        }
        .ks-sidebar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            z-index: 1025;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s, visibility 0.4s;
        }
        .ks-sidebar-overlay.is-visible {
            opacity: 1;
            visibility: visible;
        }
        /* --- END: Mobile Sidebar Styles --- */


        /* Main Header Wrapper */
        .ks-header-wrapper {
            width: 100%;
            transition: all 0.3s ease;
            background-image: url(https://www.skynewsarabia.com/asset/1643203809/F637CBC8FCE7347FC6B72EFFEC46FA70/assets/img/header/header_bg_v2.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            border-bottom: 1px solid var(--ks-header-border-color);
        }
        
        /* Top Bar */
        .ks-header-topbar {
            background: rgb(13 74 90 / 94%);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--ks-header-border-color);
            padding: 0.6rem 0;
            opacity: 0;
            animation: ks-fadeInDown 0.6s ease-out 0.2s forwards;
        }
        .ks-header-topbar .ks-header-topbar-container { display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem; }
        .ks-header-topbar .ks-header-date-weather { display: flex; align-items: center; gap: 0.5rem; color: var(--ks-header-text-light); font-weight: 600; padding: 0.3rem 0.75rem; border-radius: 50px; }
        .ks-header-topbar .ks-header-date-weather svg { stroke: var(--ks-header-text-light); }
        .ks-header-topbar-left { display: flex; align-items: center; gap: 1.5rem; }
        .ks-header-socials { display: flex; align-items: center; gap: 1rem; padding-left: 1.5rem; border-left: 1px solid var(--ks-header-border-color); }
        .ks-header-socials a { color: var(--ks-header-text-light); display: inline-flex; transition: color 0.3s ease, transform 0.3s ease; }
        .ks-header-socials a:hover { color: var(--ks-header-brand-gold); transform: translateY(-2px); }
        .ks-header-socials svg { width: 20px; height: 20px; }
        .ks-header-topbar .ks-header-login-btn { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--ks-header-text-light); font-weight: 600; transition: color 0.3s ease; }
        .ks-header-topbar .ks-header-login-btn:hover { color: var(--ks-header-brand-gold); }
        .ks-header-topbar .ks-header-login-btn svg { stroke: var(--ks-header-text-light); }

        /* Main Header Area (Logo, Ad) */
        .ks-header-main-area {
            padding: 1rem 0;
            opacity: 0;
            animation: ks-fadeInDown 0.6s ease-out 0.4s forwards;
        }
        .ks-header-main-area .ks-header-main-container { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
        .ks-header-logo-editor-flex { display: flex; gap: 1.5rem; align-items: center;}
        .ks-header-logo-editor-flex .ks-header-logo img { height: 100px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); filter: drop-shadow(0 2px 3px rgba(0,0,0,0.3)); }
        .ks-header-logo-editor-flex .ks-header-logo:hover img { transform: rotate(-3deg) scale(1.03); }
        
        .ks-header-logo-editor-flex .ks-header-editor-card { display: flex; align-items: center; gap: 0.75rem; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,0.5); border-radius: 50px; padding: 0.5rem; padding-left: 1rem; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer; }
        .ks-header-logo-editor-flex .ks-header-editor-card:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 5px 15px rgba(0,0,0,0.08); border-color: var(--ks-header-brand-gold); background-color: rgba(255,255,255,0.95); }
        .ks-header-editor-card .ks-header-editor-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--ks-header-brand-teal-dark); color: #fff; flex-shrink: 0; transition: all 0.3s ease; }
        .ks-header-logo-editor-flex .ks-header-editor-card:hover .ks-header-editor-icon { background-color: var(--ks-header-brand-gold); color: var(--ks-header-brand-teal-dark); transform: rotate(-15deg); }
        .ks-header-editor-card .ks-header-editor-text { display: flex; flex-direction: column; text-align: right; line-height: 1.3; }
        .ks-header-editor-card .ks-header-editor-title { font-size: 0.8rem; font-weight: 600; color: #6c757d; }
        .ks-header-editor-card .ks-header-editor-name { font-size: 1.1rem; font-weight: 700; color: var(--ks-header-brand-teal-dark); }
        .ks-header-ad-banner { width: 728px; height: 90px; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; color: #ccc; font-size: 1rem; flex-shrink: 0; border-radius: 8px; }
        .ks-header-ad-banner img { max-width: 100%; height: auto; display: block; border-radius: 8px; }

        /* Main Navigation Bar */
        .ks-main-nav { padding: 0.25rem 0.5rem; position: relative; z-index: 1010;}
        .ks-main-nav .ks-header-container { background: rgba(255, 255, 255, 0.25); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid var(--ks-header-border-color); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
        .ks-main-nav-menu { list-style: none; display: flex; align-items: center; padding-right: 0; }
        .ks-main-nav-menu > li > a { display: block; padding: 15px 10px; text-decoration: none; color: var(--ks-header-text-dark); font-weight: 700; position: relative; border-left: 1px solid var(--ks-header-border-color); transition: color 0.3s ease, background-color 0.3s ease; }
        .ks-main-nav-menu > li:first-child > a { border-right: 1px solid var(--ks-header-border-color); }
        .ks-main-nav-menu > li > a:hover { color: var(--ks-header-brand-teal-dark); background-color: rgba(255, 255, 255, 0.5); }
        .ks-main-nav-menu > li > a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: var(--ks-header-brand-teal-dark); transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
        .ks-main-nav-menu > li > a:hover::after, .ks-main-nav-menu > li > a.active::after { transform: scaleX(1); transform-origin: right; }
        .ks-main-nav-menu > li > a.active { color: var(--ks-header-brand-teal-dark); background-color: rgba(255, 255, 255, 0.4); }
        
        /* Dropdown Menu */
        .ks-main-nav-dropdown { position: relative; }
        .ks-main-nav-dropdown-content { position: absolute; top: 100%; right: 0; background: rgb(255 255 255 / 96%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.4); box-shadow: 0 8px 20px rgba(0,0,0,0.12); border-radius: 0 0 8px 8px; list-style: none; width: 220px; padding: 0.5rem 0; margin: 0; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(15px) scale(0.98); transform-origin: top right; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); display: block; }
        .ks-main-nav-dropdown:hover .ks-main-nav-dropdown-content { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
        .ks-main-nav-dropdown-content li a { display: flex; align-items: center; padding: 0.85rem 1.5rem; text-decoration: none; color: var(--ks-header-text-dark); font-weight: 600; transition: all 0.3s ease; }
        .ks-main-nav-dropdown-content li a:hover { background-color: var(--ks-header-brand-teal-dark); color: #fff; padding-right: 2rem; border-radius: 10px; }

        /* Desktop Search */
        .ks-desktop-search-wrapper {
            margin-right: auto;
            padding: 0 1rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        
        .ks-desktop-search-form-combined {
            display: flex;
            align-items: center;
            background-color: rgba(248, 249, 250, 0.7);
            border: 1px solid var(--ks-header-border-color);
            border-radius: 50px;
            padding: 0 0.25rem;
            transition: all 0.4s ease;
            overflow: hidden; /* لإخفاء العناصر التي ليس لها عرض */
        }
        
        /* زر البحث (الأيقونة) هو المشغل الآن */
        .ks-desktop-search-form-combined .ks-desktop-search-button {
            background-color: var(--ks-header-brand-gold);
            border: none;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #fff;
            transition: all 0.3s ease;
            flex-shrink: 0; /* لمنع الزر من التقلص */
        }
        
        /* حقل إدخال النص وقائمة الكتّاب (مخفية بشكل افتراضي) */
        .ks-desktop-search-input,
        .ks-desktop-writer-select {
            width: 0;
            padding: 0;
            margin: 0;
            border: none;
            outline: none;
            background: transparent;
            font-family: "Noto Kufi Arabic", sans-serif;
            transition: all 0.4s ease;
            opacity: 0;
            visibility: hidden;
            font-size: 0.9rem;
            color: var(--ks-header-text-dark);
        }
        
        /* حالة التفعيل عند الضغط (تتطلب تحديث الجافاسكريبت) */
        .ks-desktop-search-form-combined.is-active {
            box-shadow: 0 0 0 4px rgba(232, 179, 58, 0.5);
            border-color: var(--ks-header-brand-gold);
            background-color: rgba(255, 255, 255, 0.95);
        }
        
        /* إظهار الحقول وتحديد عرضها عند تفعيل النموذج */
        .ks-desktop-search-form-combined.is-active .ks-desktop-search-input {
            width: 160px;
            opacity: 1;
            visibility: visible;
            padding: 0.5rem 1rem;
        }
        
        .ks-desktop-search-form-combined.is-active .ks-desktop-writer-select {
            width: 130px;
            opacity: 1;
            visibility: visible;
            padding: 0.5rem;
            border-right: 1px solid var(--ks-header-border-color);
            margin: 0 0.5rem;
        }
        
        /* تصميم مخصص لقائمة الكتّاب المنسدلة */
        .ks-desktop-writer-select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: left 0.5rem center;
            padding-left: 2rem; /* مساحة لأيقونة السهم المخصص */
            cursor: pointer;
        }
        
        /* --- تصميم زر القائمة الجديد لسطح المكتب --- */
        .ks-desktop-menu-btn {
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 8px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--ks-header-text-dark);
            transition: background-color 0.2s ease, transform 0.2s ease;
        }
        
        .ks-desktop-menu-btn:hover {
            background-color: #e9ecef;
            transform: scale(1.1);
        }
        
        .ks-desktop-menu-btn svg {
            stroke: var(--ks-header-text-dark);
        }
        
        .ks-desktop-menu-btn {
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 8px; 
            border-radius: 50%; /* لجعل الخلفية دائرية عند التمرير */
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--ks-header-text-dark); /* استخدام متغير اللون من ملفك */
            transition: background-color 0.2s ease, transform 0.2s ease;
        }
        
        .ks-desktop-menu-btn:hover {
            background-color: #e9ecef; /* نفس لون الهوفر للأزرار الأخرى */
            transform: scale(1.1); /* تأثير تكبير بسيط */
        }
        
        .ks-desktop-menu-btn svg {
            stroke: var(--ks-header-text-dark);
        }
        /* Mobile Elements: Search Trigger and Menu Trigger */
        .ks-mobile-actions-wrapper { display: none; }

        /* Mobile Search Sliding Panel */
        .ks-mobile-search-panel { background-color: var(--ks-header-light-bg); padding: 0 1rem; border-bottom: 1px solid #ddd; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, padding 0.4s ease-out; }
        .ks-mobile-search-panel.is-open { max-height: 100px; padding: 1rem; }
        .ks-mobile-search-panel .ks-mobile-search-form { display: flex; gap: 0.5rem; align-items: center;}
        .ks-mobile-search-panel .ks-mobile-search-input { flex-grow: 1; padding: 0.75rem 1rem; border: 1px solid #ccc; border-radius: 50px; font-family: "Noto Kufi Arabic", sans-serif; font-size: 0.8rem; width: 140px;}
         .ks-mobile-search-panel .ks-mobile-search-input:focus { outline: none; border-color: var(--ks-header-brand-gold); box-shadow: 0 0 0 3px rgba(232, 179, 58, 0.4); }
        .ks-mobile-search-panel .ks-mobile-search-button { background-color: var(--ks-header-brand-teal-dark); color: #fff; border: none; border-radius: 50px; padding: 0 1.5rem; font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; font-family: 'Cairo'; }
        .ks-mobile-search-panel .ks-mobile-search-button:hover { background-color: var(--ks-header-brand-gold); }
        
        .ks-mobile-search-form {
    display: flex;
    align-items: flex-start; /* محاذاة العناصر إلى الأعلى */
    gap: 0.5rem;
}

/* تصميم الحاوية الجديدة لحقل البحث والقائمة المنسدلة */
.ks-mobile-input-wrapper {
    display: flex;
    flex-direction: row; /* ترتيب العناصر بشكل طولي (فوق بعضها) */
    flex-grow: 1; /* جعل الحاوية تأخذ المساحة المتاحة */
    gap: 0.5rem; /* مسافة بين حقل البحث وقائمة الكتّاب */
}

/* التأكد من أن حقل البحث يأخذ العرض الكامل للحاوية الجديدة */
.ks-mobile-search-input {
    width: 100%;
    margin: 0; /* إزالة أي هوامش قديمة */
}

/* تصميم قائمة الكتّاب المنسدلة لتناسب الجوال */
.ks-mobile-input-wrapper .ks-desktop-writer-select {
    width: 100%;
    padding: 0.75rem 1rem; /* توحيد الحشو مع حقل البحث */
    border: 1px solid #ccc;
    border-radius: 50px; /* نفس شكل حقل البحث */
    font-family: "Noto Kufi Arabic", sans-serif;
    font-size: 0.8rem;
    background-color: #ffffff; /* التأكد من وجود خلفية بيضاء */
    cursor: pointer;
    
    /* إعادة تعيين الخصائص الموروثة من تصميم سطح المكتب */
    opacity: 1;
    visibility: visible;
    margin: 0;
    
    /* استخدام نفس السهم المخصص من تصميم سطح المكتب */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    padding-left: 2.5rem;
}

/* تعديل زر البحث ليتناسب مع الترتيب الجديد */
.ks-mobile-search-button {
    height: 42px; /* تحديد ارتفاع ليتناسب مع حقل البحث */
}


        .ks-nav-scroll-hint {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 40px;
            background: linear-gradient(to left, rgba(13, 74, 90, 0), rgba(13, 74, 90, 0.8));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.5s ease;
            visibility: hidden;
        }
        .ks-nav-scroll-hint.is-visible {
            opacity: 1;
            visibility: visible;
        }
        .ks-nav-scroll-hint.fade-out {
            opacity: 0;
            visibility: hidden;
        }
        .ks-nav-scroll-hint svg {
            width: 24px;
            height: 24px;
            animation: ks-slide-horizontal 1.5s ease-in-out infinite;
        }

        /* -- Responsive Styles -- */
        @media (max-width: 992px) {
            .ks-header-topbar, .ks-header-ad-banner, .ks-main-nav-dropdown, .ks-desktop-search-wrapper  { display: none; }
            .ks-sticky-desktop-content { display: none; }
            .ks-sticky-mobile-content { display: flex; }

            .ks-mobile-actions-wrapper {
                display: flex;
                flex-direction: column;
                gap: 0.5rem;
                align-items: center;
            }
            .ks-mobile-actions-wrapper button {
                background: rgba(255,255,255,0.7); 
                backdrop-filter: blur(4px);
                border: 1px solid var(--ks-header-border-color);
                border-radius: 50%; width: 44px; height: 44px;
                cursor: pointer; color: var(--ks-header-brand-teal-dark);
                display: flex; align-items: center; justify-content: center;
                transition: all 0.3s ease;
            }
            .ks-mobile-actions-wrapper button:hover {
                border-color: var(--ks-header-brand-teal-dark);
                background: rgba(255,255,255,0.9);
            }
            .ks-mobile-search-trigger-btn.is-active {
                 background-color: var(--ks-header-brand-teal-dark);
                 color: #fff;
                 border-color: var(--ks-header-brand-teal-dark);
                 transform: rotate(45deg);
            }
            .ks-mobile-search-trigger-btn.is-active svg {
                 transform: rotate(-45deg);
            }

            .ks-header-main-area { padding: 1rem 0; }
            .ks-header-main-area .ks-header-main-container { align-items: center; justify-content: space-between; }
            .ks-header-logo-editor-flex .ks-header-logo img { height: 65px; }
            .ks-header-logo-editor-flex .ks-header-editor-card { gap: 0.5rem; padding: 0.25rem; padding-left: 0.75rem; background-color: rgba(255,255,255,0.9);width: fit-content; }
            .ks-header-editor-card .ks-header-editor-icon { width: 25px; height: 25px; }
            .ks-header-editor-card .ks-header-editor-icon svg { width: 18px; height: 18px; }
            .ks-header-editor-card .ks-header-editor-title { font-size: 0.7rem; }
            .ks-header-editor-card .ks-header-editor-name { font-size: 0.75rem; }
            
            .ks-main-nav { overflow-x: auto; overflow-y: hidden; box-shadow: none; background-color: var(--ks-header-brand-teal-dark); backdrop-filter: none; position: relative; }
            .ks-main-nav::-webkit-scrollbar { display: none; }
            .ks-main-nav { -ms-overflow-style: none; scrollbar-width: none; }
            .ks-main-nav-menu { justify-content: flex-start; flex-wrap: nowrap; padding: 0 0.5rem; }
            .ks-main-nav-menu > li { flex-shrink: 0; }
            .ks-main-nav-menu > li > a { color: rgba(255,255,255,0.85); font-weight: 600; padding: 0.75rem 0.5rem; border: none; white-space: nowrap; background-color: transparent !important; }
            .ks-main-nav-menu > li > a.active, .ks-main-nav-menu > li > a:hover { background-color: rgba(0,0,0,0.2) !important; border-radius: 6px; color: var(--seyasa-brand-gold); }
            .ks-main-nav-menu > li > a::after { display: none; }
            .ks-mobile-only-item { display: list-item !important; }
        }

        @media (min-width: 993px) {
            .ks-sticky-desktop-content { display: flex; }
            .ks-sticky-mobile-content { display: none; }
        }

        @media (max-width: 480px) {
             .ks-header-logo-editor-flex { gap: 0.5rem; }
             .ks-main-nav .ks-header-container {
                background: unset;
                border: unset;
                padding-right: 0;
            }
        }
        
        @keyframes ks-fadeInDown { from { opacity: 0; transform: translateY(-15px); } to { opacity: 1; transform: translateY(0); } }



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

        /* Footer Section */
        .ks-footer {
            padding: 2rem;
            margin: 2rem 0.5rem;
            color: var(--ks-glass-text-primary);
            position: relative;
            overflow: hidden;
        }
        
        .ks-footer-container {
            width: 100%;
            max-width: 1500px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: 2.5rem;
            position: relative;
            z-index: 1;
        }

        @media (min-width: 768px) {
            .ks-footer-container {
                grid-template-columns: 1fr 1fr;
            }
        }
        @media (min-width: 1024px) {
            .ks-footer-container {
                grid-template-columns: 1.5fr 2fr 1fr;
            }
        }
        
        .ks-footer-column .ks-footer-logo {
            height: 100px;
            margin-bottom: 1.5rem;
        }
        
        .ks-footer-column .ks-footer-about-text {
            font-size: 0.95rem;
            line-height: 1.8;
            color: var(--ks-footer-text-light);
            position: relative;
            padding-bottom: 2rem; 
            margin-bottom: 0; 
        }

        .ks-footer-column .ks-footer-about-text::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(0%);
            width: 70px;
            height: 3px;
            margin-bottom: 1rem;
            background: linear-gradient(to right, 
                rgba(255, 209, 102, 0), 
                var(--ks-footer-brand-gold), 
                rgba(255, 209, 102, 0)
            );
        }
        
        .ks-footer-column h3, .ks-footer-section-title {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--ks-footer-brand-blue);
            position: relative;
            padding-bottom: 0.75rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .ks-footer-column h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 3px;
            background-color: var(--ks-footer-brand-gold);
        }
        
        .ks-footer-links {
            list-style: none;
            padding: 0;
        }
        .ks-footer-links li:not(:last-child) {
            margin-bottom: 1rem;
        }
        .ks-footer-links a {
            text-decoration: none;
            color: var(--ks-footer-text-light);
            font-size: 0.9rem;
            font-weight: 700;
            position: relative;
            display: inline-block;
            padding: 0.25rem 0;
            transition: color 0.3s ease, padding-right 0.4s ease;
        }
        
        .ks-footer-links a::before {
            content: '‹';
            position: absolute;
            right: -10px;
            top: 52%;
            transform: translateY(-50%);
            opacity: 0;
            color: var(--ks-footer-brand-gold);
            font-weight: 900;
            font-size: 1.2rem;
            transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
        }
        
        .ks-footer-links a:hover {
            color: var(--ks-footer-brand-blue);
            padding-right: 1.2rem;
        }
        
        .ks-footer-links a:hover::before {
            opacity: 1;
            right: 0;
        }
        
        .ks-footer-horizontal-links {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem 1.5rem;
            padding-top: 1rem;
        }
        .ks-footer-horizontal-links li {
            margin-bottom: 0 !important;
        }
        
        .ks-footer-section-title {
            justify-content: center;
        }
        
        .ks-footer-section-title::after {
            right: auto;
            left: 50%;
            transform: translateX(-50%);
        }

        .ks-footer-sections-container {
            display: flex;
            gap: 3rem;
            border-top: 1px solid var(--ks-footer-border-color);
            padding-top: 1.5rem;
            justify-content: center;
        }
        
        .ks-footer-sections-container .ks-footer-links:first-child, .ks-footer-sections-container .ks-footer-links:nth-child(2) {
            padding-left: 1rem; 
            position: relative;
        }
        
        .ks-footer-sections-container .ks-footer-links:first-child::after, .ks-footer-sections-container .ks-footer-links:nth-child(2)::after {
            content: '•\a•\a•';
            white-space: pre;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            color: var(--ks-footer-brand-gold);
            font-size: 1.2rem;
            line-height: 0.8;
            opacity: 0.6;
            font-family: sans-serif;
        }
        
        
        @media only screen and (max-width: 600px) {
            
            .ks-footer-sections-container .ks-footer-links:first-child, .ks-footer-sections-container .ks-footer-links:nth-child(2) {
                padding-left: 0;
            }
          
            .ks-footer-sections-container .ks-footer-links:first-child::after, .ks-footer-sections-container .ks-footer-links:nth-child(2)::after {
                left: -22%;
            }
            .ks-footer-container > *:nth-child(1) {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .ks-footer-horizontal-links {
                justify-content: center;
            }
            .ks-footer-column .ks-footer-about-text::after {
                transform: translateX(-50%);
            }
        }
        
        .ks-footer-social-links {
            list-style: none;
            display: flex;
            flex-direction: row;
            gap: 1rem;
            padding: 0;
            flex-wrap: wrap;
        }
        .ks-footer-social-links a {
            text-decoration: none;
            color: var(--ks-footer-text-light);
            display: flex;
            align-items: center;
            gap: 0.75rem;
            transition: all 0.3s ease;
            font-weight: 600;
            padding: 0.5rem;
            border-radius: 0.25rem;
        }
        .ks-footer-social-links a:hover {
            color: var(--ks-footer-brand-blue);
            background-color: #e9ecef;
            transform: translateX(-5px);
        }
        .ks-footer-social-links svg {
            width: 24px;
            height: 24px;
            fill: var(--ks-footer-text-light);
            transition: fill 0.3s ease, transform 0.3s ease;
        }
        .ks-footer-social-links a:hover svg {
            fill: var(--ks-footer-brand-blue);
            transform: rotate(-10deg) scale(1.1);
        }

        .ks-copyright-bar {
            padding: 1rem 1rem;
            color: var(--ks-footer-brand-blue);
            margin: -1rem 0.5rem 1rem 0.5rem;
            font-weight: 600;
        }
        .glass-effect {
            background: var(--ks-glass-bg);
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
            border: 1px solid var(--ks-glass-border-color);
            box-shadow: 0 8px 32px 0 rgb(0 0 0 / 12%);
            border-radius: 15px;
        }
        .ks-copyright-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
        }
        .ks-copyright-container p {
            margin: 0;
            font-size: 0.9rem;
        }
        .ks-copyright-container img {
            height: 25px;
            opacity: 0.7;
        }
        
        @keyframes ks-fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .ks-footer-column, .ks-footer-sections-wrapper {
            animation: ks-fadeInUp 0.7s ease-out forwards;
            opacity: 0;
        }

        .ks-footer-container > *:nth-child(1) {
            animation-delay: 0.1s;
        }
        .ks-footer-container > *:nth-child(2) {
            animation-delay: 0.3s;
        }
        .ks-footer-container > *:nth-child(3) {
            animation-delay: 0.5s;
        }
        
        @media (max-width: 992px) {
            .ks-copyright-container {
                text-align: center;
                flex-direction: column;
            }
        }


        /* =================================================== */
        /* ============== سلايدر المقالات   =================== */
        /* =================================================== */


        .seyasa-slider-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border-radius: 0.25rem;
            overflow: hidden;
            position: relative;
        }

        /* Slides Wrapper */
        .seyasa-slides-wrapper {
            position: relative;
            width: 100%;
            height: 300px;
        }

        /* Individual Slide */
        .seyasa-main-slide {
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform: translateX(100%);
            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s;
            overflow: hidden;
        }
        .seyasa-main-slide.active {
            transform: translateX(0);
            opacity: 1;
            z-index: 10;
        }
        .seyasa-main-slide.prev {
            transform: translateX(-100%);
            z-index: 9;
        }
        .seyasa-main-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.25rem;
        }

        /* Gradient Overlay */
        .seyasa-gradient-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 70%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
            border-radius: 0.25rem;
        }
        
        /* Slide Content & Text Animation */
        .seyasa-slide-content {
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 1.5rem;
            color: white;
            z-index: 11;
            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        .seyasa-category-tag {
            position: relative !important;
            top: auto !important;
            display: inline-block;
            background-color: var(--seyasa-secondary-color);
            color: #111827;
            font-size: 0.875rem;
            font-weight: 700;
            padding: 0.25rem 0.75rem;
            border-radius: 0.375rem;
            margin-bottom: 0.5rem;
        }
        .seyasa-slide-title {
            font-size: 0.9rem;
            font-weight: 900;
            line-height: 1.35;
            margin: 0;
        }
        @keyframes seyasa-fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .seyasa-main-slide.active .seyasa-slide-content > * {
            animation: seyasa-fadeInUp 0.8s 0.4s both;
        }

        /* Logo */
        .seyasa-logo-container {
            position: absolute;
            top: 1rem;
            left: 1rem;
            z-index: 20;
        }
        .seyasa-logo-container img {
            height: 2rem;
        }
        
        /* Ken Burns Effect on active image */
        @keyframes seyasa-ken-burns {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }
        .seyasa-main-slide.active img {
            animation: seyasa-ken-burns 8s ease-out forwards;
        }

        /* Logo animation on slide change */
        @keyframes seyasa-logo-pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        .logo-animating {
            animation: seyasa-logo-pulse 0.5s ease-out;
        }

        /* Navigation Buttons */
        .seyasa-navigation-wrapper {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 1rem;
            z-index: 20;
        }
        .seyasa-nav-button {
            /* --- التأثير الزجاجي --- */
            background-color: rgba(0, 0, 0, 0.25); /* خلفية أكثر شفافية لتظهر الضبابية */
            -webkit-backdrop-filter: blur(8px); /* تطبيق الضبابية على ما خلف الزر */
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2); /* إطار زجاجي خفيف */
            
            /* --- الخصائص الأساسية (مع تعديل بسيط) --- */
            color: white;
            padding: 0.75rem;
            border-radius: 9999px; /* للحصول على شكل دائري */
            transition: all 0.3s ease; /* حركة لكل الخصائص عند التغيير */
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .seyasa-nav-button:hover {
            background-color: rgba(0, 0, 0, 0.45); /* يصبح أغمق قليلاً عند التمرير */
            border-color: rgba(255, 255, 255, 0.4); /* يصبح الإطار أوضح */
        }

        /* لا تغيير هنا، حجم الأيقونة يبقى كما هو */
        .seyasa-nav-button svg {
            width: 1.5rem;
            height: 1.5rem;
        }

        .seyasa-slide-link-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 12; 
            border-radius: 0.25rem; 
        }

        .seyasa-slide-link-overlay:hover ~ .seyasa-slide-content {
            /* ...ارفع المحتوى للأعلى بمقدار 10 بكسل */
            transform: translateY(-10px);
        }


        /* Responsive Design */
        @media (min-width: 768px) {
            .seyasa-slides-wrapper {
                height: 400px;
            }
            .seyasa-slide-content {
                padding: 2.5rem;
            }
            .seyasa-slide-title {
                font-size: 1.4rem;
            }
        }
        @media (min-width: 1024px) {
            .seyasa-slides-wrapper {
                height: 500px;
            }
            .seyasa-logo-container img {
                height: 3rem;
            }
        }
        
        @media (max-width: 767px) {
        .seyasa-logo-container img {
            visibility: hidden;
        }
    }

        .seyasa-pagination-dots {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            display: flex;
            flex-direction: row;
            gap: 1rem; /* زدنا المسافة لتناسب الحجم الجديد */
            z-index: 20;
        }

        .seyasa-dot {
            width: 38px; /* حجم أكبر لعرض الصورة */
            height: 38px;
            border-radius: 50%; /* للحفاظ على الشكل الدائري */
            cursor: pointer;
            overflow: hidden; /* إخفاء أجزاء الصورة الزائدة */
            
            /* أنماط لعرض الصورة كخلفية */
            background-size: cover;
            background-position: center;

            border: 2px solid rgba(255, 255, 255, 0.4);
            transition: transform 0.3s ease, border-color 0.3s ease;
            position: relative;
        }

        .seyasa-dot:hover {
            transform: scale(1.1); /* تكبير بسيط عند التمرير */
            border-color: rgba(255, 255, 255, 0.9);
        }

        .seyasa-dot::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            border-radius: 50%;
            transition: all 0.3s ease;

            /* --- التأثير الزجاجي --- */
            -webkit-backdrop-filter: blur(4px); /* يطبق الضبابية على الصورة الخلفية */
            backdrop-filter: blur(0px);
            /* طبقة لونية خفيفة لتعزيز الإحساس بالعمق */
            background: rgba(0, 0, 0, 0.25); 
            /* إطار زجاجي خفيف */
            border: 1px solid rgba(255, 255, 255, 0.15); 
        }

        .seyasa-dot.active {
            border-color: rgba(255, 255, 255, 0.15); /* إطار أبيض ساطع للنقطة النشطة */
            transform: scale(1.2);
        }

        /* تحديث بسيط لحركة الموجة لتناسب الحجم الجديد */
        .seyasa-dot.active::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 5px solid rgba(255, 255, 255, 1); /* إطار موجة أكثر سماكة */
            animation: seyasa-wave-pulse 2s infinite cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 9999;
        }

        /* تعريف حركة الموجة (لا تغيير هنا) */
        @keyframes seyasa-wave-pulse {
            from {
                transform: translate(-50%, -50%) scale(1);
                opacity: 0.8;
            }
            to {
                transform: translate(-50%, -50%) scale(2.5);
                opacity: 0;
            }
        }

        /* =================================================== */
        /* ============== القسم الجانبي =================== */
        /* =================================================== */

                /* News Widget Container */
        .seyasa-news-widget {
            width: 100%;
            max-width: 600px;
            /*background-color: #ffffff;*/
            border-radius: 0.5rem;
            overflow: hidden;
            /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);*/
        }

        /* Main Story Section */
        .seyasa-main-story {
            position: relative;
        }
        .seyasa-main-story-image {
            width: 100%;
            height: 350px;
            object-fit: fill;
            display: block;
        }
        .seyasa-main-story::after { /* Gradient Overlay */
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 80%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        }
        .seyasa-main-story-content {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            padding: 1rem;
            z-index: 2;
            color: white;
        }
        .seyasa-live-tag {
            background-color: var(--seyasa-live-red-color);
            color: white;
            font-size: 0.8rem;
            font-weight: 700;
            padding: 0.35rem 0.85rem;
            border-radius: 9999px;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.75rem;
        }
        .seyasa-main-story-headline {
            font-size: 1rem;
            font-weight: 900;
            margin: 0;
            line-height: 1.3;
        }
        .seyasa-live-dot {
            width: 9px;
            height: 9px;
            background-color: white;
            border-radius: 50%;
            animation: seyasa-flash 1.4s infinite ease-in-out;
        }
        @keyframes seyasa-flash {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.3; transform: scale(0.85); }
        }


        /* Secondary Stories List */
        .seyasa-secondary-stories-list {
            padding: 0.5rem 0;
            margin: 0;
            list-style: none;
        }
        .seyasa-secondary-stories-list li {
            position: relative;
        }
        /* The connecting solid line */
        .seyasa-secondary-stories-list li::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            right: calc(1.5rem + 4px); /* padding + half icon width */
            width: 2px;
            background-color: var(--seyasa-border-color);
            z-index: 0;
        }
        .seyasa-secondary-stories-list li:first-child::before {
            top: 1.75rem; /* Start line at the icon's vertical center */
        }
        .seyasa-secondary-stories-list li:last-child::before {
            height: 1.75rem; /* End line at the icon's vertical center */
        }
        .seyasa-secondary-story-item {
            display: block;
            text-decoration: none;
            padding: 0.5rem 1.5rem;
            transition: background-color 0.2s ease;
        }
        .seyasa-secondary-story-item:hover {
            background-color: #f8f9fa;
        }
        .seyasa-secondary-story-headline {
            font-size: 0.8rem;
            font-weight: 700;
            color: var(--seyasa-text-color-dark);
            margin: 0 0 0.5rem 0;
            display: flex;
            align-items: center;
            line-height: 1.5;
        }
        /* Circular story icon */
        .seyasa-story-icon {
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border: 2px solid var(--seyasa-brand-blue);
            border-radius: 50%;
            margin-left: 0.75rem;
            flex-shrink: 0;
            position: relative;
            z-index: 1;
        }
        .seyasa-secondary-story-item:hover .seyasa-story-icon {
            background-color: var(--seyasa-brand-gold);
            border-color: var(--seyasa-brand-gold);
        }

        .seyasa-story-meta {
            display: flex;
            align-items: center;
            font-size: 0.85rem;
            color: var(--seyasa-text-color-light);
            font-weight: 400;
            margin-right: calc(10px + 0.75rem); /* icon width + icon margin */
        }
        .seyasa-story-meta svg {
            width: 1rem;
            height: 1rem;
            margin-left: 0.5rem;
            stroke: var(--seyasa-text-color-light);
        }

        
        /* =================================================== */
        /* ============== شبكة مقالات أسفل السلايدر  =================== */
        /* =================================================== */


                /* حاوية الصفحة الرئيسية */
        .seyasa-dow-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 15px 0;
        }

        /* شبكة لعرض بطاقات الأخبار */
        .seyasa-dow-grid-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1px;
        }

        /* للاستجابة على الشاشات المتوسطة */
        @media (min-width: 768px) {
            .seyasa-dow-grid-container {
                grid-template-columns: 1fr 1fr;
            }
        }

        /* للاستجابة على الشاشات الكبيرة */
        @media (min-width: 1024px) {
            .seyasa-dow-grid-container {
                grid-template-columns: 1fr 1fr 1fr;
            }
        }

        /* نمط بطاقة الخبر الفردية */
        .seyasa-dow-news-card {
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 8px;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        @media (min-width: 768px) and (max-width: 1199.98px) {
            .seyasa-dow-news-card {
                /* تغيير اتجاه العرض إلى طولي */
                flex-direction: column;
                /* محاذاة المحتوى إلى بداية البطاقة بدلاً من الوسط */
            }
        
            .seyasa-dow-news-image-wrapper {
                /* جعل الصورة تأخذ عرض البطاقة بالكامل */
                width: 100%;
                /* تحديد ارتفاع مناسب للصورة في العرض الطولي */
                height: 180px;
            }
        
            .seyasa-dow-news-content {
                /* إزالة الحشو الجانبي الذي كان مخصصاً للعرض الأفقي */
                padding-right: 0;
                /* إضافة حشو علوي للفصل بين الصورة والنص */
                padding-top: 12px;
                width: 100%;
            }
        }

        .seyasa-dow-news-card:hover {
            transform: translateY(-5px);
        }

        /* حاوية الصورة داخل البطاقة */
        .seyasa-dow-news-image-wrapper {
            flex-shrink: 0;
            width: 96px;
            height: 135px;
        }

        .seyasa-dow-news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* حاوية محتوى النص داخل البطاقة */
        .seyasa-dow-news-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex-grow: 1;
            padding-right: 16px;
        }

        /* نمط فئة الخبر */
        .seyasa-dow-news-category {
            display: inline-block;
            color: #c52626;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 2px 10px;
            margin-bottom: 4px;
            border-right: 5px solid var(--seyasa-live-red-color);
        }

        /* نمط عنوان الخبر */
        .seyasa-dow-news-title {
            font-size: 0.9rem;
            font-weight: 700;
            color: #1f2937;
            line-height: 1.3;
            text-decoration: none;
            display: inline-block;
            transition: color 0.25s ease;
        }

        .seyasa-dow-news-title-inner {
            display: inline;
            -webkit-box-shadow: inset 0px 0px 0 rgba(226,183,74,0.2);
            box-shadow: inset 0px 0px 0 rgba(226,183,74,0.2);
            text-decoration: none;
            -webkit-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

        /* تأثير الهوفر عند تمرير المؤشر على بطاقة الخبر */
        .seyasa-dow-news-card:hover .seyasa-dow-news-title {
            color: #E2B74A;
        }

        .seyasa-dow-news-card:hover .seyasa-dow-news-title-inner {
            -webkit-box-shadow: inset 0px -8px 0px 0px rgba(226,183,74,0.2);
            box-shadow: inset 0px -8px 0px 0px rgba(226,183,74,0.2);
            text-decoration: underline;
            text-decoration-color: #23527c;
        }
        
        
        /* =================================================== */
        /* ============== الشريط الإخباري المتحرك (Ticker) ==== */
        /* =================================================== */

        .ks-trending-ticker-wrapper {
        	display: flex;
        	align-items: stretch;
        	background: linear-gradient(135deg, var(--ks-header-brand-teal-dark) 0%, #0a3d4a 50%, #072a33 100%);
        	border-radius: 0.75rem;
        	overflow: hidden;
        	margin: 0.5rem auto;
        	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.15) inset;
        	border: 1px solid rgba(255, 255, 255, 0.4);
        	max-width: 1200px;
        	width: 100%;
        	position: relative;
        	animation: fadeIn 1s ease-out;
        	z-index: 1;
        }
        
        @keyframes fadeIn {
        	from {
        		opacity: 0;
        		transform: translateY(-20px);
        	}
        
        	to {
        		opacity: 1;
        		transform: translateY(0);
        	}
        }
        
        .ks-ticker-label {
        	display: flex;
        	align-items: center;
        	gap: 0.75rem;
        	background: linear-gradient(90deg, var(--seyasa-primary-color) 0%, #052c38 100%);
        	color: var(--ks-header-text-light);
        	padding: 5px;
        	font-size: 1.1rem;
        	font-weight: 700;
        	position: relative;
        	flex-shrink: 0;
        	border-left: 2px solid rgba(255, 255, 255, 0.4);
        	border-right: none;
        	overflow: hidden;
        	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
        	transform: skewX(-5deg);
        	transform-origin: bottom right;
        }
        
        .khamsa-ticker-chrome-five {
        	font-size: 3rem;
        	font-weight: 900;
        	line-height: 1;
        	position: absolute;
        	top: 50%;
        	right: 20px;
        	left: auto;
        	transform: translateY(-50%) skewX(8deg);
        	background: linear-gradient(100deg,
        			#a1a1aa 0%, #f1f5f9 10%, #d4d4d8 20%, #a1a1aa 30%,
        			#71717a 50%, #a1a1aa 70%, #d4d4d8 80%, #f1f5f9 90%, #a1a1aa 100%);
        	background-size: 200% 100%;
        	-webkit-background-clip: text;
        	background-clip: text;
        	color: transparent;
        	text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
        	animation: khamsa-ticker-shine-effect 5s linear infinite;
        	z-index: 99999;
        	opacity: 0.4;
        	rotate: 5deg;
        }
        
        @keyframes khamsa-ticker-shine-effect {
        	0% {
        		background-position: 200% 50%;
        	}
        
        	100% {
        		background-position: -200% 50%;
        	}
        }
        
        .ks-ticker-label-text {
        	position: relative;
        	z-index: 2;
        	padding-right: 2.5rem;
        	padding-left: 0;
        	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        	transform: skewX(5deg);
        }
        
        .ks-ticker-carousel-wrapper {
        	flex-grow: 1;
        	display: flex;
        	align-items: center;
        	padding: 0 1rem;
        	overflow: hidden;
        	position: relative;
        }
        
        .ks-tranding-carousel {
        	display: flex;
        	white-space: nowrap;
        	will-change: transform;
        
        }
        
        .ks-ticker-news-item {
        	padding: 0 1rem;
        	flex-shrink: 0;
        	display: flex;
        	align-items: center;
        	height: 100%;
        	transition: transform 0.3s ease-out;
        	position: relative;
        }
        
        .ks-ticker-news-item+.ks-ticker-news-item::before {
        	content: '';
        	display: block;
        	width: 4px;
        	height: 80%;
        	margin-right: 1.5rem;
        	margin-left: 1rem;
        	border-radius: 2px;
        	opacity: 1;
        	box-shadow: 0 0 2px var(--seyasa-brand-gold);
        	animation: none;
        	position: absolute;
        	right: -25px;
        }
        
        .ks-tranding-carousel a {
        	color: var(--seyasa-brand-gold) !important;
        	font-weight: 600;
        	font-size: 1rem;
        	text-decoration: none;
        	transition: all 0.3s ease-in-out;
        	white-space: nowrap;
        	display: block;
        	font-family: "Noto Kufi Arabic", sans-serif;
        	
        }
        
        .ks-tranding-carousel a:hover {
        	color: var(--seyasa-secondary-color) !important;
        	text-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 0 0 25px var(--seyasa-brand-gold);
        	transform: translateY(-2px);
        }
        
        @media (max-width: 767px) {
        	.ks-trending-ticker-wrapper {
        		border-radius: 0.5rem;
        		margin: 1rem auto;
        	}
        
        	.ks-ticker-label {
        		justify-content: center;
        		border-left: none;
        		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        		transform: skewX(0deg);
        	}
        
        	.khamsa-ticker-chrome-five {
        		font-size: 2.8rem;
        		position: static;
        		transform: skewX(8deg);
        		opacity: 1;
        	}
        
        	.ks-ticker-label-text {
        		padding-right: 0;
        		margin-left: 0.5rem;
        		transform: skewX(0deg);
        	}
        
        	.ks-ticker-carousel-wrapper {
        		padding: 0.75rem;
        		background-color: var(--ks-header-light-bg);
        		border-radius: 0 0 0.5rem 0.5rem;
        	}
        
        	.ks-tranding-carousel a {
        		color: var(--seyasa-primary-color) !important;
        		font-size: 0.85rem;
        		max-width: 100%;
        	}
        
        	.ks-ticker-news-item {
        		padding: 0 1rem;
        	}
        
        	.ks-ticker-news-item+.ks-ticker-news-item::before {
        		display: none;
        	}
        }


        /* =================================================== */
        /* ============== سكشن رقم 2 =================== */
        /* =================================================== */


        /* The main card for the header */
        .seyasa-header-card {
            padding: 1rem;
            border-radius: 0.5rem;
        }
        
        /* Flexbox container for alignment */
        .seyasa-header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        /* Title and icon container */
        .seyasa-title-container {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .seyasa-header-icon {
            width: 2rem;
            height: 2rem;
            color: var(--seyasa-text-color-dark);
            transition: transform 0.6s ease-in-out;
        }

        /* Hover effect for the icon */
        .seyasa-header-card:hover .seyasa-header-icon {
            transform: rotate(360deg);
        }

        .seyasa-header-title-text a{
            font-size: 1.125rem;
            font-weight: 700;
            color: #25425c;
            margin: 0;
            text-decoration: unset;
        }

        /* "More" button styles */
        .seyasa-more-button {
            background-color: transparent;
            color: var(--seyasa-text-color-dark);
            padding: 0.25rem;
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 600;
            transition: color 0.3s;
            border: none;
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        .seyasa-more-button:hover {
            color: var(--seyasa-primary-color-darker);
        }
        
        .seyasa-more-button-icon {
            width: 1rem;
            height: 1rem;
            transition: transform 0.3s;
        }

        .seyasa-more-button:hover .seyasa-more-button-icon {
            transform: translateX(-4px);
        }
        
        /* Line container styles */
        .seyasa-line-container {
            height: 0.25rem;
            width: 100%;
            background-color: #e5e7eb;
            border-radius: 9999px;
            overflow: hidden;
            margin-top: 0.75rem; /* Add some space above the line */
        }

        /* Gradient line styles */
        .seyasa-gradient-line {
            height: 100%;
            width: 25%;
            background-image: linear-gradient(to right, var(--seyasa-text-color-dark), var(--seyasa-tertiary-color)); /* Changed to right for RTL */
            border-radius: 9999px;
            transition: width 0.5s;
        }

        /* Hover effect for the gradient line */
        .seyasa-header-card:hover .seyasa-gradient-line {
            width: 40%;
        }


        /* Main columns container */
        .seyasa-main-grid-container {
            display: grid;
            /* سيتم إنشاء أعمدة بعرض 300px على الأقل، وستتمدد لتملأ المساحة المتاحة */
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
        }



        /* Small news column container in the second column */
        .seyasa-small-news-column {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
        }

        @media (min-width: 1024px) {
             .seyasa-small-news-column {
                grid-template-columns: 1fr 1fr;
            }
            
        }
        
         @media (min-width: 768px) and (max-width: 1023px) {
            .seyasa-small-news-column {
                grid-template-columns: 1fr;
            }
        }

        /* Large main news card style */
        .seyasa-large-news-card {
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-decoration: none; /* Remove underline for the link */
            color: inherit; /* Inherit color for text */
        }

        .seyasa-large-news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
        }

        .seyasa-large-news-image-wrapper {
            position: relative;
            overflow: hidden;
        }

        .seyasa-large-news-image {
            width: 100%;
            height: 330px;
            object-fit: fill;
            transition: transform 0.5s ease;
        }

        .seyasa-large-news-card:hover .seyasa-large-news-image {
            transform: scale(1.05);
        }

        .seyasa-large-news-category-overlay {
            position: absolute;
            bottom: 15px;
            right: 15px;
            background-color: rgba(0, 0, 0, 0.6);
            color: #ffffff;
            font-size: 0.875rem;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 4px;
            z-index: 10;
            transition: background-color 0.3s ease;
        }

        .seyasa-large-news-card:hover .seyasa-large-news-category-overlay {
            background-color: var(--seyasa-secondary-color); /* Changed to secondary color for hover */
        }

        .seyasa-large-news-content {
            padding: 15px; /* Unified padding */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex-grow: 1;
        }

        .seyasa-large-news-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--seyasa-text-color-dark); /* Changed to dark text color */
            line-height: 1.4;
            margin-bottom: 10px;
            transition: color 0.3s ease;
        }

        .seyasa-large-news-card:hover .seyasa-large-news-title {
            color: var(--seyasa-secondary-color); /* Changed to secondary color for hover */
        }

        .seyasa-large-news-description {
            font-size: 0.85rem;
            color: var(--seyasa-text-color-light);
            line-height: 1.6;
            margin-bottom: 15px;
            padding-bottom: 20px;
            position: relative;
            border-bottom: none; /* إزالة الخط القديم */
        }
        
        .seyasa-large-news-description::after {
            content: '';
            position: absolute;
            bottom: -30px; /* تم تعديل المسافة لتكون أقرب */
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 20px;
            /* تم تغيير اللون هنا إلى #E2B74A (الذهبي) */
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20' viewBox='0 0 100 20'%3E%3Cg fill='none' stroke='%23E2B74A' stroke-width='1'%3E%3Cpath d='M0 10 h35'/%3E%3Cpath d='M65 10 h35'/%3E%3Cpath d='M42 10 l8 8 l8 -8 l-8 -8 Z' fill='%23E2B74A'/%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0.7; /* إضافة شفافية بسيطة لمظهر أنعم */
            transition: opacity 0.3s ease;
        }
        
        /* تأثير إضافي عند تمرير الماوس فوق البطاقة (اختياري) */
        .seyasa-large-news-card:hover .seyasa-large-news-description::after {
            opacity: 1;
        }


        /* Small news card style */
        .seyasa-small-news-card {
            border: 2px solid var(--seyasa-border-color);
            border-radius: 0.5rem;
            overflow: hidden;
            display: flex;
            flex-direction: column; /* Changed to column for consistency */
            padding: 5px;
            align-items: flex-start;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-decoration: none; /* Remove underline for the link */
            color: inherit; /* Inherit color for text */
        }

        .seyasa-small-news-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        }

        .seyasa-small-news-image-wrapper {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 170px; /* Explicit height */
            border-radius: 4px; /* Added border-radius */
        }

        .seyasa-small-news-image {
            width: 100%;
            height: 100%; /* Fill wrapper height */
            object-fit: fill;
            margin-bottom: 8px;
            transition: transform 0.5s ease;
        }

        .seyasa-small-news-card:hover .seyasa-small-news-image {
            transform: scale(1.05);
        }

        .seyasa-small-news-content {
            flex-grow: 1;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%; /* Ensure content takes full width */
        }

        .seyasa-small-news-category {
            display: inline-block;
            font-size: 0.8rem;
            color: #c32626;
            margin: 4px;
            padding-right: 10px;
            transition: color 0.3s ease;
            border-right: 4px solid var(--seyasa-live-red-color);
            font-weight: 600;
        }

        .seyasa-small-news-card:hover .seyasa-small-news-category {
            color: var(--seyasa-secondary-color); /* Changed to secondary color for hover */
        }

        .seyasa-small-news-title {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--seyasa-text-color-dark); /* Changed to dark text color */
            line-height: 1.3;
            transition: color 0.3s ease;
            margin-bottom: 8px; /* Added margin for date */
        }

        .seyasa-small-news-card:hover .seyasa-small-news-title {
            color: var(--seyasa-secondary-color); /* Changed to secondary color for hover */
        }

        /* Unified Meta/Read More for all cards */

        .seyasa-card-meta i {
            margin-left: 5px; /* For RTL */
            margin-right: 0; /* Reset default margin */
        }
                
        .seyasa-card-read-more {
            font-size: 1.2rem;
            color: var(--seyasa-text-color-light);
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateX(-10px);
            position: absolute;
            left: 10px;
            bottom: 10px;
        }
        
        .seyasa-large-news-card:hover .seyasa-card-read-more,
        .seyasa-small-news-card:hover .seyasa-card-read-more {
            opacity: 1;
            transform: translateX(0);
            color: var(--seyasa-secondary-color);
        }
        /* Hide the arrow for the header "عرض الكل" button for consistency with previous styles of this button */
        .seyasa-more-button .seyasa-more-button-icon {
            opacity: 1; /* Keep visible by default */
            transform: translateX(0); /* Reset transform */
        }

        /* Adjustments for the small news card content alignment */
        .seyasa-small-news-content > *:not(.seyasa-card-meta) {
            width: 100%; /* Ensure title/category take full width */
        }


        /* =================================================== */
        /* ==============  القسم الثالث بالسايد بار =================== */
        /* =================================================== */

        .seyasa-container-thi-sec {
            display: flex;
            grid-template-columns: 1fr;
            gap: 20px;
            max-width: 900px;
            width: 100%;
        }

        @media (min-width: 768px) {
            .seyasa-container-thi-sec {
                grid-template-columns: 2fr 1fr;
            }
        }

        @media (max-width: 767px) {
            .seyasa-container-thi-sec {
                flex-direction: column;
            }
        }


        /* Styles for the main news card */
        .seyasa-main-news-card {
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: all 0.3s ease;
            text-decoration: none;
            color: inherit;
        }

        .seyasa-main-news-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        .seyasa-main-news-image-wrapper {
            width: 100%;
            height: 300px;
            overflow: hidden;
            position: relative;
        }

        .seyasa-main-news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .seyasa-main-news-card:hover .seyasa-main-news-image {
            transform: scale(1.05);
        }

        .seyasa-main-news-content {
            padding: 10px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .seyasa-main-news-title {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--seyasa-text-color-dark);
            margin: 0 0 10px 0;
            line-height: 1.4;
            transition: color 0.2s ease;
        }

        .seyasa-main-news-card:hover .seyasa-main-news-title {
            color: var(--seyasa-secondary-color);
        }

        .seyasa-main-news-description {
            font-size: 0.8rem;
            color: var(--seyasa-text-color-light);
            line-height: 1.6;
            margin: 10px 0;
        }

        .seyasa-side-news-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .seyasa-side-news-item {
            border: 2px solid var(--seyasa-border-color);
            border-radius: 0.5rem;
            display: flex;
            align-items: center;
            padding: 5px;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            text-decoration: none;
            color: inherit;
        }

        .seyasa-side-news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .seyasa-side-news-image-wrapper {
            flex-shrink: 0;
            width: 140px;
            height: 100px;
            border-radius: 4px;
            overflow: hidden;
            margin-left: 10px; /* Adjusted for RTL */
        }

        .seyasa-side-news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .seyasa-side-news-item:hover .seyasa-side-news-image {
            transform: scale(1.1);
        }

        .seyasa-side-news-content {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .seyasa-side-news-title {
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--seyasa-text-color-dark);
            margin: 0;
            line-height: 1.4;
            transition: color 0.3s ease;
        }

        .seyasa-side-news-item:hover .seyasa-side-news-title {
            color: var(--seyasa-secondary-color);
        }

        /* Unified Meta/Read More */
        .seyasa-card-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.8rem;
            color: var(--seyasa-text-color-light);
            margin-top: auto;
            padding-top: 10px;
        }
        .seyasa-card-meta i {
            margin-left: 5px;
        }
                
        
        .seyasa-main-news-card:hover .seyasa-card-read-more,
        .seyasa-side-news-item:hover .seyasa-card-read-more {
            opacity: 1;
            transform: translateX(0);
            color: var(--seyasa-secondary-color);
            position: absolute;
            left: 10px;
            bottom: 10px;
        }

        /* Category Glass Refined style */
        .seyasa-category-glass {
            position: absolute;
            top: 15px;
            right: 15px;
            z-index: 2;
            padding: 6px 9px;
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 10px;
            color: #ffffff;
            font-size: 0.9rem;
            font-weight: bold;
            transition: all 0.3s ease;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(36 62 87 / 58%));
        }
        .seyasa-large-news-card:hover .seyasa-category-glass, .seyasa-main-news-card:hover .seyasa-category-glass {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.4);
        }



        /* =================================================== */
        /* ==============   سياسة ناعمة   =================== */
        /* =================================================== */


        /* New outer section wrapper */
        .naema-outer-section {
            /*background-color: #ffe0e066;*/
            padding: 1rem 0;
            position: relative;
            width: 100%;
            /*box-shadow: 0 0 0 100vmax #ffe0e066;*/
            clip-path: inset(0 -100vmax);
        }
        /* Main layout container */
        .naema-main-container {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin: 0 auto;
        }

        .naema-decorative-title-container {
            width: 100%;
            min-height: 100px;
            /* background-color: #fff; */
            background-image: radial-gradient(ellipse at center, #ffffff 50%, #f8ecee 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative; 
            overflow: hidden;
            z-index: 1;
            box-sizing: border-box;
        }

        .naema-decorative-title-container::after {
            content: '';
            /*background-image: url("https://www.creativefabrica.com/wp-content/uploads/2022/01/04/Beauty-Woman-Logo-and-Symbol-Vector-Graphics-22929694-1-1-580x387.jpg");*/
            background-repeat: no-repeat;
            background-position: center;
            background-size: 80%;
            position: absolute;
            top: 0;
            left: 0;
            right: -30%;
            bottom: -40%;
            opacity: 0.25;
            z-index: 1;
            rotate: 20deg;
        }

        .naema-decorative-title {
            font-family: "Lateef", serif;
            font-weight: 700;
            font-size: 3rem;
            color: #f7cb5c;
            text-shadow: 1px 1px 0px #2c5f7d, 1px 1px 0px #2c5f7d, 2px 1px 0px #2c5f7d, 1px 2px 4px #2c5f7d, 1px 1px 0px #2c5f7d, 2px 2px 4px rgba(0, 0, 0, 0.4);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            transition: text-shadow 0.4s ease;
            line-height: 0.8;
        }

        /* Enhanced title hover effect */
        .naema-decorative-title-container:hover .naema-decorative-title {
            text-shadow: 1px 1px 0px #d19494,
                        2px 2px 0px #d19494,
                        3px 2px 0px #d19494,
                        2px 2px 0px #d19494;
        }

        /* Slider column styles */
        .naema-slider-column {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 1rem;
            background-color: #ffffff; /* Give the slider part a white background */
            box-sizing: border-box;
            position: relative; /* For arrow positioning */
        }

        /* --- NEW: Header for arrows and "More" button --- */
        .naema-slider-header {
            width: 100%;
            display: none; /* Hidden by default, shown on desktop */
            justify-content: space-between;
            align-items: center;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .naema-more-link {
            font-family: 'Tajawal', sans-serif;
            font-weight: 700;
            font-size: 1.4rem;
            color: #f7cb5c;
            text-decoration: none;
            position: relative;
            padding-bottom: 5px;
        }

        .naema-more-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0; /* For RTL */
            width: 0;
            height: 2px;
            background-color: #073b4c;
            transition: width 0.4s ease;
        }

        .naema-more-link:hover::after {
            width: 100%;
        }

        .naema-arrow-group {
            display: flex;
            gap: 0.5rem;
        }

        .naema-slider-container {
            overflow: hidden;
            width: 100%;
        }

        .naema-slider-wrapper {
            display: flex;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .naema-slide {
            min-width: 100%;
            flex-shrink: 0;
            padding: 0.5rem;
            box-sizing: border-box;
        }
        
        .naema-article-link {
            text-decoration: none;
            color: inherit;
            display: block;
        }
        
        /* Underline title on link hover */
        .naema-article-link:hover .naema-article-content h3 {
            text-decoration: underline;
        }

        /* --- Article Card Style --- */
        .naema-article-card {
            background-color: #1a202c;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            position: relative;
            height: 320px;
            transition: transform 0.4s ease, box-shadow 0.4s ease; /* Enhanced Animation */
        }
        
        /* Enhanced Card Hover Effect */
        .naema-article-link:hover .naema-article-card {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .naema-article-card img {
            object-fit: fill;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: transform 0.6s ease; /* Smoother zoom */
        }

        .naema-article-link:hover .naema-article-card img {
            transform: scale(1.05);
        }
        
        .naema-article-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0.5rem;
            color: white;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
            z-index: 2.1;
        }

        /* --- New Title Style --- */
        .naema-article-content h3 {
            font-family: 'Tajawal', sans-serif;
            font-weight: 700;
            font-size: 1rem;
            margin-bottom: 0.75rem;
            background-color: rgb(7 16 63 / 55%);
            color: #ffffff;
            padding: 0.25rem 0.75rem;
            display: inline;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            line-height: 1;
        }
        
        /* --- Dot Navigation Styles --- */
        .naema-slider-dots {
            margin-top: 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 14px; /* Prevents layout shift */
        }

        .naema-dot {
            cursor: pointer;
            height: 12px;
            width: 12px;
            margin: 0 5px;
            background-color: #f7cb5c; /* Inactive dot color */
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.3s ease, transform 0.3s ease; /* Enhanced Animation */
        }

        .naema-dot.naema-active,
        .naema-dot:hover {
            background-color: #073b4c; /* Active/hover dot color */
            transform: scale(1.25); /* Pop effect */
        }

        /* --- Arrow Navigation Styles --- */
        .naema-slider-arrow {
            background-color: transparent;
            border: 1px solid #f7cb5c;
            border-radius: 50%;
            width: 36px; /* A bit smaller */
            height: 36px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease;
        }
        .naema-slider-arrow:hover {
            background-color: #fff2f2;
        }
        .naema-slider-arrow:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }
        .naema-slider-arrow svg {
            width: 20px;
            height: 20px;
            stroke: #4a1d1d;
        }


        /* Responsive adjustments */
        @media (min-width: 640px) {
             .naema-slider-column {
                padding: 2rem;
             }
        }
        
        @media (min-width: 768px) {
            .naema-slide {
                min-width: 50%; /* 2 articles */
            }
            .naema-decorative-title {
                font-size: 3rem;
            }
            .naema-article-card {

                height: 350px; /* Revert to original height */

            }

            .naema-article-content h3 {

                font-size: 1rem; /* Revert to original size */

            }

            .naema-slider-column {

                padding: 2rem;

            }
        }

        @media (min-width: 1024px) {
            .naema-main-container {
                flex-direction: row;
            }
            .naema-decorative-title-container {
                width: 20%;
            }
            .naema-slide {
                min-width: 33.3333%; /* 3 articles */
            }
             .naema-decorative-title {
                font-size: 4rem;
            }
            .naema-slider-header {
                display: flex; /* Show header on desktop */
            }
        }
        



        /* =================================================== */
        /* ==============   بطاقات مقالات عادية    =================== */
        /* =================================================== */


        /* --- Section Styles --- */
        .modern-regul-related-articles-section {
            width: 100%;
            max-width: -webkit-fill-available;
        }

        /* --- Cards Grid --- */
        .modern-regul-cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }

        /* --- Modern Card --- */
        .modern-regul-card {
            border: 2px solid var(--seyasa-border-color);
            border-radius: 0.5rem;
            overflow: hidden;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            position: relative;
        }

        .modern-regul-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        .modern-regul-card .card-image-wrapper {
            height: 200px;
            position: relative;
        }

        .modern-regul-card .card-image {
            width: 100%;
            height: 100%;
            object-fit: fill;
            transition: transform 0.4s ease;
        }

        .modern-regul-card:hover .card-image {
            transform: scale(1.05);
        }
        
        .modern-regul-card .card-content {
            padding: 15px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            position: relative;
        }

        .modern-regul-card .card-title {
            font-size: 1rem;
            font-weight: 600;
            color: #0a2f3c;
            line-height: 1.5;
            margin: 0 0 10px 0;
            transition: color 0.2s ease;
            flex-grow: 1;
        }

        .modern-regul-card:hover .card-title {
            color: #f5b541;
        }

        .modern-regul-card .card-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.80rem;
            color: #6c757d;
            margin-top: auto;
            padding-top: 10px;
        }

        .modern-regul-card .card-meta i.fa-calendar-alt {
            margin-left: 5px;
        }

        .modern-regul-card .card-read-more {
             font-size: 1.2rem;
             color: #ced4da;
             transition: all 0.3s ease;
             opacity: 0;
             transform: translateX(10px);
        }

        .modern-regul-card:hover .card-read-more {
            opacity: 1;
            transform: translateX(0);
            color: #f5b541;
        }


        /* =================================================== */
        /* ==============  الأكثر قراءة بالرئيسية    =================== */
        /* =================================================== */


        /* --- Widget Container --- */
        .most-read-hp-widget {
            border: 2px solid #e9ecef;
            border-radius: 8px;
            width: 100%;
            max-width: 1500px;
        }
        
        /* --- Articles Grid --- */
        .most-read-hp-grid {
            display: grid;
            grid-template-columns: 1fr;
            padding: 7px;
        }

        /* --- List Styles --- */
        .most-read-hp-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
        }

        /* --- Main Link Item --- */
        .most-read-hp-item {
            display: flex;
            align-items: center; 
            padding: 20px 5px;
            border-bottom: 2px solid #e9ecef;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.2s ease;
            text-decoration: none;
            color: inherit;
        }
        
        .most-read-hp-item:hover {
             transform: translateY(-3px);
             box-shadow: 0 5px 15px rgba(0,0,0,0.07);
        }
        
        .most-read-hp-list a:last-child {
           border-bottom: none;
        }

        /* --- Item Number (Overlapping Style) --- */
        .most-read-hp-rank {
            position: absolute;
            top: 85%;
            right: 0px;
            transform: translateY(-50%);
            font-size: 5.5rem;
            font-weight: 900;
            color: #f1616194;
            user-select: none;
            z-index: 99;
        }

        /* --- Item Content & Image --- */
        .most-read-hp-content, .most-read-hp-image-container {
            position: relative;
            z-index: 1;
        }

        .most-read-hp-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            flex-grow: 1;
        }

        /* --- Category Style --- */
        .most-read-hp-category {
            display: inline-block;
            color: var(--seyasa-live-red-color);
            font-size: 0.8rem;
            font-weight: 700;
            padding: 2px 10px 2px 0;
            margin-bottom: 8px;
            border-right: 4px solid var(--seyasa-live-red-color);
        }
        
        /* --- Title Style --- */
        .most-read-hp-title {
            font-size: 1rem;
            font-weight: 600;
            color: #34495e;
            line-height: 1.7;
            text-decoration: none;
            transition: color 0.25s ease;
            margin: 0;
        }
        
        .most-read-hp-title-inner {
            display: inline;
            box-shadow: inset 0px 0px 0 rgba(226,183,74,0.2);
            text-decoration: none;
            transition: all 0.25s ease;
        }

        .most-read-hp-item:hover .most-read-hp-title {
            color: #E2B74A;
        }
        
        .most-read-hp-item:hover .most-read-hp-title-inner {
            box-shadow: inset 0px -8px 0px 0px rgba(226,183,74,0.2);
        }
        
        /* --- Image Container and Image Styles --- */
        .most-read-hp-image-container {
            width: 200px;
            height: 130px;
            border-radius: 6px;
            margin-left: 20px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            flex-shrink: 0;
            display: block;
            overflow: hidden;
        }
        
        .most-read-hp-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .most-read-hp-item:hover .most-read-hp-image {
            transform: scale(1.1);
        }
        /* --- END: Class names have been updated --- */

        /* --- START: Responsive Adjustments --- */
        
        /* For Tablets and Medium Screens */
        @media (min-width: 768px) {
            .most-read-hp-grid {
                grid-template-columns: 1fr 1fr;
                gap: 0 20px;
            }
        }
        
        /* For Large Desktop Screens */
        @media (min-width: 1200px) {
            .most-read-hp-grid {
                grid-template-columns: 1fr 1fr;
            }
        }
        
        /* For Mobile Phones */
        @media (max-width: 767px) {
            .most-read-hp-item {
                flex-direction: column; /* Stack image and content vertically */
                align-items: flex-start;
                padding: 15px;
            }

            .most-read-hp-image-container {
                width: 100%; /* Image takes full width */
                height: 180px; /* Adjust height for mobile */
                margin-left: 0;
                margin-bottom: 15px; /* Space between image and text */
            }

            .most-read-hp-content {
                width: 100%;
                padding: 0 5px;
            }

            .most-read-hp-rank {
                top: 168px;
                right: 15px;
                font-size: 6.5rem;
            }
            
            .most-read-hp-title {
                font-size: 1.1rem; /* Slightly larger title for better readability on mobile */
            }
        }
        /* --- END: Class names have been updated --- */

        .trend-button-icon {
            width: 2.5rem; /* تم تكبير العرض */
            height: 2rem; /* تم تكبير الارتفاع */
            color: var(--primary-color);
            /* إضافة خاصية الانتقال (transition) لجعل الانعكاس سلساً */
            transition: transform 0.6s ease-in-out; /* مدة 0.6 ثانية مع تسارع وتباطؤ */
        }

        /* تأثير الانعكاس عند التحويم (hover) على الـ header-card بأكمله */
        .header-card:hover .trend-button-icon {
            transform: scaleX(-1); /* يقوم بقلب العنصر أفقياً (انعكاس) */
        }

        .header-title-text {
            font-size: 1.125rem; /* text-lg */
            font-weight: 700; /* font-bold */
            color: #111827; /* text-gray-900 */
            margin: 0;
        }



        /* =================================================== */
        /* ============== سلايدر الفيديو =================== */
        /* =================================================== */

        .video-section {
            width: 100%;
            background-color: #000000b8;
            padding: 1rem;
            box-shadow: 0 0 0 100vmax #000000b8;
            clip-path: inset(0 -100vmax);
        }
        
        @media (min-width: 768px) {
            .video-section {
                padding: 1rem;
            }
        }

        .video-gallery {
            width: 100%;
            max-width: -webkit-fill-available;
            color: var(--seyasa-border-color);
            display: grid;
            grid-template-columns: 1fr;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            margin: 0 auto;
        }
        
        @media (min-width: 1024px) {
            .video-gallery {
                grid-template-columns: 2fr 1fr;
            }
        }
        
        a.main-video-wrapper {
            display: flex;
            text-decoration: none;
            color: inherit;
            position: relative;
            background-color: #000;
            overflow: hidden; /* For animation */
        }
        
        .main-video-player {
            width: 100%;
            aspect-ratio: 16 / 9;
            background-color: #000;
            position: relative;
        }

        .main-video-player img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            opacity: 0.7;
            transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
        }
        
        .main-video-wrapper .play-icon-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease, background-color 0.3s ease;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            pointer-events: none; 
        }
        .main-video-wrapper:hover .play-icon-overlay {
            transform: translate(-50%, -50%) scale(1.1);
        }
        .main-video-wrapper .play-icon-overlay svg {
            width: 40px;
            height: 40px;
            fill: #fff;
            margin-right: -5px;
        }

        .video-info-overlay {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            padding: 2rem;
            background: linear-gradient(to top, rgba(0,0,0,0.9) 20%, transparent);
            transform: translateY(0);
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        }
        
        /* NEW: Slide out animation for text */
        .is-changing .video-info-overlay {
            transform: translateY(110%);
        }
        .is-changing img {
            opacity: 0;
            transform: scale(1.05);
        }

        .video-info-overlay .category-tag {
            background-color: var(--seyasa-secondary-color);
            color: var(--seyasa-text-color-dark);
            padding: 0.25rem 0.75rem;
            font-size: 0.8rem;
            font-weight: 700;
            border-radius: 0.25rem;
            margin-bottom: 0.5rem;
            display: inline-block;
        }
        .video-info-overlay .main-video-title {
            font-size: 1.5rem;
            font-weight: 900;
            line-height: 1.3;
        }
        
        @media only screen and (max-width: 600px) {
          .video-info-overlay .main-video-title {
                font-size: 1rem;
            }
          a.main-video-wrapper {
                height: 400px;
            }
        }

        .video-playlist {
            background-color: #000000b8;
            padding: 1rem;
            display: flex;
            flex-direction: column;
            background-image: radial-gradient(ellipse at center, #000000b8 50%, #414343 125%);

        }
        .playlist-header {
            padding: 0.5rem 0.5rem 1rem 0.5rem;
            border-bottom: 1px solid var(--seyasa-border-color-2);
            margin-bottom: 1rem;
            font-size: 1.5rem;
            font-weight: 900;
            color: var(--seyasa-secondary-color);
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        
        .video-header-icon {
            width: 36px;
            height: 36px;
            animation: icon-glow 2.5s infinite ease-in-out;
        }
        .video-header-icon .screen {
            fill: var(--seyasa-secondary-color);
        }
        .video-header-icon .play-button {
            fill: var(--seyasa-light-bg);
        }
        
        @keyframes icon-glow {
            0%, 100% { filter: drop-shadow(0 0 2px rgba(255, 209, 102, 0.5)); }
            50% { filter: drop-shadow(0 0 8px rgba(255, 209, 102, 0.8)); }
        }

        .playlist-items {
            list-style: none;
            margin: 0;
            padding: 0;
            overflow-y: auto;
            flex-grow: 1;
        }
        .playlist-item {
            display: flex;
            gap: 1rem;
            padding: 0.75rem;
            border-radius: 0.375rem;
            cursor: pointer;
            transition: all 0.2s ease;
            border: 2px solid transparent;
            align-items: center;
        }
        .playlist-item:not(:last-child) { margin-bottom: 0.5rem; }
        .playlist-item:hover { background-color: var(--seyasa-text-color-dark); }
        .playlist-item.active {
            background-color: #1a202c9e;
            border-color: var(--seyasa-secondary-color);
            box-shadow: 0 0 15px -3px rgba(255, 209, 102, 0.4);
        }

        .playlist-thumbnail {
            width: 120px;
            height: 90px;
            flex-shrink: 0;
            position: relative;
        }
        .playlist-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.25rem;
        }
        .playlist-thumbnail .play-icon {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 24px; height: 24px;
            background-color: rgba(0,0,0,0.5);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
        }
        .playlist-thumbnail .play-icon svg { width: 12px; height: 12px; fill: #fff; }
        .playlist-item-info .item-category { font-size: 0.75rem; font-weight: 700; color: var(--seyasa-secondary-color); margin-bottom: 0.25rem; }
        .playlist-item-info .item-title { font-size: 0.9rem; font-weight: 400; line-height: 1.4; color: var(--seyasa-border-color); }

        /* NEW: Progress bar */
        .video-autoplay-progress-bar {
            width: 100%;
            height: 4px;
            background-color: rgba(255,255,255,0.1);
            margin-top: 1rem;
            border-radius: 2px;
        }
        .video-autoplay-progress-bar-inner {
            height: 100%;
            width: 0%;
            background-color: var(--seyasa-secondary-color);
            border-radius: 2px;
            transition: width 0s; /* No transition by default */
        }


        /* =================================================== */
        /* ==============  قسم التبليط =================== */
        /* =================================================== */

        /* للشاشات المكتبية الصغيرة (Small Desktops) */
        @media (min-width: 992px) {
        
            .tablit-news-section {
                flex: 2; 
                min-width: 0; 
            }
        
            .seyasa-sidebar {
                flex: 1; /* سيأخذ هذا العنصر وحدة واحدة من المساحة المتاحة */
                min-width: 0;
            }
        }
        
        /* --- Tiled Layout Grid --- */
        .tablit-grid {
            display: grid;
            gap: 20px;
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 200px;
        }
        
        /* ======================================================================== */
        /* --- أنماط البطاقة الأساسية (مشتركة بين جميع البطاقات) --- */
        /* ======================================================================== */
        .tablit-card {
            border-radius: 8px;
            overflow: hidden;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative; /* ضروري لوضع المحتوى فوق الصورة */
        }
        /* تأثيرات مشتركة عند التمرير */
        .tablit-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .tablit-card:hover .image-wrapper img {
            transform: scale(1.05);
        }
        .tablit-card:hover .title {
            color: var(--seyasa-secondary-color);
        }
        .tablit-card:hover .read-more-arrow {
            opacity: 1;
            transform: translateX(0);
            color: var(--seyasa-secondary-color);
        }

        /* بنية المحتوى المشتركة */
        .tablit-card .image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: fill;
            transition: transform 0.4s ease;
        }
        .tablit-card .read-more-arrow {
            font-size: 1.2rem;
            color: var(--seyasa-border-color);
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateX(-10px);
        }

        /* ======================================================================== */
        /* --- أنماط البطاقة الصغيرة (الافتراضية) - المحتوى فوق الصورة --- */
        /* ======================================================================== */
        .tablit-card .image-wrapper {
            height: 100%;
        }
        .tablit-card .content-wrapper {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
            color: #ffffff;
        }
        .tablit-card .title {
            font-size: 0.9rem;
            font-weight: 700;
            line-height: 1.4;
            margin: 0;
            color: #ffffff;
            transition: color 0.2s ease;
        }
        .tablit-card .meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.8rem;
            color: var(--seyasa-border-color);
            margin-top: 10px;
        }
        
        .meta i {
            padding-left: 5px;
        }
        
        /* ======================================================================== */
        /* --- أنماط البطاقات الطويلة والكبيرة (تتجاوز الأنماط الافتراضية) --- */
        /* ======================================================================== */
        .tablit-card-tall,
        .tablit-card-large {
            display: flex;
            flex-direction: column;
        }
        .tablit-card-tall .content-wrapper,
        .tablit-card-large .content-wrapper {
            position: static;
            background: none;
            color: var(--seyasa-text-color-dark);
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        .tablit-card-tall .title,
        .tablit-card-large .title {
            color: var(--seyasa-text-color-dark);
            flex-grow: 1;
        }
        .tablit-card-tall .category,
        .tablit-card-large .category {
            color: var(--seyasa-tertiary-color);
            background: none;
            padding: 0;
        }
        .tablit-card-tall .meta,
        .tablit-card-large .meta {
            color: var(--seyasa-text-color-light);
        }

        /* --- أنماط البطاقة الطويلة --- */
        .tablit-card-tall {
            grid-row: span 2;
        }
        .tablit-card-tall .image-wrapper {
            height: 64%;
        }

        /* --- أنماط البطاقة الكبيرة --- */
        .tablit-card-large {
            grid-column: span 2;
            grid-row: span 2;
        }
        .tablit-card-large .image-wrapper {
            height: 70%;
        }
        .tablit-card-large .title {
            font-size: 1.1rem;
        }

        /* --- Responsive Adjustments --- */
        @media (max-width: 992px) {
            .tablit-grid {
                grid-template-columns: repeat(2, 1fr);
                grid-auto-rows: 250px;
            }
            .tablit-card-tall {
                grid-row: span 1;
            }
        }

        @media (max-width: 767px) {
            .tablit-grid {
                grid-template-columns: 1fr;
                grid-auto-rows: auto;
            }
            .tablit-card-large, .tablit-card-tall, .tablit-card {
                grid-column: span 1;
                grid-row: span 1;
            }

            /* --- استثناء البطاقات الكبيرة والطويلة من تأثير التدرج على الموبايل --- */
            /* اجعل المحتوى تحت الصورة لهذه البطاقات */
            .tablit-card-large .content-wrapper,
            .tablit-card-tall .content-wrapper {
                position: static;
                background: none;
            }
            .tablit-card-large .title,
            .tablit-card-tall .title {
                color: var(--seyasa-text-color-dark);
                font-size: 1.2rem;
            }
            .tablit-card-large .category,
            .tablit-card-tall .category {
                color: var(--seyasa-tertiary-color);
                background: none;
                padding: 0;
                border-radius: 0;
                align-self: flex-start;
            }
            .tablit-card-large .meta,
            .tablit-card-tall .meta {
                 color: var(--seyasa-text-color-light);
            }

            /* --- تعديل ارتفاع الصور للموبايل لإعطاء طابع المجلة --- */
            .tablit-card-large .image-wrapper {
                height: 250px; /* صورة أكبر للبطاقة الرئيسية */
            }
            .tablit-card-tall .image-wrapper {
                height: 200px;
            }
            /* البطاقات الصغيرة ستحافظ على تصميمها الأصلي مع المحتوى فوق الصورة */
            .tablit-card:not(.tablit-card-large):not(.tablit-card-tall) {
                min-height: 220px; /* تحديد ارتفاع للبطاقات الصغيرة */
            }
            .tablit-card:not(.tablit-card-large):not(.tablit-card-tall) .image-wrapper {
                height: 100%;
            }
        }



        /* =================================================== */
        /* ==============   الشريط الزمني ويدجت     =================== */
        /* =================================================== */


        .wz-container {
            max-width: fit-content;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

        .wz-widget {
            backdrop-filter: blur(15px) saturate(150%);
            -webkit-backdrop-filter: blur(15px) saturate(150%);
            border: 1px solid var(--seyasa-border-color);
            border-radius: 0.75rem;
            overflow: hidden;
        }
        
        .wz-slider-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: 14rem;
        }

        #slider-container {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .wz-slide-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 1;
            transition: opacity 0.8s ease-in-out;
        }
        
        .wz-slide-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            animation-duration: 10s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

        .wz-slide-description {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 1.5rem 1rem 1rem 1rem;
            background: linear-gradient(to top, rgba(7, 59, 76, 0.7), transparent);
            color: #ffffff;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s ease-out, transform 0.5s ease-out;
            transition-delay: 0.4s;
        }

        .wz-slide-description p {
            margin: 0;
            font-size: 1.1rem;
            line-height: 1.4;
            font-weight: 600;
        }
        
        @keyframes wz-kenburns-zoom-in {
            from { transform: scale(1); }
            to { transform: scale(1.15); }
        }
        @keyframes wz-kenburns-top-left {
            from { transform: scale(1.15) translate(0, 0); }
            to { transform: scale(1.15) translate(5%, 5%); }
        }
        @keyframes wz-kenburns-bottom-right {
             from { transform: scale(1.15) translate(0, 0); }
            to { transform: scale(1.15) translate(-5%, -5%); }
        }
         @keyframes wz-kenburns-pan-right {
            from { transform: scale(1.2) translate(-5%, 0); }
            to { transform: scale(1.2) translate(5%, 0); }
        }

        .wz-kenburns-zoom-in { animation-name: wz-kenburns-zoom-in; }
        .wz-kenburns-top-left { animation-name: wz-kenburns-top-left; }
        .wz-kenburns-bottom-right { animation-name: wz-kenburns-bottom-right; }
        .wz-kenburns-pan-right { animation-name: wz-kenburns-pan-right; }

        .wz-slide-active {
            opacity: 1;
            z-index: 2;
        }
        
        .wz-slide-active .wz-slide-description {
            opacity: 1;
            transform: translateY(0);
        }

        .wz-nav-container {
            padding: 1.5rem;
            background-color: rgba(248, 250, 252, 0.5);
            border-top: 1px solid var(--seyasa-border-color);
            position: relative;
        }

        #timeline-track, #vertical-progress-fill {
            position: absolute;
            right: 30px; 
            top: 0; 
            width: 4px;
            background-color: var(--seyasa-border-color);
            border-radius: 2px;
            z-index: 1;
        }

        #vertical-progress-fill {
            background-color: var(--seyasa-secondary-color);
            height: 0;
            transition: height 5s linear;
            z-index: 2;
        }

        #nav-list {
            position: relative;
            z-index: 3; 
        }

        /* --- UPDATED: The key fix is here --- */
        .wz-news-nav-item {
            display: flex; 
            align-items: center;
            gap: 1rem; 
            text-decoration: none;
            cursor: pointer;
            padding: 0.25rem 0;
            transition: background-color 0.3s;
            border-radius: 0.5rem;
            min-height: 3.5rem; /* Ensures all items have the same height, preventing layout shifts */
        }

        .wz-news-nav-item:hover {
            background-color: rgba(226, 232, 240, 0.7);
        }

        #nav-list > * + * {
            margin-top: 0.25rem;
        }
        
        .wz-timeline-dot {
            position: relative;
            flex-shrink: 0;
            width: 1rem;
            height: 1rem;
            background-color: #ffffff;
            border: 2px solid var(--seyasa-border-color);
            border-radius: 9999px;
            transition: all 0.4s ease;
        }
        
        .wz-news-nav-item h4 {
            margin: 0;
            font-weight: 600;
            color: var(--seyasa-text-color-dark);
            transition: color 0.3s ease, letter-spacing 0.3s ease, transform 0.3s ease;
            font-size: 1rem;
            line-height: 1.5;
            letter-spacing: -0.5px;
        }
        
        .wz-nav-item-active h4 {
             color: var(--seyasa-text-color-dark);
             font-weight: 700;
             letter-spacing: 0;
             transform: translateX(-3px);
        }

        .wz-nav-item-completed h4 {
            color: var(--seyasa-text-color-light);
        }

        .wz-nav-item-active .wz-timeline-dot {
            background-color: #ffffff;
            border-color: var(--seyasa-brand-gold);
            transform: scale(1.3);
            box-shadow: 0 0 0 4px rgba(255, 209, 102, 0.4);
        }

        .wz-nav-item-completed .wz-timeline-dot {
            background-color: var(--seyasa-border-color);
            border-color: var(--seyasa-border-color);
        }

        @media (max-width: 480px) {
            .wz-container {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }
            .wz-slider-wrapper {
                height: 12rem;
            }
            .wz-nav-container {
                padding: 1rem;
            }
            .wz-news-nav-item h4 {
                font-size: 0.875rem;
                line-height: 1.4;
            }
            .wz-slide-description p {
                font-size: 0.95rem;
                line-height: 1.5;
            }
            .wz-timeline-dot {
                width: 0.875rem;
                height: 0.875rem;
            }
            #timeline-track, #vertical-progress-fill {
                right: 21px;
            }
        }



        /* =================================================== */
        /* ==============    قسم مقالاتي  =================== */
        /* =================================================== */

        .makalat-container {
            max-width: 1200px; 
            margin: 0 auto;
            padding: 0 15px;
        }


        /* ============================================
         NEWS GRID STYLES
         أنماط شبكة الأخبار
         ============================================
        */
        .makalat-news-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* استخدام repeat لشيفرة أنظف */
            gap: 25px;
        }

        /* ============================================
         NEWS CARD (ITEM) STYLES
         ============================================
        */
        a.makalat-news-card {
            display: flex; /* تغيير إلى فليكس لتحكم أفضل بالارتفاع */
            flex-direction: column;
            padding: 1rem;
            transition: transform 0.3s, box-shadow 0.3s;
            border: 1px solid var(--seyasa-border-color);
            border-radius: 0.5rem;
        }
        
        a.makalat-news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }

        .makalat-news-item {
            display: flex;
            align-items: center;
            gap: 15px;
            flex-grow: 1; /* للسماح بالتمدد وملء المساحة */
        }
        
        .makalat-news-item-img-wrapper {
            position: relative;
            width: 95px;
            height: 120px;
            flex-shrink: 0;
        }
        
        .makalat-news-item-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border: 2px solid #fff;
            box-shadow: 0 0 5px rgba(0,0,0,0.1);
        }

        .makalat-news-item-img-wrapper::before,
        .makalat-news-item-img-wrapper::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            border-color: var(--seyasa-text-color-dark);
            border-style: solid;
            transition: all 0.3s ease;
            opacity: 0.6;
        }

        .makalat-news-item-img-wrapper::before {
            top: -4px;
            left: -4px;
            border-width: 2px 0 0 2px;
        }

        .makalat-news-item-img-wrapper::after {
            bottom: -4px;
            right: -4px;
            border-width: 0 2px 2px 0;
        }

        a.makalat-news-card:hover .makalat-news-item-img-wrapper::before,
        a.makalat-news-card:hover .makalat-news-item-img-wrapper::after {
            width: 25px;
            height: 25px;
            opacity: 1;
        }
        
        .makalat-news-item-content {
            text-align: right;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center; /* توسيط المحتوى عمودياً */
        }

        .makalat-news-item-title {
            font-size: 17px;
            font-weight: 700;
            color: var(--seyasa-text-color-dark);
            margin-bottom: 8px;
            transition: color 0.3s;
            position: relative; /* مطلوب لتحديد موضع الخط */
            padding-right: 12px; /* مساحة للخط الأحمر */
        }

        /* --- ✨ التعديل الجديد هنا ✨ --- */
        .makalat-news-item-title::before {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 75%; /* ارتفاع الخط */
            width: 3px; /* عرض الخط */
            background-color: var(--seyasa-live-red-color); /* استخدام اللون الأحمر من المتغيرات */
            border-radius: 2px;
        }
        
        a.makalat-news-card:hover .makalat-news-item-title {
            color: var(--seyasa-text-color-dark);
        }

        .makalat-news-item-meta {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .makalat-news-item-author {
            font-family: 'Amiri', serif;
            font-size: 15px;
            font-weight: 700; 
            color: var(--seyasa-text-color-light);
        }

        .makalat-news-item-icon svg {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            stroke: var(--seyasa-text-color-dark); 
            stroke-width: 1.5;
            fill: none;
        }
        
        /* ============================================
         RESPONSIVE STYLES
         ============================================
        */
        @media (max-width: 1024px) { /* للأجهزة اللوحية الكبيرة واللابتوبات الصغيرة */
            .makalat-news-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 767px) { /* للأجهزة اللوحية الصغيرة */
             .makalat-news-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) { /* للهواتف الصغيرة */
            .makalat-news-item {
                flex-direction: column; /* جعل الصورة فوق النص */
                text-align: center;
                gap: 1rem;
            }
            .makalat-news-item-img-wrapper {
                width: 280px;
                height: 140px;
            }
             .makalat-news-item-content {
                text-align: center;
                align-items: center;
            }
            .makalat-news-item-meta {
                justify-content: center;
            }
             .makalat-news-item-title {
                font-size: 16px;
            }
             /* توسيط الخط الأحمر مع العنوان في الشاشات الصغيرة */
            .makalat-news-item-title::before {
                right: -12px;
            }
        }



        /* =================================================== */
        /* ==============  قسم مقالات بنقاط جانبية =================== */
        /* =================================================== */


        .poin-article-container {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding: 1rem;
        }

        .poin-article-main-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
        
        .poin-article-main-content {
            grid-column: span 1 / span 1;
        }
        
        .poin-article-sidebar {
             grid-column: span 1 / span 1;
        }

        .poin-article-articles-inner-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }

        /* 2. تصميم مخصص لنقاط القائمة الجانبية */
        .poin-article-custom-list {
            list-style: none;
        }
        
        .poin-article-custom-list li + li {
            margin-top: 1rem;
        }

        .poin-article-custom-list li::before {
            content: '■';
            color: var(--seyasa-tertiary-color);
            font-size: 1.2em;
            margin-left: 0.75rem;
            display: inline-block;
        }
        
        /* تأثيرات الهوفر للقائمة الجانبية */
        .poin-article-custom-list a {
            color: var(--seyasa-text-color-dark);
            transition: color 0.25s ease;
            text-decoration: none;
        }

        .poin-article-custom-list a:hover {
            color: var(--seyasa-secondary-color);
        }

        .poin-article-custom-list a .poin-article-link-text-inner {
            display: inline;
            box-shadow: inset 0px 0px 0 rgba(255, 209, 102, 0.4);
            transition: all 0.25s ease;
            font-weight: 600;
        }
        
        .poin-article-custom-list a:hover .poin-article-link-text-inner {
             box-shadow: inset 0px -10px 0px 0px rgba(255, 209, 102, 0.4);
        }


        /* 3. تصميم بطاقة المقال الجديدة */
        .poin-article-card {
            border-radius: 8px;
            overflow: hidden;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
        }

        .poin-article-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        .poin-article-card .poin-article-card-image-wrapper {
            height: 180px;
            overflow: hidden;
            position: relative;
        }

        .poin-article-card .poin-article-card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .poin-article-card:hover .poin-article-card-image {
            transform: scale(1.05);
        }
        
        .poin-article-card .poin-article-card-content {
            padding: 1rem;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .poin-article-card .poin-article-card-title {
            font-size: 1rem;
            font-weight: 700;
            color: var(--seyasa-text-color-dark);
            line-height: 1.5;
            margin-bottom: 0.5rem;
            transition: color 0.2s ease;
        }

        .poin-article-card:hover .poin-article-card-title {
            color: var(--seyasa-secondary-color);
        }
        
        .poin-article-card .poin-article-card-excerpt {
            color: var(--seyasa-text-color-light);
            font-size: 0.8rem;
            line-height: 1.6;
        }
        
        .poin-article-card .poin-article-card-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.85rem;
            color: var(--seyasa-text-color-light);
            margin-top: auto;
            padding-top: 10px;
        }

        .poin-article-card .poin-article-card-meta i.fa-calendar-alt {
            margin-left: 5px;
        }

        .poin-article-card .poin-article-card-read-more {
             font-size: 1.2rem;
             color: #ced4da;
             transition: all 0.3s ease;
             opacity: 0;
             transform: translateX(10px);
        }

        .poin-article-card:hover .poin-article-card-read-more {
            opacity: 1;
            transform: translateX(0);
            color: var(--seyasa-secondary-color);
        }

        /* 4. الاستجابة للأجهزة المختلفة (Media Queries) */
        
        @media (min-width: 640px) {
            .poin-article-articles-inner-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (min-width: 768px) {
            .poin-article-main-grid {
                grid-template-columns: repeat(4, 1fr);
                gap: 2rem;
            }
            .poin-article-main-content {
                grid-column: span 3 / span 3;
                border-left: 1px solid var(--seyasa-border-color);
                padding-left: 1.5rem;
            }
            .poin-article-sidebar {
                grid-column: span 1 / span 1;
            }
        }
        
        @media (min-width: 1024px) {
            .poin-article-articles-inner-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        
        /* =================================================== */
        /* ============== إعدادات الإعلان ================== */
        /* =================================================== */

        .ks-header-ad-banner2 {
            margin: 1rem auto; 
            text-align: center;
            display: block;
            width: -webkit-fill-available;
        }
        
        .ks-header-ad-banner2 img {
            width: -webkit-fill-available;
        }

        @media (min-width: 992px) {
            .ks-header-ad-banner2 {
                display: none;
            }
        }