/**
 * Al Arabiya Theme Designer - RTL Styles
 * Right-to-Left layout for Arabic content
 */

/* ========================================
   RTL GLOBAL
======================================== */
.alarabiya-rtl,
.alarabiya-theme-active[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ========================================
   RTL HEADER
======================================== */
.alarabiya-rtl .alarabiya-header-content {
    flex-direction: row-reverse;
}

.alarabiya-rtl .alarabiya-topbar .container {
    flex-direction: row-reverse;
}

.alarabiya-rtl .alarabiya-topbar-left,
.alarabiya-rtl .alarabiya-topbar-right {
    flex-direction: row-reverse;
}

/* RTL Navigation */
.alarabiya-rtl .alarabiya-nav-menu {
    flex-direction: row-reverse;
}

.alarabiya-rtl .alarabiya-nav-menu li {
    text-align: right;
}

.alarabiya-rtl .alarabiya-nav-menu li::after {
    left: auto;
    right: 0;
}

/* ========================================
   RTL BREAKING NEWS
======================================== */
.alarabiya-rtl .alarabiya-breaking-content {
    flex-direction: row-reverse;
}

.alarabiya-rtl .breaking-news-ticker ul {
    animation: ticker-rtl 30s linear infinite;
}

@keyframes ticker-rtl {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); }
}

/* ========================================
   RTL CONTENT LAYOUT
======================================== */
.alarabiya-rtl .alarabiya-hero-section {
    direction: rtl;
}

.alarabiya-rtl .alarabiya-hero-content {
    left: auto;
    right: 0;
    text-align: right;
}

.alarabiya-rtl .alarabiya-hero-category {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* ========================================
   RTL POST CARDS
======================================== */
.alarabiya-rtl .alarabiya-post-category {
    right: auto;
    left: 10px;
}

.alarabiya-rtl .alarabiya-post-body {
    text-align: right;
}

.alarabiya-rtl .alarabiya-post-meta {
    flex-direction: row-reverse;
}

.alarabiya-rtl .alarabiya-post-meta i {
    margin-right: 0;
    margin-left: 5px;
}

/* ========================================
   RTL SIDEBAR
======================================== */
.alarabiya-rtl .alarabiya-sidebar {
    text-align: right;
}

.alarabiya-rtl .alarabiya-trending-item {
    flex-direction: row-reverse;
}

.alarabiya-rtl .alarabiya-trending-number {
    margin-left: 0;
    margin-right: 15px;
}

.alarabiya-rtl .alarabiya-trending-content h4 {
    text-align: right;
}

/* ========================================
   RTL FOOTER
======================================== */
.alarabiya-rtl .alarabiya-footer-widgets {
    direction: rtl;
}

.alarabiya-rtl .alarabiya-footer-widget {
    text-align: right;
}

.alarabiya-rtl .alarabiya-footer-widget ul {
    text-align: right;
}

/* ========================================
   RTL SPECIFIC ADJUSTMENTS
======================================== */
/* Float adjustments */
.alarabiya-rtl .alignleft {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.alarabiya-rtl .alignright {
    float: left;
    margin-right: 20px;
    margin-left: 0;
}

/* Text alignment */
.alarabiya-rtl .text-left {
    text-align: right !important;
}

.alarabiya-rtl .text-right {
    text-align: left !important;
}

/* Padding and Margin RTL */
.alarabiya-rtl .pl-0 { padding-right: 0 !important; padding-left: auto; }
.alarabiya-rtl .pr-0 { padding-left: 0 !important; padding-right: auto; }
.alarabiya-rtl .ml-0 { margin-right: 0 !important; margin-left: auto; }
.alarabiya-rtl .mr-0 { margin-left: 0 !important; margin-right: auto; }

/* Border RTL */
.alarabiya-rtl .border-left {
    border-left: none;
    border-right: 1px solid #e0e0e0;
}

.alarabiya-rtl .border-right {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

/* ========================================
   RTL TYPOGRAPHY
======================================== */
.alarabiya-rtl h1,
.alarabiya-rtl h2,
.alarabiya-rtl h3,
.alarabiya-rtl h4,
.alarabiya-rtl h5,
.alarabiya-rtl h6 {
    text-align: right;
}

.alarabiya-rtl p,
.alarabiya-rtl ul,
.alarabiya-rtl ol {
    text-align: right;
}

.alarabiya-rtl ul,
.alarabiya-rtl ol {
    padding-right: 20px;
    padding-left: 0;
}

/* ========================================
   RTL RESPONSIVE
======================================== */
@media (max-width: 768px) {
    .alarabiya-rtl .alarabiya-nav-menu {
        justify-content: center;
        flex-direction: row-reverse;
    }
    
    .alarabiya-rtl .alarabiya-header-content {
        text-align: center;
    }
}

/* ========================================
   RTL FORM ELEMENTS
======================================== */
.alarabiya-rtl input[type="text"],
.alarabiya-rtl input[type="email"],
.alarabiya-rtl input[type="search"],
.alarabiya-rtl input[type="password"],
.alarabiya-rtl textarea,
.alarabiya-rtl select {
    text-align: right;
    direction: rtl;
}

.alarabiya-rtl .search-form {
    direction: rtl;
}

.alarabiya-rtl .search-submit {
    left: auto;
    right: 0;
}

/* ========================================
   RTL ICONS AND ARROWS
======================================== */
.alarabiya-rtl .fa-chevron-right::before {
    content: "\f053";
}

.alarabiya-rtl .fa-chevron-left::before {
    content: "\f054";
}

.alarabiya-rtl .fa-arrow-right::before {
    content: "\f060";
}

.alarabiya-rtl .fa-arrow-left::before {
    content: "\f061";
}

/* ========================================
   RTL BLOCKQUOTE
======================================== */
.alarabiya-rtl blockquote {
    border-left: none;
    border-right: 4px solid #c8102e;
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}

/* ========================================
   RTL COMMENTS
======================================== */
.alarabiya-rtl .comment-list {
    text-align: right;
}

.alarabiya-rtl .comment-author {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.alarabiya-rtl .comment-metadata {
    text-align: right;
}

/* ========================================
   RTL PAGINATION
======================================== */
.alarabiya-rtl .pagination {
    direction: rtl;
}

.alarabiya-rtl .page-numbers {
    float: right;
    margin-left: 5px;
    margin-right: 0;
}