/* 
 * RTL Styles for Satellite Theme
 * Handles Right-to-Left orientation for Arabic language.
 */

body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

.site-content {
    margin-top: 20px;
}

/* Header & Navigation Alignment */
.header-container {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}

.site-branding {
    margin-right: 0 !important;
    margin-left: 40px !important;
}

.main-navigation {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.main-navigation ul {
    display: flex;
    flex-direction: row !important;
}

.main-navigation li {
    margin-left: 0 !important;
    margin-right: 25px !important;
}

/* Dropdown & Mega Menu RTL */
/* Dropdown & Mega Menu RTL */
.main-navigation .has-mega-menu {
    position: static !important;
    /* Allow mega menu to break out of LI */
}

.mega-dropdown {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: var(--container-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    transform: translateY(10px) !important;
}

.has-mega-menu:hover .mega-dropdown {
    transform: translateY(0) !important;
}

.sub-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}

.mega-list {
    direction: rtl !important;
    text-align: right !important;
}

.mega-list li a {
    text-align: right !important;
}

.dropdown-arrow {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* Breaking News Ticker RTL Fix */
.breaking-news-bar {
    direction: rtl !important;
    padding: 0 !important;
    background: var(--primary-color) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.breaking-inner {
    display: flex !important;
    flex-direction: row !important;
    /* Label first in RTL markup -> Right side */
    align-items: center;
    height: 44px;
}

.breaking-label {
    background: #e74c3c !important;
    /* Bright Red for visibility */
    color: #ffffff !important;
    padding: 0 20px !important;
    height: 100%;
    display: flex !important;
    align-items: center;
    font-weight: 800 !important;
    font-size: 15px !important;
    margin-left: 20px !important;
    margin-right: -1px !important;
    z-index: 30;
    position: relative;
    white-space: nowrap;
    box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1);
}

.breaking-news-bar {
    direction: rtl !important;
}

.ticker-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative;
    direction: ltr !important;
}

.ticker-list {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 100px;
    animation: ticker-scroll-rtl 45s linear infinite !important;
    width: max-content;
}

.ticker-list li {
    white-space: nowrap !important;
    direction: rtl !important;
}

.ticker-list a {
    font-weight: 600;
}

@keyframes ticker-scroll-rtl {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100vw);
    }
}

/* Header Actions */
.header-actions {
    margin-right: 20px !important;
    margin-left: 0 !important;
}

/* Mobile Adjustments */
@media (max-width: 1024px) {
    .main-navigation {
        display: none;
    }
}

/* Base Layout */
.main-layout-wrapper {
    flex-direction: row !important;
}

/* Content Typography */
.section-title {
    text-align: right;
    border-left: none !important;
    border-right: 5px solid var(--accent-color) !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}

/* Card Metadata */
.card-meta span {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/* Footer Align */
.site-footer {
    text-align: right;
}

.footer-copy-text {
    direction: rtl;
}

.footer-buttons {
    justify-content: flex-start;
}

.f-btn {
    margin-left: 10px;
}

/* Breadcrumbs RTL Support */
.breadcrumbs-wrapper {
    direction: rtl !important;
}

.breadcrumbs {
    display: flex !important;
    gap: 0 !important;
}

.breadcrumb-item:not(:last-child)::after {
    content: '/' !important;
    margin: 0 15px !important;
    opacity: 0.5;
}

.breadcrumb-item a {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: var(--accent-color) !important;
}

.breadcrumb-icon {
    margin-left: 8px !important;
}