/* متغيرات الألوان للوضع النهاري */
:root {
    /* ألوان رئيسية */
    --primary-color: #fecc3a;
    --secondary-color: #82059f;
    --accent-color: #282728;
    
    /* ألوان الخلفية */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f5f5f9;
    --bg-card: #ffffff;
    
    /* ألوان النص */
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-light: #ffffff;
    
    /* ألوان الحدود */
    --border-color: #dbdbdb;
    --border-light: #f0f0f0;
    --border-dark: #d5d5e6;
    
    /* ألوان الظلال */
    --shadow-color: rgba(0, 0, 0, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.2);
    
    /* ألوان خاصة بالعناصر */
    --header-bg: #ffffff;
    --footer-bg: #f8f9fa;
    --sidebar-bg: #ffffff;
    --card-bg: #ffffff;
    
    /* ألوان الترندات */
    --trend-card-bg: #f5f5f9;
    --trend-card-hover: #efefff;
    --trend-border: #dadbf0;
    
    /* ألوان الطقس */
    --weather-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --weather-card-bg: rgba(255, 255, 255, 0.1);
    
    /* ألوان الصلاة */
    --prayer-bg: linear-gradient(135deg, #ffb400 0%, #ffb400 100%);
    --prayer-card-bg: rgba(255, 255, 255, 0.15);
}

/* متغيرات الألوان للوضع الليلي */
[data-theme="dark"] {
	background-color: #121212; !important;
    /* ألوان رئيسية */
    --primary-color: #ffcc00;
    --secondary-color: #9c27b0;
    --accent-color: #7e57c2;
    
    /* ألوان الخلفية */
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --bg-tertiary: #2d2d2d;
    --bg-card: #1e1e1e;
    
    /* ألوان النص */
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #888888;
    --text-light: #ffffff;
    
    /* ألوان الحدود */
    --border-color: #33333391;
    --border-light: #444444;
    --border-dark: #555555;
    
    /* ألوان الظلال */
    --shadow-color: rgba(0, 0, 0, 0.3);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    
    /* ألوان خاصة بالعناصر */
    --header-bg: #1a1a1a;
    --footer-bg: #1a1a1a;
    --sidebar-bg: #1e1e1e;
    --card-bg: #2d2d2d;
    
    /* ألوان الترندات */
    --trend-card-bg: #2d2d2d;
    --trend-card-hover: #3d3d3d;
    --trend-border: #444444;
    
    /* ألوان الطقس */
    --weather-bg: linear-gradient(135deg, #2c3e50 0%, #4a235a 100%);
    --weather-card-bg: rgba(255, 255, 255, 0.05);
    
    /* ألوان الصلاة */
    --prayer-bg: linear-gradient(135deg, #d35400 0%, #e67e22 100%);
    --prayer-card-bg: rgba(255, 255, 255, 0.1);
}

/* تطبيق المتغيرات */



html[data-theme="light"] body {
    background: #dce2e7 !important;
    color: var(--text-primary) !important;
}

html[data-theme="light"] .y-fp-bg {
    background-color: #dce2e7;
    background-position: 0 -2335px;
    background-position-x: 0px;
    background-position-y: -2335px;
    background-repeat: repeat-x;
    background-attachment: scroll;
}


html[data-theme="dark"] .y-fp-bg {
    background-color: #121212;
    background-position: 0 -2335px;
    background-position-x: 0px;
    background-position-y: -2335px;
    background-repeat: repeat-x;
    background-attachment: scroll;
}


html[data-theme="dark"] body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}





.y-fp-bg {
    background-color: #dce2e7;
    background-position: 0 -2335px;
    background-position-x: 0px;
    background-position-y: -2335px;
    background-repeat: repeat-x;
    background-attachment: scroll;
}

.y-fp-pg-grad {
    background-image: url(images-css/gsprite_pg_slate_20110124.png);
    background-repeat: repeat-x;
}








/* الوضع الليلي */
html[data-theme="dark"] .y-fp-pg-grad {
    background-image: none !important; /* نفس اللي انت عامله */
    background-repeat: repeat-x !important;
}






/* ========== التجاوب للموبايل فقط ========== */

/* إضافات تحسين التجاوب */
* {
    box-sizing: border-box;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* زر القائمة للموبايل */
.mobile-menu-toggle {
    display: none;
    position: fixed;
    top: 60px;
    left: 15px;
    background: var(--secondary-color);
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 20%;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 2px 10px var(--shadow-dark);
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* زر الوضع الليلي */
.theme-toggle {
    position: fixed;
    top: 106px;
    left: 15px;
    background: var(--secondary-color);
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 20%;
    align-items: center;
    justify-content: center;
    z-index: 999;
    box-shadow: 0 2px 10px var(--shadow-dark);
    border: none;
    font-size: 20px;
    cursor: pointer;
    display: flex;
}

.theme-toggle:hover {
    transform: scale(1.1);
}

/* نافذة القائمة الجانبية */
.mobile-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: var(--sidebar-bg);
    z-index: 1001;
    transition: right 0.3s ease;
    overflow-y: auto;
    padding: 20px;
    direction: rtl;
}

.mobile-sidebar.active {
    right: 0;
}

.mobile-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
}

.mobile-sidebar-overlay.active {
    display: block;
}

.mobile-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--primary-color);
}

.mobile-sidebar-title {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
}

.mobile-sidebar-close {
    background: none;
    border: none;
    font-size: 24px;
    color: var(--text-secondary);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

.mobile-sidebar-close:hover {
    background: var(--bg-secondary);
}

/* محتوى القائمة الجانبية */
.mobile-sidebar-content {
    padding: 10px 0;
}

/* شاشات الموبايل (أقل من 768px) */
@media only screen and (max-width: 767px) {
    /* إعادة ضبط الحاوية الرئيسية */
    #y-content, #y-cols, #y-width, #y-shade, #y-masthead, 
    #y-header, #y-footer, #y-subfooter {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }
    
    .mobile-menu-toggle {
        display: flex !important;
    }
    
    .theme-toggle {
        top: 106px;
    }
    
    /* إخفاء القائمة الجانبية الأصلية على الموبايل */
    #y-pa {
        display: none !important;
    }
    
    /* تحسين الهيدر للجوال */
    #y-header {
        padding: 0 !important;
    }
    
    .type_tabbar .tabs {
        display: none !important;
    }
    
    .mobile-tabs {
        display: block !important;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border-color);
        margin-top: 10px;
    }
    
    .mobile-tabs-container {
        display: flex;
        overflow-x: auto;
        padding: 10px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .mobile-tabs-container::-webkit-scrollbar {
        display: none;
    }
    
    .mobile-tab {
        padding: 8px 15px;
        background: var(--bg-card);
        border: 1px solid var(--border-color);
        border-radius: 20px;
        margin-left: 8px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        color: var(--text-primary);
    }
    
    .mobile-tab.active {
        background: var(--primary-color);
        color: white;
        border-color: var(--primary-color);
    }
    
    /* تحسين شريط البحث للموبايل */
    .type_masthead_default .mh-wrap {
        padding: 10px !important;
        flex-direction: column;
    }
    
    .type_masthead_default .logo-container {
        margin: 0 auto 15px !important;
        float: none !important;
        text-align: center;
        height: 40px !important;
    }
    
    .type_masthead_default .search-form {
        float: none !important;
        width: 100% !important;
    }
    
    .type_masthead_default .searchwrapper {
        width: 100% !important;
    }
    
    .type_masthead_default .input-long {
        width: 100% !important;
        font-size: 16px !important;
        color: var(--text-primary) !important;
        border-color: var(--border-color) !important;
    }
    
    .type_masthead_default .button-wrapper {
        margin: 0px 0 0 0 !important;
        width: 100% !important;
    }
    
    .type_masthead_default .searchsubmit {
        width: 100% !important;
        padding: 12px !important;
        color: white !important;
    }
    
    /* إعادة ترتيب الأعمدة للموبايل */
    #y-cols {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        border: none !important;
    }
    
    #y-pa, #y-col1, #y-col2 {
        float: none !important;
        width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 15px 10px !important;
        box-sizing: border-box !important;
    }
    
    #y-pa {
        display: none;
    }
    
    #y-col1 {
        order: 1;
    }
    
    #y-col2 {
        order: 2;
        border-bottom: 1px solid var(--border-color);
    }
    
    /* تحسين الصور للموبايل */
    img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
    }
    
    .type_fptoday .package-header img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover;
        border-radius: 10px;
    }
    
    /* تحسين القوائم */
    .type_news .stories li {
        padding: 12px 0 !important;
        border-bottom: 1px solid var(--border-color) !important;
        margin-bottom: 8px !important;
    }
    
    .type_news .stories li:last-child {
        border-bottom: none !important;
    }
    
    /* تحسين الترندات الجديدة */
    .trends-cards .trend-card {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
    
    /* تحسين الطقس وأوقات الصلاة */
    .weather-modern .weather-current {
        flex-direction: column !important;
    }
    
    .weather-modern .weather-info {
        text-align: center !important;
        margin-bottom: 15px !important;
    }
    
    .weather-modern .forecast-days {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* تحسين أوقات الصلاة */
    .prayer-time-homes-modern {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* تحسين الأخبار العاجلة */
    .type_specialevents .breaking-news {
        padding: 15px !important;
        border-radius: 10px;
        background: var(--bg-card);
        box-shadow: 0 2px 10px var(--shadow-color);
        margin-bottom: 20px;
    }
    
    .type_specialevents .breaking-news .img a img {
        width: 100% !important;
        height: 150px !important;
        object-fit: cover;
        border-radius: 8px;
    }
    
    /* تحسين المزيد من الأخبار */
    .more-news-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    /* تحسين التمرير السلس */
    html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    
    /* تحسين العناصر التفاعلية */
    a, button, 
    .y-tl-news a, 
    .type_pa .sb .btn a {
        min-height: 44px !important;
        min-width: 44px !important;
    }
    
    /* إصلاح الإدخال على iOS */
    input, textarea, select {
        font-size: 16px !important;
    }
    
    /* إخفاء العناصر غير الضرورية */
    .desktop-only {
        display: none !important;
    }
}

/* للأجهزة اللوحية (من 768px إلى 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .y-content, #y-width, #y-shade, #y-masthead,
    #y-header, #y-content, #y-footer, #y-subfooter {
        width: 100% !important;
        min-width: auto !important;
    }
    
    #y-cols {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    #y-pa {
        width: 25% !important;
        margin-right: 3% !important;
    }
    
    #y-col1 {
        width: 72% !important;
    }
    
    #y-col2 {
        width: 100% !important;
        margin-top: 25px !important;
        clear: both !important;
    }
}

/* شاشات كبيرة (أكبر من 1024px) */
@media only screen and (min-width: 1025px) {
    .mobile-tabs,
    .mobile-menu-toggle,
    .mobile-sidebar,
    .mobile-sidebar-overlay {
        display: none !important;
    }
    
    .type_tabbar .tabs {
        display: block !important;
    }
    
    .desktop-only {
        display: block !important;
    }
    
    #y-pa {
        display: block !important;
    }
}

/* ========== نهاية إضافات التجاوب ========== */

/* إضافة خط عربي */
body, h1, h2, h3, p, a, span, li, button, input {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
}

/* ========== تصميم الطقس الحديث ========== */
.weather-modern {
    background: var(--weather-bg);
    border-radius: 12px;
    padding: 20px;
    color: white;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px var(--shadow-dark);
}

.weather-modern .weather-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.weather-modern .weather-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.weather-modern .weather-location {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.weather-modern .weather-location i {
    font-size: 16px;
}

.weather-modern .weather-current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 15px;
    background: var(--weather-card-bg);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
}

.weather-modern .weather-icon-large {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weather-modern .weather-icon-large img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

.weather-modern .weather-info {
    text-align: center;
    flex: 1;
}

.weather-modern .weather-temp {
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.weather-modern .weather-desc {
    font-size: 16px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.weather-modern .weather-details {
    display: flex;
    gap: 20px;
    justify-content: center;
    font-size: 14px;
}

.weather-modern .weather-details span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.weather-modern .forecast-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.weather-modern .forecast-days {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.weather-modern .forecast-day {
    background: var(--weather-card-bg);
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    transition: transform 0.3s ease, background 0.3s ease;
}

.weather-modern .forecast-day:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.2);
}

.weather-modern .forecast-day .day-name {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 14px;
}

.weather-modern .forecast-day .forecast-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 8px;
}

.weather-modern .forecast-day .forecast-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.weather-modern .forecast-day .temp-range {
    font-size: 14px;
    direction: ltr;
}

.weather-modern .forecast-day .weather-status {
    font-size: 12px;
    opacity: 0.9;
    margin-top: 5px;
}

/* ========== تصميم الترندات الجديدة ========== */
/* الصندوق الرئيسي */
.trends-cards {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 12px;
    margin-top: 15px;
    font-family: Tahoma, Arial, sans-serif;
}

/* الهيدر */
.trends-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--border-dark);
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.trends-header h2 {
    font-size: 17px;
    margin: 0;
    color: var(--accent-color);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 6px;
}

.trends-header h2 i {
    color: #e87929;
    font-size: 18px;
}

.trends-refresh {
    color: var(--accent-color);
    font-size: 13px;
    text-decoration: none;
    display: flex;
    gap: 4px;
    align-items: center;
}

.trends-refresh:hover i {
    transform: rotate(180deg);
    transition: 0.4s ease;
}

/* شبكة الكروت */
.trends-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

/* الكارت */
.trend-card {
    background: var(--trend-card-bg);
    border: 1px solid var(--trend-border);
    padding: 10px 12px;
    border-radius: 4px;
    position: relative;
    transition: 0.25s;
}

.trend-card:hover {
    background: var(--trend-card-hover);
    border-color: var(--border-dark);
}

/* رقم التريند */
.trend-number {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--accent-color);
    color: #fff;
    width: 26px;
    height: 26px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
}

/* النص */
.trend-text {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    color: var(--text-primary);
    line-height: 1.4;
}

.trend-text a {
    color: var(--text-primary);
    text-decoration: none;
}

.trend-text a:hover {
    color: var(--primary-color);
}

/* الإحصائيات */
.trend-stats {
    font-size: 12px;
    color: var(--text-secondary);
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.trend-stats i {
    color: var(--accent-color);
    margin-left: 3px;
}

/* ========== تصميم المزيد من الأخبار ========== */
.more-news-section {
    background: #d9d9d9;
    border-radius: 3px;
    padding: 7px;
    margin-top: 4px;
    /* border: 1px solid var(--border-color); */
}

.more-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #202020;
}

.more-news-header h2 {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.more-news-header h2 i {
}

.more-news-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.news-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #ffffff70;
    border: 1px solid var(--border-color);
}

.news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px var(--shadow-color);
}

.news-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.news-card-content {
    padding: 12px;
}

.news-card-title {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    color: var(--text-primary);
    font-weight: 500;
}

.news-card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.news-card-title a:hover {
    color: var(--primary-color);
}

/* ========== تصميم أوقات الصلاة الحديث ========== */
.prayer-time-homes-modern {
    background: var(--prayer-bg);
    padding: 20px;
    color: white;
    box-shadow: 0 4px 20px var(--shadow-dark);
}

.prayer-time-homes-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.prayer-time-homes-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}

.prayer-time-homes-header .date {
    font-size: 14px;
    opacity: 0.9;
}

.prayer-time-homes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.prayer-time-home-card {
    background: var(--prayer-card-bg);
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    transition: transform 0.3s ease, background 0.3s ease;
}

.prayer-time-home-card:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.2);
}

.prayer-time-home-card i {
    font-size: 24px;
    margin-bottom: 8px;
    display: block;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

.prayer-name {
    font-size: 12px;
    opacity: 0.9;
    margin-bottom: 5px;
}

.prayer-time-home {
    font-size: 16px;
    font-weight: bold;
}

/* ========== تبويبات الأخبار النشطة ========== */
.type_news_default .y-tl-news li a {
    transition: all 0.3s ease;
    position: relative;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.type_news_default .y-tl-news li.selected a {
    background: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
}

.type_news_default .y-tl-news li a:hover {
    background: var(--bg-tertiary) !important;
    color: var(--primary-color) !important;
}

.type_news .tabpanel {
    display: none;
    animation: fadeIn 0.3s ease;
}

.type_news .tabpanel.selected {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ========== CSS الأصلي مع تعديلات الوضع الليلي ========== */
html {
    color: #000;
}

body, div, ul, ol, li, h1, h2, h3, code, form, fieldset, legend, input, p {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

code, em, strong, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

h1, h2, h3 {
    font-size: 100%;
    font-weight: normal;
}

input {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input {
    *font-size: 100%}
legend {
    color: #000;
}

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    *font-size: small;
    *font: x-small;
}

input, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

code {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%}
a {
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

input[type=submit] {
    cursor: pointer;
}

button {
    cursor: pointer;
}

.y-tablist {
    position: relative;
    zoom: 1;
}

.y-tablist:after {
    content: '.';
    height: 0;
    visibility: hidden;
    display: block;
    overflow: hidden;
    clear: both;
}

.y-tablist li {
    float: right;
}

.y-tablist a {
    display: block;
    cursor: pointer;
}

.y-tablist a:focus {
    outline: 1px dotted black;
}

.y-tabpanels .tabpanel {
    display: none;
}

.y-tabpanels .tabpanel.selected {
    display: block;
}

.y-carousel {
    position: relative;
    text-align: left;
    overflow: hidden;
    width: 100%}
.y-carousel .y-carousel-list {
    position: relative;
    width: 100000px;
}

ul.y-tl-news {
    margin-right: -1px;
}

.y-tl-news a {
    padding: 6px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.y-tl-news a:focus {
    outline: 1px dotted black;
}

.y-tl-news li a:hover {
    text-decoration: none;
}

.y-tl-news li {
    text-align: center;
    font-weight: bold;
}

.y-tl-news li a {
    margin: 0;
}

.y-tl-news li a {
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.y-tl-news li a:hover {
}

/* الوضع النهاري */
html[data-theme="light"] .y-tl-news li.selected a {
    background-color: #fff;
    outline: none;
    border-bottom: 1px solid #fff !important;
}

/* الوضع الليلي */
html[data-theme="dark"] .y-tl-news li.selected a {
    outline: none;
    border-bottom: 1px solid #fff !important;
    background-color: unset !important; /* إزالة اللون النهاري */
}


.y-carousel {
    position: relative;
    text-align: left;
    overflow: hidden;
    width: 100%}
.y-carousel .y-carousel-list {
    position: relative;
    width: 100000px;
}

#y-shade, #y-header, #y-masthead, #y-content, #y-cols, #y-cols #y-pa, #y-cols #y-col1, #y-cols #y-col2, #y-footer, #y-subfooter {
    position: relative;
}

#y-cols #y-pa {
    z-index: 1;
}

#y-cols #y-col1 {
    z-index: 0;
}

#y-cols #y-col2 {
    z-index: 2;
}

#y-shade {
    z-index: 16;
}

#y-header {
    z-index: 14;
}

#y-masthead {
    z-index: 15;
}

#y-content, #y-cols {
    z-index: 11;
}

#y-footer, #y-subfooter {
    z-index: 10;
}

.type_specialevents .breaking-news {
    border-right-width: 1px;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
    padding-bottom: .4em;
}

.type_specialevents .breaking-news .title {
    padding: 1.53em .2em;
    text-align: center;
}

.type_specialevents .breaking-news .small-title a {
}

.type_specialevents .breaking-news .small-title {
    padding: .4em 0 0 .77em;
    text-align: right;
}

.type_specialevents .breaking-news .img {
    margin-top: 0em;
}

.type_specialevents .breaking-news .img a {
    display: block;
    text-align: center;
}

.type_specialevents .breaking-news .foot {
    text-align: right;
    padding: .2em .4em 0 .4em;
}

.type_specialevents .breaking-news .foot li.first {
    border: 0;
}

.type_specialevents .breaking-news .foot li {
    border-left-style: solid;
    border-left-width: 1px;
    display: inline;
}

.type_specialevents .breaking-news .foot li a {
    padding-left: 18px;
    margin: 0 .3em;
}

.type_specialevents .breaking-news .headlines {
    margin: .5em 0 0 0;
}

.type_specialevents .breaking-news .headlines a {
    margin: 0 .4em;
    padding-left: 1.5em;
    display: inline-block;
}

.type_specialevents .breaking-news .head {
    height: 1.7em;
}

.type_specialevents .breaking-news .head .txt {
    display: block;
    margin-top: -1.8em;
    padding: .15em 1.4em .1em .77em;
}

.type_specialevents .breaking-news .head .bg {
    display: inline-block;
    border-width: 1.9em 1em 0 0;
    border-style: solid;
    border-right-color: transparent;
    line-height: 0;
    height: 0;
    overflow: hidden;
    padding-right: 9.1em;
    -moz-box-shadow: -14px 3px 3px #888;
    -webkit-box-shadow: -14px 3px 3px #888;
    box-shadow: -14px 3px 3px #888;
}

.type_specialevents .breaking-news .head .purple {
    border-top-color: #323131;
}

.type_specialevents .breaking-news .purple a {
    color: #FFF;
}

.type_specialevents .breaking-news a.purple-txt {
}

.type_specialevents .breaking-news .headlines a.bullet {
    background-position: left 7px;
    padding-left: .6em;
    margin-left: 1.2em;
}

.type_specialevents .breaking-news .foot li a.none {
    padding-left: .2em;
}

.type_specialevents .breaking-news {
    overflow: hidden;
}

.type_contentcarouselslideshow1_default div.wrapper {
    border-bottom-color: #DFDFDF;
}

.type_contentcarouselslideshow1_default img {
    border-width: 1px;
    border-style: solid;
    display: block;
}

.type_contentcarouselslideshow1_default .thumb .link {
    display: block;
    padding-right: 8px;
}

.type_contentcarouselslideshow1_default .thumb .img {
    margin-right: 5px;
    float: left;
}

.type_contentcarouselslideshow1_default .main, .type_contentcarouselslideshow1_default .thumbs {
    margin-top: 1px;
}

.type_contentcarouselslideshow1 .type2thumb .wrapper {
    padding-top: 1em;
}

.type_contentcarouselslideshow1 .type2thumb .thumb {
    float: left;
    text-align: center;
    width: 46%;
    overflow: hidden;
}

.type_contentcarouselslideshow1 .type2thumb .first {
    margin-right: 7%}
.type_contentcarouselslideshow1 .type2thumb .img {
    float: none;
    margin: auto;
}

.type_contentcarouselslideshow1 .type2thumb img {
    display: inline;
    border: none;
}

.type_contentcarouselslideshow1_default .type2thumb .thumb .link {
    padding-right: 0;
}

.type_contentcarouselslideshow1_default .type2thumb div.wrapper {
    border-bottom-color: #DFDFDF;
}

.type_ads {
    text-align: center;
}

.type_ads .adbcn {
    position: absolute;
    visibility: hidden;
}

.type_tuc_default .hidden {
    display: none;
}

.type_tuc_default .invisible {
    visibility: hidden;
}

.type_tuc_default .name {
    display: inline-block;
}

.type_tuc_default .first {
    padding-left: 1px;
    border-left-style: none;
}

.y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter {
    width: 1100px;
    margin: 0 auto;
    clear: both;
}

/* الأجهزة اللوحية والموبايل */
@media (max-width: 971px) {
    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter {
  
    }
}

#y-min-width {
    width: 1100px;
}

#y-width, #y-min-width {
    height: 0;
    overflow-y: hidden;
}

#y-subfooter {
    margin-bottom: .5em;
}

#y-shade {
    min-width: 1100px;
}

#y-content {
    border-top-style: solid;
    border-top-width: 2px;
    background: var(--bg-primary);
}


#y-cols {
    clear: both;
    padding-top: 10px;
    background: var(--bg-primary);
    border-style: solid;
    border-width: 0 1px;
    border-color: var(--border-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

#y-pa, #y-col1, #y-col2 {
    float: right;
    display: inline;
}

#y-pa {
    width: 20.2%;
    min-width: 192px;
    margin-right: .825%;
}
#y-col1 {
    width: 42.23%;
    min-width: 397px;
    margin-right: 0.04%;
}

#y-col2 {
    width: 36.08%;
}

.mod {
    clear: both;
}

#y-col1 .mod, #y-col2 .mod {
    margin-bottom: 0px;
}

#y-col1 .mod .mod, #y-col2 .mod .mod {
    margin-bottom: 0;
}

#y-content {
    border-top-style: none;
    background: none;
}

#y-cols {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 4px;
}

.y-wshade {
    color: #fff;
    height: 4em;
    margin-bottom: 3px;
    position: relative;
    overflow: hidden;
    background: #636363;
    /* border-radius: 5px; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}

.y-wshade .y-wshade-content {
    background: #464646;
    padding: 0.4em 0em .4em 0em;
}

.y-wshade .y-wshade-space {
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.type_masthead_default .mh-wrap {
    background: none;
    position: relative;
    padding-top: .6em;
    padding-bottom: .6em;
}

.type_masthead_default .logo-container {
    margin: 2.3em 1.5em 0 0;
    width: 202px;
    float: right;
    height: 50px;
}

.type_masthead_default h1 {
    width: 202px;
    height: 50px;
}

.type_masthead_default .logo {
    display: block;
    font-size: 0;
    height: 100%;
    color: transparent;
}

.type_masthead_default .search-form {
    float: left;
}

.type_masthead_default .stabs {
    margin: .7em 0 .5em -0.95em;
    float: left;
}

.type_masthead_default .stabs li {
    float: left;
    margin: 0 1.15em;
}

.type_masthead_default .stabs li a {
    display: block;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    color: var(--text-primary);
}

.type_masthead_default .stabs li .new {
    background: url("https://web.archive.org/web/20130806193826im_/http://l.yimg.com/a/i/ww/met/pa_icons/app-new-tag-20110703.png") no-repeat scroll left 0 transparent;
    height: 14px;
    left: 0;
    position: absolute;
    top: -11px;
    width: 27px;
}

.type_masthead_default .stabs li.selected {
    background: none;
}

.type_masthead_default .stabs li.selected a {
    display: block;
    background: none;
    font-weight: bold;
    color: var(--text-primary);
}

.type_masthead_default .stabs .tab-cover {
    border: none;
}

.type_masthead_default legend {
    height: 0;
    line-height: 0;
    margin-top: -999em;
}

.type_masthead_default .searchwrapper {
    clear: left;
    float: left;
    position: relative;
    z-index: 3;
}

.type_masthead_default .searchwrapper-border {
    border-width: 0px;
    border-style: solid;
    border-color: var(--border-color);
}

.type_masthead_default .searchwrapper-inner {
    background-repeat: repeat-x;
    border-width: 0px;
    border-style: solid;
    padding: .0em;
    position: relative;
    height: 2.1em;
}

.type_masthead_default .search-label {
    display: block;
    height: 0;
    overflow: hidden;
}

.type_masthead_default .input-query {
    float: right;
    border: 0;
    border: 1px solid #CBCCCE;
    border-left: 1px solid #7B7B7B;
    border-top: 1px solid #7B7B7B;
    height: 1.7em;
    padding: .3em .25em 0 .2em;
    background-color: var(--bg-card);
    color: var(--text-primary);
}

.type_masthead_default .input-long {
    width: 30em;
}

.type_masthead_default .button-wrapper {
    padding: 0;
    border: 1px #bd9e43 solid;
    background-color: #FCC530;
    margin-left: .3em;
    float: left;
    overflow: hidden;
}

.type_masthead_default .searchsubmit {
    background-repeat: repeat-x;
    background-position: left -1672px;
    border: 0;
    font-weight: bold;
    cursor: pointer;
    overflow: visible;
    height: 1.8em;
    min-width: 8em;
    background-color: var(--primary-color);
    color: white;
}

.type_masthead_default .invisible {
    visibility: hidden;
}

.type_masthead_default .xe h1 {
    height: 60px;
}

.type_masthead_default .mh-wrap {
    padding-top: 0;
    padding-bottom: .5em;
}

.type_masthead_default .logo-container {
    margin-right: 5em;
    margin-top: 1.9em;
}

.type_masthead_default .stabs {
    margin: 0 0 .25em 0;
}

.type_masthead_default .stabs li {
    margin: 0 .62em;
}

.type_masthead_default .stabs li {
    margin-top: .5em;
}

.type_masthead_default .stabs li.first {
    margin-left: 0;
}

.type_masthead_default .stabs li a {
    font-weight: normal;
    color: #8496b9;
}

.type_masthead_default .stabs li.selected a {
    font-weight: bold;
    color: var(--text-primary);
}

.type_masthead_default .searchwrapper {
    -moz-box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 0px 6px var(--shadow-color);
}

.type_masthead_default .searchwrapper-inner {
    height: 2.2em;
    border-style: none;
}

.type_masthead_default .searchwrapper-inner {
    background-repeat: repeat-x;
    background-position: left top;
}

.type_masthead_default .searchsubmit {
    font-size: 123.1%;
    padding: 0;
    border-style: none;
    background-color: transparent;
    background-image: none;
    width: 13em;
}

.type_masthead_default .input-query {
    font-size: 138.5%;
    background-color: #fffee7;
}

.type_masthead_default .button-wrapper {
    background-color: #ffe572;
    border-style: none;
    background-position: left -151px;
    border: 1px solid #dd9715;
    padding: 0px 0 0px 0;
}

.type_masthead_default .input-long {
    width: 26em;
}

#y-announce-full-bar {
    border-style: solid;
    border-width: 0 1px 0 1px;
    border-color: var(--border-color);
}

:root .icon {
    vertical-align: top;
}

.type_locallite_default {
    position: relative;
}

.type_locallite_default .loading {
    position: absolute;
    top: 7.5em;
    left: 9em;
    margin-top: -0.9em;
    padding-left: 25px;
}

.type_locallite_default .tabbox-wrapper {
    position: relative;
    min-height: 10.7em;
    border-style: solid;
    border-width: 0px;
    border-color: var(--border-color);
}

.type_locallite_default .tabpanel {
    /* padding-bottom: 2em; */
}

.type_locallite_default .tab-container {
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--border-color);
}

.type_locallite_default .tab-container .tab-holder {
    margin-bottom: -1px;
}

.type_locallite_default .tab-container .tab-holder span {
    zoom: 1;
}

.type_weatherlite_default {
    padding-top: 12px;
}

.type_weatherlite_default .lite-view {
    display: table;
}

.type_weatherlite_default .lite-view li {
    display: table-cell;
}

.type_weatherlite_default .lite-view li a, .type_weatherlite_default .lite-view li a:hover, .type_weatherlite_default .lite-view li a:focus, .type_weatherlite_default .lite-view li a:focus span {
    text-decoration: none!important;
}

.type_weatherlite_default .lite-view li a {
    cursor: pointer;
}

.type_weatherlite_default .lite-view li.days, .type_weatherlite_default .lite-view li.current {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: var(--border-color);
}

.type_weatherlite_default .lite-view .days {
    min-width: 100%;
    text-align: center;
    padding: 0 3px;
}

.type_weatherlite_default .day {
    margin-bottom: 10px;
    line-height: 1;
    display: block;
}

.type_weatherlite_default .temp {
    text-transform: uppercase;
}

.type_weatherlite_default .current {
    padding-right: 6px;
    min-width: 10em;
}

.type_weatherlite_default .current .day {
    margin: 0 0 6px 10px;
}

.type_weatherlite_default .forecast-details {
    padding-left: 74px;
    position: relative;
    min-height: 53px;
    display: block;
}

.type_weatherlite_default .forecast-details img {
    position: absolute;
    left: 0;
}

.type_weatherlite_default .forecast-details .condition {
    width: 5.4em;
    overflow: hidden;
    display: block;
}

.type_weatherlite_default .temperature {
    display: block;
}

.type_footer {
    text-align: center;
    margin-top: .8em;
    line-height: 1.5;
}

.type_footer .ad a {
    margin-left: .3em;
}

.type_footer .type_ads {
    text-align: left;
}

.type_footer .col {
    float: left;
}

.type_footer .stacked-col .col {
    float: none;
}

.type_footer .ysites-col .col {
    width: 20%} /* تغيير من 25% إلى 20% ليكون 5 أقسام */
.type_footer .sections {
    position: relative;
    margin-bottom: .5em;
    padding: .6em 0 1em 0;
    text-align: right;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
    background-color: var(--bg-card);
}

.type_footer .sections h2 {
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: bold;
    margin-left: 10px;
    color: var(--text-primary);
}

.type_footer .ysites h2 {
    margin-left: 0;
}

.type_footer .sections a {
    padding-left: 10px;
    padding-right: 6px;
    background-position: left 5px;
    color: var(--text-primary);
}

.type_footer .sections ul {
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 4px;
    padding-left: 10px;
    border-color: var(--border-color);
}

.type_footer .sections li {
    clear: left;
    margin-bottom: .5em;
    line-height: 1.1em;
}

.type_footer .sections .stacked-col li {
    margin-left: 0;
}

.type_footer .ysites {
    padding: 8px 10px;
}

.type_footer .ysites .ysites-col, .type_footer .ysites .stacked-col {
    float: right;
    width: 70%;
    margin-top: 2px;
}

.type_footer .ysites .stacked-col {
    width: 27%;
    border-left: 1px solid var(--border-color);
    padding-left: 20px;
}

.type_footer .ysites ul {
    border: none;
    margin-bottom: 10px;
    padding-left: 0;
}

.type_footer .ysites .stacked-col h2 {
    padding-top: 5px;
}

.type_footer .ysites .stacked-col .first h2 {
    padding-top: 0;
}

.type_footer .ysites .follow-links {
    padding-bottom: .94em;
}

.type_footer .ysites .follow-links ul {
    padding-top: .08em;
    margin-bottom: 0;
}

.type_footer .ysites .follow-links li {
    float: left;
    clear: none;
    padding: 0;
    margin: 0;
}

.type_footer .ysites .follow-links h2 {
    padding-top: 0;
}

.type_footer .ysites .follow-links li .lbl {
    padding: 0 .45em 0 .88em;
    background-position: left .45em;
    line-height: 1.6em;
}

.type_footer .ysites .follow-links li a.icon {
    width: 1.65em;
    height: 1.65em;
    margin: 0 .6em 0 0;
    padding: 0;
}

.type_footer .ysites .follow-links li a.facebook {
    background-position: left -1695px;
}

.type_footer .ysites .follow-links li a.twitter {
    background-position: left -1763px;
}

.type_footer .ysites .oneline ul {
    margin-bottom: 0;
}

.type_footer .rnd-corners {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.type_subfooter {
    margin-top: 12px;
    text-align: center;
    line-height: 1.5;
    color: var(--text-secondary);
}

.type_subfooter a {
    padding-left: 10px;
    padding-right: 6px;
    background-position: left 5px;
    color: var(--text-primary);
}

.type_subfooter p {
    margin-bottom: 2px;
}

.type_subfooter li.first a {
    background: none;
}

.type_subfooter li {
    display: inline;
}

.type_subfooter .info {
    clear: both;
}

.type_subfooter .ad div {
    display: inline;
}

.type_subfooter .ad, .type_subfooter .ad a {
    font-weight: bold;
}

.type_contentcarousel_default .type_ads {
    text-align: left;
}

.type_contentcarousel_default .y-carousel-wrapper {
    position: relative;
    zoom: 1;
}

/* الافتراضي على الكمبيوتر */
.type_contentcarousel_default .y-panel {
    width: 27em;
    min-width: 351px;
    min-height: 10.1em;
    outline: none;
}

/* على الموبايل */
@media (max-width: 768px) {
    .type_contentcarousel_default .y-panel {
        width: 36em;      /* العرض يغطي معظم الشاشة */
        min-width: auto; /* إزالة الحد الأدنى الثابت */
        min-height: 12em; /* ارتفاع مناسب للموبايل */
    }
}

.type_contentcarousel_default .no-fallback .y-panel {
    visibility: hidden;
}

.type_contentcarousel_default .no-fallback .sel-pane {
    visibility: visible;
}

.type_contentcarousel_default .y-panel .mod {
    padding: 0 .265em;
}

.type_contentcarousel_default .y-panel .mod .mod {
    padding: 0;
}

.type_contentcarousel_default .title-clip {
    width: 100%}
.type_contentcarousel_default .title-clip h2 {
    font-weight: bold;
    color: var(--text-primary);
}

.type_contentcarousel_default .title-wrapper {
    width: 100%}
.mod .type_contentcarousel_default .carousel-pos3 {
    border-width: 0px;
    border-style: solid;
    padding-top: .62em;
    border-color: var(--border-color);
    background-color: var(--bg-card);
}

.type_contentcarousel_default ul li p.loading {
    padding-left: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 125px;
}

.type_contentcarousel_default .property {
    float: right;
    padding-left: 25px;
    background: url(https://web.archive.org/web/20130806193826im_/http://l.yimg.com/a/i/ww/met/mod/ybang_22_061509.png) no-repeat left -4px;
}

.type_news .time-stamp {
    margin-bottom: 5px;
    color: var(--text-secondary);
}

.type_news .search {
    background-position: left -1507px;
    padding-left: 18px;
}

.type_news .text {
    background-position: left -826px;
    padding-left: 18px;
}

.type_news .flickr {
    background-position: left -767px;
    padding-left: 18px;
}

.type_news .stories {
    margin-bottom: 10px;
}

.type_news .stories li {
    padding-top: 5px;
}

.type_news .bullet {
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 8px;
}

.type_news img {
    margin-right: 5px;
    padding: 1px;
}

.type_news li {
    list-style-type: none;
}

.type_news .loading {
    margin: 15% 30%}
.type_news .loading {
    padding-left: 25px;
}

.type_news .tabwrapper {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
    background-color: var(--bg-card);
}

.type_news .y-tabpanels {
    padding: 5px 10px 0 10px;
    background-color: var(--bg-card);
}

.type_news_default .tab-holder {
    margin-bottom: -1px;
}

.type_news_default .tab-container {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 100%;
    position: relative;
    border-color: var(--border-color);
}

.type_news_default .y-tl-news li a {
    border-right-width: 0;
    border-right-style: solid;
    margin: 0 1px;
    border-color: var(--border-color);
}

.type_news_default .y-tl-news li.selected a, .type_news_default .y-tl-news li a:hover {
    border-right-width: 1px;
    border-right-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    margin: 0;
    border-color: var(--border-color);
}

.type_news_default .y-tl-news li.selected {
    margin: 0 -1px;
}

.type_news_default .y-tl-news li a.first:hover {
    border-left-width: 0;
    border-left-style: solid;
    margin-left: 1px;
}

.type_news .fallback {
    min-height: 17.31em;
}

.type_news_default .tabpanel .navigation {
    clear: right;
    margin: 10px -10px 0 -10px;
}

.type_news_default .y-panel {
    width: 29.3em;
}

.type_news_default .y-panel .stories {
    margin-bottom: 0;
}

.type_tabbar {
    position: relative;
    margin-top: .385em;
}

.type_tabbar img {
    -ms-interpolation-mode: bicubic;
}

.type_tabbar .tabs, .type_tabbar .tiles {
    height: 2.95em;
    position: relative;
}

.type_tabbar .tab {
    float: left;
    padding: 0 .76em;
    display: block;
    position: relative;
    height: 100%;
    max-width: 13em;
}

.type_tabbar .alt-country {
    display: inline-block;
    float: left;
    padding: 0 .6em .2em .6em;
    margin-top: 0.2em;
    line-height: 1em;
    margin-right: .756em;
}

.type_tabbar .alt-country:hover {
}

.type_tabbar .rtl .tiles .tab, .type_tabbar .rtl .alt-country {
    float: right;
}

.type_tabbar .alt-country img {
    margin-right: .3em;
    vertical-align: middle;
}

.type_tabbar .tab-label {
    text-transform: uppercase;
    margin-top: .58em;
}

.type_tabbar .tab-caption, .type_tabbar .tab-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
}

.type_tabbar .tab-icon {
    position: absolute;
}

.type_tabbar .tabs {
    float: left;
    margin-top: 0px;
}

.type_tabbar .tabs .tab {
    padding-left: 3em;
    background-repeat: repeat-x;
    background-position: left -250px;
    float: left;
    bottom: -1px;
    margin-left: -1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.type_tabbar .tabs .tab-active {
    background-position: left -530px;
    border-bottom-color: #fff;
}

.type_tabbar .tabs .tab-home {
    margin-left: 0;
}

.type_tabbar .tabs .tab-icon {
    width: 18px;
    height: 18px;
    left: 1.1em;
    top: .54em;
}

.type_tabbar .tab-home .tab-icon {
    width: 22px;
    height: 22px;
    background-position: left -670px;
    left: .85em;
    top: .69em;
}

.type_tabbar .tiles {
    float: right;
}

.type_tabbar .tiles .tab {
    border-width: 0 1px;
    border-color: var(--border-color);
}

.type_tabbar .tiles .tab a {
    text-decoration: none;
    color: var(--text-primary);
}

.type_tabbar .tiles .tab a:hover {
    text-decoration: underline;
}

.type_tabbar .tab-user {
    padding-left: 3.38em;
}

.type_tabbar .tab-user .tab-icon {
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    padding: 2px;
    background-color: #e3e3e300;
    top: .46em;
    left: .54em;
}

.type_tabbar .type_tuc .ft {
    display: none;
}

.type_tabbar .tab-user .tuc-spr {
    overflow: hidden;
    vertical-align: top;
    background: url(https://web.archive.org/web/20130806193826im_/http://l.yimg.com/a/i/ww/met/tab/icon_spr_20111020.png);
    background-repeat: no-repeat;
    background-position: 0px -168px;
}

.type_tabbar .tab-user .tuc-spr:before {
    display: inline-block;
    content: url(https://web.archive.org/web/20130806193826im_/http://l.yimg.com/a/i/ww/met/tab/icon_spr_20111020.png);
    margin: -167px 0 0 0;
}

.type_fptoday :focus {
    outline: none;
}

.type_fptoday .fptoday-container {
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    border-color: var(--border-color);
    background-color: var(--bg-card);
}

.type_fptoday .main-story .title {
    float: left;
    font-weight: bold;
    padding: 2px 4px;
}

.type_fptoday .package-header .pack-title {
    display: block;
    padding: .1em .1em 0 .2em;
}

.type_fptoday .package-header img {
    height: 240px;
    /* border-radius: 26px; */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}

.type_fptoday h3 {
    overflow: hidden;
    padding: 0 0 2px 10px;
    font-weight: bold;
    color: var(--text-primary);
}

.type_fptoday .left-body {
    float: left;
    width: 100%;
    padding: 0 5px 3px 10px;
}

.type_fptoday .left-body .right-angle-quote {
    padding-left: 3px;
    padding-right: 11px;
    background-position: right -2216px;
    font-weight: bold;
    display: inline-block;
}

.type_fptoday .search {
    background-position: left -1507px;
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
}

.type_fptoday .bullet {
    background-position: left 8px;
    background-repeat: no-repeat;
    padding: 0 0 0 8px;
}

.type_fptoday .flickr {
    background-position: left -765px;
    background-repeat: no-repeat;
    padding: 1px 0 1px 14px;
}

.type_fptoday .text {
    background-position: left -824px;
    padding: 1px 0 1px 14px;
}

.type_fptoday .main-story h3 {
    padding-bottom: 5px;
}

.type_fptoday .left-body p {
    padding-right: 2px;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: var(--border-color);
    color:  var(--accent-color);
}

.type_fptoday .y-carousel-list .item {
    display: block;
    text-align: center;
    cursor: pointer;
    width: 8.82em;
    padding: 7px 0 10px 0;
    float: left;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: var(--border-color);
    background-color: var(--bg-secondary);
}

.type_fptoday .y-carousel-list .image {
    width: 82px;
    height: 32px;
    padding: 2px;
    margin: .2em auto auto auto;
    display: block;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    border-color: var(--border-color);
}

.type_fptoday .y-carousel-list .selected {
    color: #333;
}

.type_fptoday .y-carousel {
    padding-top: 8px;
}

.type_fptoday .main-story {
    min-height: 19em;
}

.type_fptoday .y-carousel-list .selected, .type_fptoday .y-carousel-list .selected:hover {
    color: #FFF;
}

.type_fptoday .fptoday-container {
    padding-bottom: 0;
}

.type_pa {
    margin-bottom: 10px;
}

.type_pa .sb button {
    display: none;
    padding: 0;
    background-color: transparent;
    border-style: none;
    margin: 0;
}

.type_pa .sb {
    position: relative;
    z-index: 1;
}

.type_pa .sb .y, .type_pa .sb .p {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    position: relative;
    z-index: 0;
    zoom: 1;
    border-color: var(--border-color);
    background-color: var(--bg-card);
}

.type_pa .sb .p {
    margin-top: -1px;
}

.type_pa .sb .hd {
    padding: .54em .77em;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--border-color);
    background-color: var(--bg-secondary);
}

.type_pa .sb .p .hd {
    padding: .46em .77em;
}

.type_pa .sb .hd .do-edit {
    border: none;
    float: right;
    padding-right: 0;
    padding-left: 16px;
    background-position: left -1054px;
    font-weight: bold;
}

.type_pa .sb .hd h2 {
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--text-primary);
}

.type_pa .sb .hd h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--text-primary);
}

.type_pa .sb .y .ft {
    background-position: left -2276px;
    padding: .77em;
}

.type_pa .sb .y .ft a {
    float: right;
    font-weight: bold;
    line-height: 1;
    background-color: #fff;
}

.type_pa .sb .btn {
    position: relative;
    background-position: left -2276px;
    z-index: 0;
}

.type_pa .sb .btn:focus {
    z-index: 1;
}

.type_pa .sb .btn a {
    display: block;
    border-style: none;
    border-width: 0;
    text-decoration: none;
    color: var(--text-primary);
}

.type_pa .sb .btn-first {
    background-image: none;
}

.type_pa .sb .btn .icn {
    display: block;
    width: 18px;
    height: 18px;
    background-position: left -4246px;
}

.type_pa .sb .btn .icn, .type_pa .sb .btn .lbl {
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
}

.type_pa .sb .btn .lbl {
    font-weight: bold;
    max-width: 13em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.type_pa .sb .btn a:hover .lbl, .type_pa .sb .btn a:focus .lbl {
    text-decoration: underline;
}

.type_pa .sb .btn a.do-edit:hover .lbl, .type_pa .sb .btn a.do-edit:focus .lbl {
    text-decoration: none;
}

.type_pa .sb .btn a:hover, .type_pa .sb .btn a:focus {
    text-decoration: none;
}

.type_pa .sb .btn .do-rm {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: .77em;
    border-style: none;
    border-width: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
}

.type_pa .sb .btn .do-rm {
    display: none;
    background-position: left -1803px;
    width: 1.4em;
    height: 2em;
}

.type_pa .sb .btn .do-rm:hover, .type_pa .sb .btn .do-rm:focus {
    background-position: left -621px;
}

.type_pa .sb .btn a {
    padding: 10.5px 0 3px 0;
    border-width: 0;
    background-color: transparent;
    zoom: 1;
}

.type_pa .sb .y-sortable-false a {
    border-top-width: 0;
    padding-top: 4px;
}

.type_pa .sb .btn .pa-sprite {
    overflow: hidden;
    position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.type_pa .sb .btn .pa-sprite img {
    position: relative;
}

.type_pa .sb .btn .icn {
    margin: 0 10px;
}

.type_pa .sb button.do-close {
    display: none;
}

/* إضافة خاصية direction للجسم */
body {
    direction: rtl !important;
    text-align: right !important;
}

/* تعديل الفواصل والأسهم للغة العربية */
.bullet:before {
    content: "👈" !important;
    transform: scaleX(-1);
}

.right-angle-quote:after {
    content: "◀" !important;
    transform: scaleX(-1);
}

/* تعديل الهوامش للعناصر */
.mod {
    text-align: right;
}

.clearfix {
    text-align: right;
}

.small {
    font-size: 93%;
}

.med-small {
    font-size: 96%;
}

.medium { font-size: 100%; }
.med-large { font-size: 108%; } 
.large { font-size: 116%; } 
.x2-large { font-size: 131%; } 
.x3-large {
    font-size: 14px;
}
.x5-large { font-size: 153.9%; }
.strong { font-weight:bold; }

.hide-offscreen {
    position: absolute;
    top: -999em;
}

.hide-textindent {
    text-indent: -999em; 
    display: block; 
    overflow: hidden; 
    text-decoration: none;
}

.y-glbl-srch-bg-img {
    background: #00000000;
}

/* الوضع النهاري */
html[data-theme="light"] .y-glbl-tab-bg-img {
    background-image: url(images-css/_20111025.png) !important;
}

/* الوضع الليلي */
html[data-theme="dark"] .y-glbl-tab-bg-img {
    background-image: none !important;
    background: transparent !important; /* أو background:#000 لو عايز أسود */
}

.y-bg-1 { background-color: var(--bg-primary); }
.y-bg-2 { background-color: var(--bg-secondary); }
.tab-user:hover { background-color:#fff;}
.y-lang-tgl { background-color:#fof6fb;}
.y-ln-1 { border-color: var(--border-color); }
.y-ln-accent { border-color: #731a8b; }
.y-srch-brdr { border-width: 1px; border-style: solid; border-color: #c2cdcd #a4b5b8 #7c9398;}
.y-tbar-brdr { border: 1px solid var(--border-color);}
.y-tbar-brdr-b { border-bottom:1px solid var(--border-color);}    
.y-lang-tgl-brdr { border: 0px solid var(--border-color);}

.y-txt-1 { color: var(--text-primary); }
.y-txt-2 { color: var(--text-secondary); }
.y-txt-3 { color: var(--text-muted); }
.y-txt-4 { color: var(--text-primary); }
.y-txt-5 { color: var(--text-light); }
.y-txt-modhdr { color: var(--text-primary); }

.y-link-1 { color: var(--text-primary); }

a { color: var(--text-primary); }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.y-txt-modhdr {
    /* background-color: #fff; */
}





html[data-theme="light"] .y-grad3 {
    background-image: -moz-linear-gradient(top,#fbfcfd,#eef2f4) !important;
    background-image: -webkit-gradient(linear,center top,center bottom,from(#fbfcfd),to(#eef2f4)) !important;
    background-image: -webkit-linear-gradient(top,#fbfcfd,#eef2f4) !important;
    background-image: -o-linear-gradient(top,#fbfcfd,#eef2f4) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fbfcfd,EndColorStr=#eef2f4)" !important;
    background-image: linear-gradient(top,#fbfcfd,#eef2f4) !important;
}


html[data-theme="dark"] .y-grad3 {
    background: #000 !important;       /* أو transparent لو عايزه شفاف */
    background-image: none !important;
    -ms-filter: none !important;
}


.y-fp-pg-controls {
    background-repeat: no-repeat;
}

.y-fp-pg-controls-nt {
    background-image: url(images-css/sprite_pg_nontheme_20121008_ltr.png);
    background-repeat: no-repeat;
}

.y-hdr-ln { border-color: var(--border-color); }

.y-ftr-bg { background-color: var(--footer-bg); }
.y-ftr-ln { border-color: var(--border-color); }
.y-ftr-txt { color: var(--text-primary); }
.y-ftr-link { color: var(--text-primary); }

.y-ftr-txt-hdr { color: var(--text-primary); }

.y-subftr-txt { color: var(--text-secondary); }
.y-subftr-link { color: var(--text-primary); }

.y-mast-txt { color: var(--text-primary); }
.y-mast-bg { border-bottom:2px solid #e8edf0; border-left:1px solid #fff; }
.y-mast-sprite { background: url(images-css/spr_masthd_slate_20100628_ltr.png) no-repeat; }

.y-fp-ln-pg { border-color: var(--border-color); }



.type_pa .sb .btn .do-edit:hover .lbl {
    color: var(--primary-color);
}
.prayer-time {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    border-radius: 4px;
    transition: 0.2s;
}

.prayer-time:hover {
}
/* الحاوية */
.prayer-time-homes-container {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    padding: 10px;
    border-radius: 4px;
}

/* العناصر */
.prayer-time-homes {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* كل وقت صلاة */
.prayer-time-home {
    display: flex;
    align-items: center;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    padding: 8px 10px;
    border-radius: 4px;
    transition: 0.2s;
}

.prayer-time-home:hover {
    background: var(--bg-tertiary);
    border-color: var(--border-dark);
}

/* الأيقونات */
.prayer-time-home i {
    font-size: 18px;
    color: var(--accent-color);
    margin-left: 8px;
}

/* النصوص */
.prayer-time-home div div:first-child {
    font-size: 14px;
    font-weight: bold;
    color: var(--accent-color);
}

.prayer-time-home div div:last-child {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 2px;
}

/* لمسة مكتوب */
.prayer-time-homes-container::before {
    content: "مواقيت الصلاة";
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: var(--accent-color);
    margin-bottom: 8px;
    border-bottom: 2px solid var(--border-dark);
    padding-bottom: 4px;
}

/* صندوق الطقس */
.type_weatherlite_default {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 12px;
}

/* العنوان (كان مخفي في مكتوب) */
.type_weatherlite_default h3 {
    font-size: 15px;
    color: var(--accent-color);
    margin-bottom: 10px;
    font-weight: bold;
}

/* قائمة الطقس */
.lite-view {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* عنصر الطقس */
.lite-view li {
    display: flex;
    align-items: center;
    padding: 8px 6px;
    border-bottom: 1px solid var(--border-color);
}

.lite-view li:last-child {
    border-bottom: none;
}

/* اليوم الحالي */
.lite-view li.current {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 10px;
}

/* كلمة الحالي / اليوم */
.small.day {
    display: block;
    font-size: 13px;
    color: var(--accent-color);
    margin-bottom: 4px;
    font-weight: bold;
}

/* الأيقونة */
.weather-icon img {
    width: 55px;
    height: 55px;
    margin-left: 8px;
}

/* درجة الحرارة */
.temp {
    font-size: 26px;
    font-weight: bold;
    color: var(--accent-color);
    display: block;
}

/* وصف الحالة */
.condition {
    display: block;
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: -2px;
}

/* درجات اليوم */
.temperature {
    font-size: 14px;
    color: var(--text-secondary);
    margin-top: 4px;
    display: block;
}

/* تأثيرات بسيطة */
.lite-view li:hover {
    background: var(--bg-tertiary);
    border-color: var(--border-dark);
}

/* الحجم الافتراضي */
.icn i {
    font-size: 20px; /* الحجم على سطح المكتب */
    color: var(--text-primary);
}

/* للأجهزة الصغيرة (الموبايل) */
@media (max-width: 768px) {
    .icn i {
        font-size: 32px; /* حجم أكبر على الموبايل */
    }
    
    /* تحسين الفوتر للموبايل */
    .type_footer .ysites-col .col {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    .type_footer .ysites .ysites-col {
        width: 100% !important;
        float: none !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .type_footer .ysites .stacked-col {
        width: 100% !important;
        float: none !important;
        border-left: none !important;
        padding-left: 0 !important;
        margin-top: 20px !important;
    }
    
    .type_footer .sections {
        padding: 15px !important;
        border-radius: 0px;
        margin: 0px !important;
    }
    
    .type_subfooter .info p {
        padding: 0 10px;
        font-size: 12px;
        line-height: 1.5;
    }
}

/* تحسينات للقائمة الجانبية على الموبايل */
@media (max-width: 767px) {
    .mobile-sidebar-content .type_pa .sb .btn {
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 12px !important;
        background: var(--bg-secondary) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 8px !important;
    }
    
    .mobile-sidebar-content .type_pa .sb .btn .icn {
        width: 32px !important;
        height: 32px !important;
    }
    
    .mobile-sidebar-content .type_pa .sb .btn .lbl {
        font-size: 14px !important;
        max-width: none !important;
        white-space: normal !important;
        color: var(--text-primary);
    }
    
    .mobile-sidebar-content .type_pa .sb .btn .pa-sprite img {
        width: 32px !important;
        height: 32px !important;
    }
}

/* تجميلات إضافية */
.news-card-img {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0;
    background-color: var(--bg-tertiary);
}

.metals-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 14px;
    background-color: var(--bg-card);
    color: var(--text-primary);
}

.metals-table th,
.metals-table td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid var(--border-color);
}

.metals-table th {
    background: var(--bg-secondary);
    font-weight: bold;
    color: var(--text-primary);
}

.metals-table tr:hover {
    background: var(--bg-tertiary);
}

/* سلايدر الأخبار */
.news-slider-container {
    position: relative;
    margin-bottom: 2px;
    background: var(--bg-card);
}

.slider-wrapper {
    position: relative;
}

/* الشريحة الرئيسية */
.main-slide {
    display: none;
    animation: slideFade 0.5s ease;
}

@keyframes slideFade {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.main-slide.active {
    display: block;
}

.main-story-content {
    border: 0px solid var(--border-color);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1px;
    background: var(--bg-card);
}

.main-story-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.main-story-img:hover {
    transform: scale(1.02);
}

.package-body {
    padding: 5px;
}

.package-body h3 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 1.4;
    color: var(--text-primary);
}

.package-body h3 a {
    color: var(--text-primary);
    text-decoration: none;
    transition: color 0.3s;
}

.package-body h3 a:hover {
    color: var(--primary-color);
}

.left-body {
    margin-top: 0px;
}

.left-body p {
    color: var(--text-secondary);
    line-height: 1.6;
    font-size: 13px;
    margin-bottom: 15px;
}

.right-angle-quote {
    color: var(--primary-color);
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.right-angle-quote:hover {
    text-decoration: underline;
}

/* شريحة الإبهامات */
.thumbs-slider {
    background: var(--bg-secondary);
    border: 0px solid var(--border-color);
    border-radius: 4px;
    padding: 0px;
    margin-top: 2px;
}

.thumbs-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.thumb-item {
    background: var(--bg-card);
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px var(--shadow-color);
}

.thumb-item.active {
    border-color: var(--primary-color);
    box-shadow: 0 4px 10px rgba(254, 204, 58, 0.3);
}

.thumb-item:hover {
    border-color: var(--primary-color);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px var(--shadow-color);
}

.thumb-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.thumb-img {
    width: 100%;
    height: 45px;
    object-fit: cover;
    border-bottom: 1px solid var(--border-color);
}

.thumb-title {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.thumb-title a {
    color: var(--text-primary);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s;
}

.thumb-title a:hover {
    color: var(--primary-color);
}

/* أزرار التنقل */
.slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    padding: 15px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.slider-btn {
    background: var(--bg-card);
    border: 2px solid var(--primary-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--primary-color);
    font-size: 16px;
    transition: all 0.3s ease;
}

.slider-btn:hover {
    background: var(--primary-color);
    color: var(--text-light);
    transform: scale(1.1);
}

.slider-dots {
    display: flex;
    gap: 10px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--border-color);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active {
    background: var(--primary-color);
    transform: scale(1.3);
}

.dot:hover {
    background: var(--primary-color);
}

/* تصميم للموبايل */
@media (max-width: 768px) {
    .main-story-img {
        height: 220px;
    }
    
    .package-body {
        padding: 15px;
    }
    
    .package-body h3 {
        font-size: 18px;
    }
    
    .left-body p {
        font-size: 14px;
    }
    
    .thumbs-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .thumb-img {
        height: 80px;
    }
    
    .thumb-title a {
        font-size: 12px;
    }
    
    .slider-controls {
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
    }
    
    .slider-btn {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .main-story-img {
        height: 180px;
    }
    
    .thumbs-wrapper {
        grid-template-columns: 1fr;
    }
    
    .thumb-img {
        height: 120px;
    }
}

/* الترندات في تويتر */
.twitter-trends-box {
    width: 221px;
    height: 200px;
    background: #3e3e3e;
    border-radius: 0px;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    font-family: Arial, sans-serif;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}

.twitter-trends-box h3 {
    margin: 0 0 8px 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

.twitter-trends-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 140px;
    overflow-y: auto;
}

.twitter-trends-list li {
    margin-bottom: 5px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.twitter-trends-list li a {
    color: #fff;
    text-decoration: none;
}

.twitter-trends-list li a:hover {
    text-decoration: underline;
}

.twitter-trends-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #1da1f2;
    border: none;
    padding: 4px 8px;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

.twitter-trends-button:hover {
    background: #0d95e8;
}

/* تخصيص للوضع الليلي */
[data-theme="dark"] .twitter-trends-box {
    background: linear-gradient(135deg, #2c3e50, #4a235a);
}

/* أسعار العملات */
.metals-table-wrapper { 
    margin-top: 0px; 
    background: var(--bg-card); 
    padding:2px; 
    border-radius:6px; 
    box-shadow:0 2px 6px var(--shadow-color);
    font-family: 'Tahoma', sans-serif;
    direction: rtl;
}

.title-clip { margin-bottom:10px; }
.title-wrapper h2 { 
    font-size:18px; 
    color: var(--primary-color); 
    display:flex; 
    align-items:center; 
    gap:8px; 
    border-bottom:2px solid var(--primary-color); 
    padding-bottom:5px; 
}

.metals-table { 
    width:100%; 
    border-collapse: collapse; 
    margin-top:10px; 
}

.metals-table th, .metals-table td { 
    padding:10px 12px; 
    border-bottom:1px solid var(--border-color); 
    font-size:14px; 
    color: var(--text-primary); 
    text-align: right;
}

.metals-table th { 
    background: var(--bg-secondary); 
    font-weight:bold; 
    color: var(--text-primary);
}

.metals-table tbody tr:hover { 
    background: var(--bg-tertiary); 
}

.metals-table i { 
    font-size:18px; 
}

@media(max-width:768px){
    .metals-table th, .metals-table td { 
        font-size:12px; 
        padding:8px; 
    }
}

/* شريط التمرير */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--border-dark);
}

/* تحسين رؤية النصوص في الوضع الليلي */
[data-theme="dark"] .type_masthead_default .stabs li a {
    color: var(--text-primary);
}

[data-theme="dark"] .type_masthead_default .stabs li.selected a {
    color: var(--primary-color);
}

[data-theme="dark"] .type_masthead_default .searchsubmit {
    background-color: var(--primary-color) !important;
    color: white !important;
}

[data-theme="dark"] .type_masthead_default .button-wrapper {
    border-color: var(--primary-color) !important;
}

[data-theme="dark"] .type_footer .sections {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .type_footer .sections h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .type_footer .sections a {
    color: var(--text-secondary);
}

[data-theme="dark"] .type_footer .sections a:hover {
    color: var(--primary-color);
}

[data-theme="dark"] .mobile-sidebar {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .mobile-sidebar-title {
    color: var(--primary-color);
}

[data-theme="dark"] .mobile-sidebar-close {
    color: var(--text-secondary);
}

[data-theme="dark"] .type_news_default .y-tl-news li a {
    background-color: var(--bg-tertiary);
    border-color: var(--border-dark);
}

[data-theme="dark"] .type_news_default .y-tl-news li.selected a {
    background-color: var(--primary-color) !important;
    color: white !important;
}

[data-theme="dark"] .type_pa .sb .btn a {
    color: var(--text-primary);
}

[data-theme="dark"] .type_pa .sb .btn a:hover {
    color: var(--primary-color);
}

[data-theme="dark"] .metals-table {
    color: var(--text-primary);
}

[data-theme="dark"] .metals-table th {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .metals-table tr:hover {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .trends-cards {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .trend-card {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .trend-card:hover {
    background-color: var(--bg-card);
}

[data-theme="dark"] .more-news-section {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .news-card {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .news-card:hover {
    background-color: var(--bg-card);
}

[data-theme="dark"] .main-story-content {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .thumb-item {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .thumb-item.active {
    background-color: var(--bg-card);
}

[data-theme="dark"] .metals-table-wrapper { 
    background: var(--bg-tertiary);
}

[data-theme="dark"] .title-wrapper h2 { 
    color: var(--primary-color);
}

/* تحسين التحديد */
::selection {
    background-color: var(--primary-color);
    color: white;
}

::-moz-selection {
    background-color: var(--primary-color);
    color: white;
}
/* ========== تحسينات التجاوب الشاملة - نسخة محسنة ========== */

/* قاعدة عامة للعناصر */
* {
    box-sizing: border-box;
    transition: background-color 0.3s ease, 
                color 0.3s ease, 
                border-color 0.3s ease,
                transform 0.3s ease,
                opacity 0.3s ease;
}

/* إخفاء العناصر الخاصة بالجوال في الشاشات الكبيرة */
.mobile-only {
    display: none !important;
}

/* تحسين تحميل الصور */
img {
    max-width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    animation: fadeInImage 0.5s ease forwards;
}

@keyframes fadeInImage {
    to { opacity: 1; }
}

/* التمرير السلس */
html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* شريط تمرير محسّن */
@media (hover: hover) and (pointer: fine) {
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    ::-webkit-scrollbar-track { background: var(--bg-secondary); }
    ::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }
}

/* تفاعل على الشاشات التي تدعم اللمس */
@media (hover: none) and (pointer: coarse) {
    a, button, .clickable { min-height: 44px; min-width: 44px; }
    .slider-btn { width: 44px; height: 44px; }
    .mobile-tab { min-height: 36px; padding: 8px 15px; }
}

/* تصحيح Safari على iOS */
@supports (-webkit-touch-callout: none) {
    input, textarea, select { font-size: 16px !important; }
    img { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

/* تصحيح Firefox */
@-moz-document url-prefix() {
    .type_masthead_default .input-query { padding-top: 0.2em !important; }
}

/* ====== تحسينات حسب عرض الشاشة ====== */
/* الهواتف الصغيرة (361px - 480px) */
@media only screen and (max-width: 480px) {
    .mobile-only { display: block !important; }
    .desktop-only { display: none !important; }

    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter {
        width: 100% !important;
        min-width: auto !important; 
        padding: 0 0px !important;
        box-sizing: border-box !important;
		z-index: 100;
    }

    .type_masthead_default .mh-wrap { padding: 5px !important; }

    .type_masthead_default .input-query { 
        width: 100% !important; 
        font-size: 16px !important; 
        margin-bottom: 5px; 
        box-sizing: border-box !important;
    }

    .type_masthead_default .button-wrapper { 
        width: 100% !important; 
        margin: 0px 0 0 0 !important; 
    }

    .mobile-tabs-container { padding: 5px; }

    .mobile-tab { padding: 5px 10px; font-size: 12px; }

    #y-col1, #y-col2 { padding: 8px 5px !important; width: 100% !important; }

    .main-story-img { height: 180px !important; max-width: 100% !important; object-fit: cover !important; }

    .thumbs-wrapper { grid-template-columns: 1fr !important; gap: 5px !important; }
    .thumb-img { height: 100px !important; max-width: 100% !important; object-fit: cover !important; }

    .trends-grid { grid-template-columns: 1fr !important; }
    .more-news-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    .news-card img { height: auto !important; }

    .weather-modern .weather-current { flex-direction: column !important; text-align: center; }
    .weather-modern .forecast-days { grid-template-columns: 1fr !important; }

    .prayer-time-homes-grid { grid-template-columns: repeat(2, 1fr) !important; }

    .type_footer .ysites-col .col { width: 100% !important; }

    /* تصحيح أيقونة الطقس لمنع خروجها عن الشاشة */
    .weather-bg {
        position: absolute !important;
        top: 0 !important;
        right: 5px !important;
        width: 120px !important;
        height: 120px !important;
        max-width: 100% !important;
        object-fit: contain !important;
        z-index: 0 !important;
    }
}


/* الهواتف الكبيرة (481px - 700px) */
@media only screen and (min-width: 481px) and (max-width: 700px) {
    .mobile-only { display: block !important; }
    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter {
        width: 100% !important; padding: 0 0 !important;
		z-index: 100;
    }

    #y-cols { display: flex !important; flex-direction: column !important; padding: 0 !important; }
    #y-pa, #y-col1, #y-col2 { width: 100% !important; margin: 0 !important; padding: 10px !important; }
    #y-col2 { border-top: 1px solid var(--border-color); }

    .main-story-img { height: 220px !important; }
    .thumbs-wrapper { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .trends-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .more-news-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .news-card img { height: 100px !important; }

    .weather-modern .forecast-days { grid-template-columns: repeat(2, 1fr) !important; gap: 8px; }
    .prayer-time-homes-grid { grid-template-columns: repeat(2, 1fr) !important; }

    .mobile-menu-toggle, .theme-toggle { display: flex !important; z-index: 999; }
}

/* الأجهزة اللوحية الصغيرة (701px - 950px) */
@media only screen and (min-width: 701px) and (max-width: 950px) {
    .mobile-only { display: none !important; }

    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter { width: 100% !important;  }


    .type_masthead_default .mh-wrap { padding: 10px !important; display: flex; flex-direction: column; align-items: center; }

    .type_masthead_default .search-form { width: 100% !important; margin-top: 10px; }
        .type_masthead_default .input-long {
        width: 70% !important;
        font-size: 15px !important;
        height: 3em;
    }
    .type_masthead_default .button-wrapper { width: 28% !important; margin-left: 2% !important; }

    #y-cols { display: flex !important; flex-direction: column !important; padding: 0 !important; border: none !important; }
    #y-pa { display: none !important; }
    #y-col1, #y-col2 { float: none !important; width: 100% !important; padding: 15px !important; box-sizing: border-box !important; }
    #y-col1 { order: 1; } #y-col2 { order: 2; border-top: 1px solid var(--border-color); margin-top: 10px; }

    .main-story-img { height: 280px !important; }
    .thumbs-wrapper { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
    .trends-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .more-news-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 12px; }
    .news-card img { height: 100px !important; }
}

/* الأجهزة اللوحية المتوسطة (951px - 1024px) */
@media only screen and (min-width: 951px) and (max-width: 1024px) {
    .type_masthead_default h1 { width: 190px !important; height: 48px !important; }
    .type_masthead_default .input-long { width: 25em !important; }
    .type_tabbar .tab-label { font-size: 11px !important; }

    #y-cols { display: flex !important; flex-wrap: wrap !important; padding: 10px 0 !important; }
    #y-pa { width: 25% !important; margin-right: 2% !important; display: block !important; }
    #y-col1 { width: 72% !important; margin-right: 0 !important; }

    .main-story-img { height: 250px !important; }
    .thumbs-wrapper { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }
    .trends-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .more-news-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 10px; }
    .news-card img { height: 90px !important; }
}

/* الشاشات المتوسطة (1025px - 1200px) */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter {  margin: 0 auto !important; }

    #y-cols { padding: 10px 0 !important; }
    #y-pa { width: 22% !important; }
    #y-col1 { width: 46% !important; }
    #y-col2 { width: 30.4% !important; }

    .main-story-img { height: 300px !important; }
    .more-news-grid { grid-template-columns: repeat(4, 1fr) !important; }
}

/* الشاشات الكبيرة جداً (>1200px) */
@media only screen and (min-width: 1201px) {
    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-content, #y-footer, #y-subfooter {
         margin: 0 auto !important;
    }

    .main-story-img { height: 350px !important; }
    .more-news-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 20px; }
    .news-card img { height: 140px !important; }
}

/* الوضع الأفقي على الأجهزة اللوحية (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #y-cols { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; }
    #y-pa { width: 25% !important; display: block !important; }
    #y-col1 { width: 72% !important; margin-right: 0 !important; }
    #y-col2 { width: 100% !important; margin-top: 0 !important; }

    .main-story-img { height: 220px !important; }
    .thumbs-wrapper { grid-template-columns: repeat(4, 1fr) !important; }
    .trends-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .more-news-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .weather-modern .forecast-days { grid-template-columns: repeat(3, 1fr) !important; }
}

/* الوضع الليلي */
[data-theme="dark"] {
    .type_masthead_default .stabs li a { color: var(--text-primary) !important; }
    .type_masthead_default .stabs li.selected a { color: var(--primary-color) !important; }
    #y-cols, .news-card, .trend-card, .thumb-item, .mobile-tab { border-color: var(--border-dark) !important; }
    .mobile-tab { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; }
    .mobile-tab.active { background: var(--primary-color) !important; color: white !important; border-color: var(--primary-color) !important; }
}

/* تحسين الأداء للعناصر المتحركة */
.news-card, .trend-card, .thumb-item, .prayer-time-home-card, .weather-modern .forecast-day {
    will-change: transform;
    backface-visibility: hidden;
}




/* تحسين الأجهزة اللوحية الصغيرة 768px - 950px */
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .mobile-only { display: none !important; }

    .y-content, #y-width, #y-shade, #y-masthead, #y-header, #y-footer, #y-subfooter { width: 100% !important; }



    .type_masthead_default .mh-wrap { 
        padding: 10px !important; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
    }

    .type_masthead_default .search-form { 
width: 100% !important;
        margin-top: 10px;
    }

    .type_masthead_default .input-long { 
        width: 100% !important; 
        font-size: 16px !important; 
        height: 3em !important; 
    }
.type_masthead_default .button-wrapper {
    background-color: #ffe572;
    border-style: none;
    background-position: left -151px;
    border: 1px solid #dd9715;
    padding: 0px 0 0px 0;
}
.type_masthead_default .button-wrapper {
        width: 100% !important;
        margin-left: 0% !important;
    }
	
    #y-cols { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; }
    #y-pa { width: 25% !important; display: block !important; }
    #y-col1 { width: 71% !important; margin-right: 0 !important; }
    #y-col2 { width: 100% !important; margin-top: 0 !important; }

    .main-story-img { height: 220px !important; }
    .thumbs-wrapper { grid-template-columns: repeat(4, 1fr) !important; }
    .trends-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .more-news-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .weather-modern .forecast-days { grid-template-columns: repeat(3, 1fr) !important; }
	
	.type_masthead_default .searchwrapper {
        width: 100% !important;
    }
	.type_masthead_default .searchsubmit {
    font-size: 123.1%;
    padding: 0;
    border-style: none;
    background-color: transparent;
    background-image: none;
    width: 100%;
}
}



        /* حركات الايقونات */
        .fa-icon-animate { transition: all 0.3s ease; }
        .fa-chart-area { animation: pulse 2s infinite; }
        .fa-fire { animation: flame 1.5s infinite alternate; }
        .fa-twitter { animation: twitterFloat 3s infinite ease-in-out; }
        .fa-coins { animation: coinSpin 4s infinite linear; }
        .fa-mosque { animation: mosqueGlow 2s infinite alternate; }
        .fa-image { animation: imageFade 2s infinite alternate; }
        .fa-comment-dots { animation: chatBounce 1.5s infinite; }
        .fa-microphone { animation: micPulse 1s infinite; }
        .fa-city { animation: cityShift 3s infinite ease-in-out; }
        .fa-certificate { animation: certificateSpin 3s infinite; }
        .fa-newspaper { animation: newspaperWave 2s infinite; }
        .fa-book-open { animation: bookOpen 2s infinite alternate; }
        .fa-moon { animation: moonOrbit 4s infinite linear; }
        .fa-hashtag { animation: hashtagRotate 3s infinite; }
        .fa-sun { animation: sunRotate 5s infinite linear; }
        .fa-eye { animation: eyeBlink 2s infinite; }
        .fa-share { animation: shareMove 2s infinite alternate; }
        .fa-redo { animation: refreshSpin 2s infinite; }
        .fa-euro-sign, .fa-dollar-sign, .fa-sack-dollar, .fa-money-bill-wave, .fa-money-bill, .fa-money-check { animation: currencyFloat 3s infinite ease-in-out; }

        /* حركات أخرى */
        .trend-card:hover { animation: cardPop 0.3s forwards; }
        .news-card:hover { animation: cardHover 0.3s forwards; }
        .btn-link:hover .icn { animation: iconShake 0.5s; }
        .weather-icon img { animation: weatherFloat 6s infinite ease-in-out; }
        .prayer-time-home:hover i { animation: prayerPulse 0.5s; }

        /* تعريف الحركات */
        @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
        @keyframes flame { 0% { transform: translateY(0) rotate(0deg); color: #ff9900; } 100% { transform: translateY(-3px) rotate(5deg); color: #ff3300; } }
        @keyframes twitterFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
        @keyframes coinSpin { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }
        @keyframes mosqueGlow { 0% { text-shadow: 0 0 5px #6a0dad; } 100% { text-shadow: 0 0 20px #6a0dad, 0 0 30px #9b59b6; } }
        @keyframes imageFade { 0% { opacity: 0.7; } 100% { opacity: 1; } }
        @keyframes chatBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
        @keyframes micPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
        @keyframes cityShift { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
        @keyframes certificateSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @keyframes newspaperWave { 0% { transform: rotate(0deg); } 25% { transform: rotate(1deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
        @keyframes bookOpen { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(10deg); } }
        @keyframes moonOrbit { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @keyframes hashtagRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @keyframes sunRotate { 0% { transform: rotate(0deg); color: #FFD700; } 50% { color: #FFA500; } 100% { transform: rotate(360deg); color: #FFD700; } }
        @keyframes eyeBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
        @keyframes shareMove { 0% { transform: translateX(0); } 100% { transform: translateX(3px); } }
        @keyframes refreshSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @keyframes currencyFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
        @keyframes cardPop { 0% { transform: scale(1); } 100% { transform: scale(1.05); box-shadow: 0 10px 20px rgba(0,0,0,0.2); } }
        @keyframes cardHover { 0% { transform: translateY(0); } 100% { transform: translateY(-5px); } }
        @keyframes iconShake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } }
        @keyframes weatherFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(5deg); } }
        @keyframes prayerPulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

        /* حركات خاصة بالصفحة */
        .breaking-news { animation: slideInDown 0.5s ease-out; }
        .twitter-trends-box { animation: fadeInUp 0.7s ease-out; }
        .news-slider-container { animation: zoomIn 0.8s ease-out; }
        .more-news-section { animation: fadeIn 1s ease-out; }

        @keyframes slideInDown { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        @keyframes fadeInUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        @keyframes zoomIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

        .fa-icon-animate { display: inline-block; margin-right: 5px; }