/* Quick Fix CSS for Immediate Styling */

/* Force New Colors */
body {
    background: linear-gradient(135deg, #f8fafa 0%, #ffffff 100%) !important;
    font-family: 'Almarai', 'Cairo', Arial, sans-serif !important;
    color: #2c3e50 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Header with correct colors */
.event-header,
header,
.site-header {
    background: linear-gradient(135deg, #156b68 0%, #0f5855 100%) !important;
    color: #ffffff !important;
    padding: 0.8rem 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 20px rgba(21, 107, 104, 0.2) !important;
    border-bottom: 4px solid #caa453 !important;
}

/* Title styling */
h1, .event-title, .site-title {
    color: #caa453 !important;
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 0.5rem !important;
}

/* Navigation with correct colors */
.nav-tab,
.menu-item a,
nav a {
    background: linear-gradient(135deg, #156b68 0%, #0f5855 100%) !important;
    color: #ffffff !important;
    padding: 1.2rem 2rem !important;
    margin: 0 0.5rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.nav-tab:hover,
.menu-item a:hover,
nav a:hover,
.nav-tab.active {
    background: linear-gradient(135deg, #caa453 0%, #b8934a 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(21, 107, 104, 0.3) !important;
}

/* Buttons */
button,
.btn,
input[type="submit"],
.wp-block-button__link {
    background: linear-gradient(135deg, #156b68 0%, #0f5855 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0.8rem 1.5rem !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background: linear-gradient(135deg, #caa453 0%, #b8934a 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(21, 107, 104, 0.3) !important;
}

/* Links */
a {
    color: #156b68 !important;
    text-decoration: none !important;
}

a:hover {
    color: #caa453 !important;
}

/* Content areas */
.wp-block-group,
.entry-content,
.post,
article {
    background: #ffffff !important;
    padding: 2rem !important;
    margin: 1rem 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(21, 107, 104, 0.1) !important;
    border: 1px solid #e1e8ed !important;
}

/* Language toggle positioning */
.language-toggle {
    position: fixed !important;
    top: 2rem !important;
    right: 2rem !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    padding: 0.5rem !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(21, 107, 104, 0.2) !important;
    border: 2px solid #156b68 !important;
}

/* Make sure colors apply to WordPress default elements */
.wp-block-cover,
.wp-block-group__inner-container,
.wp-block-columns {
    background: transparent !important;
}

/* Fix any white text on white background */
.has-white-color,
.has-background {
    color: #2c3e50 !important;
}

/* Ensure proper RTL layout */
* {
    direction: rtl !important;
    text-align: right !important;
}

.alignleft {
    float: right !important;
}

.alignright {
    float: left !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .language-toggle {
        top: 1rem !important;
        right: 1rem !important;
        padding: 0.3rem !important;
    }
    
    h1, .event-title, .site-title {
        font-size: 2rem !important;
    }
    
    .nav-tab {
        padding: 0.8rem 1.2rem !important;
        margin: 0.2rem !important;
    }
}

/* Force colors for any missed elements */
.site-content,
.main,
main,
#main,
#content {
    background: transparent !important;
}

/* Header logo area */
.site-branding,
.custom-logo-link,
.site-title a {
    color: #caa453 !important;
}

/* Footer */
.site-footer,
footer {
    background: #156b68 !important;
    color: #ffffff !important;
    padding: 2rem 0 !important;
}

.site-footer a,
footer a {
    color: #caa453 !important;
}

.site-footer a:hover,
footer a:hover {
    color: #ffffff !important;
}

/* إخفاء زر اللغة */
.language-toggle {
    display: none !important;
}

/* ========================================
   تحسين جدول الأعمال للموبايل - Card Layout
   ======================================== */

/* للموبايل فقط - تحويل الجدول إلى بطاقات جميلة */
@media screen and (max-width: 768px) {
    /* إخفاء رأس الجدول */
    .schedule-table thead {
        display: none !important;
    }
    
    /* تحويل جميع عناصر الجدول إلى block */
    .schedule-table table,
    .schedule-table tbody,
    .schedule-table tr,
    .schedule-table td {
        display: block !important;
        width: 100% !important;
    }
    
    /* تنسيق كل صف كبطاقة منفصلة */
    .schedule-table tr {
        background: #ffffff !important;
        border: 2px solid #156b68 !important;
        border-radius: 12px !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        box-shadow: 0 4px 12px rgba(21, 107, 104, 0.15) !important;
        overflow: hidden !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }
    
    /* تأثير hover للبطاقة */
    .schedule-table tr:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 16px rgba(21, 107, 104, 0.25) !important;
    }
    
    /* خلية الوقت - رأس البطاقة */
    .schedule-table td.time {
        background: linear-gradient(135deg, #156b68 0%, #0f5855 100%) !important;
        color: #ffffff !important;
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        text-align: center !important;
        padding: 15px 20px !important;
        margin: 0 !important;
        border: none !important;
        position: relative !important;
    }
    
    /* إضافة أيقونة الوقت */
    .schedule-table td.time::before {
        content: "🕐 " !important;
        font-size: 1.2rem !important;
        margin-left: 8px !important;
    }
    
    /* خلية النشاط - محتوى البطاقة */
    .schedule-table td.activity {
        padding: 20px !important;
        margin: 0 !important;
        border: none !important;
        font-size: 1rem !important;
        line-height: 1.8 !important;
        color: #2c3e50 !important;
        text-align: right !important;
    }
    
    /* تحسين النصوص داخل النشاط */
    .schedule-table td.activity div {
        width: 100% !important;
    }
    
    .schedule-table td.activity p {
        margin: 8px 0 !important;
        padding: 0 !important;
    }
    
    /* تمييز النصوص الهامة */
    .schedule-table td.activity strong,
    .schedule-table td.activity b {
        color: #156b68 !important;
        font-weight: 700 !important;
        display: block !important;
        margin: 4px 0 !important;
    }
    
    /* تحسين العناوين داخل البطاقة */
    .schedule-table td.activity h1,
    .schedule-table td.activity h2,
    .schedule-table td.activity h3,
    .schedule-table td.activity h4 {
        color: #156b68 !important;
        margin: 10px 0 !important;
        font-size: 1.1rem !important;
    }
    
    /* تحسين الروابط */
    .schedule-table td.activity a {
        color: #caa453 !important;
        text-decoration: underline !important;
    }
    
    /* تحسين المسافات في القسم */
    .schedule-section {
        padding: 20px 15px !important;
    }
    
    .schedule-section h3 {
        font-size: 1.5rem !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        color: #156b68 !important;
    }
}

/* للتابلت (بين 768px و 1024px) - تحسين بسيط */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .schedule-table {
        overflow-x: auto !important;
    }
    
    .schedule-table table {
        min-width: 100% !important;
    }
    
    .schedule-table td {
        font-size: 0.95rem !important;
        padding: 12px !important;
    }
}

/* نهاية تحسين جدول الأعمال */