/*
 * RTL Stylesheet — ملعبنا
 * Overrides for right-to-left Arabic layout.
 * Loaded automatically when WordPress detects RTL locale.
 *
 * @package malabna
 */

/* ─── Direction & Flow ─── */
html, body { direction: rtl; }
.site-logo a { flex-direction: row; }
.primary-nav ul { flex-direction: row; }
.header-actions { flex-direction: row; }

/* Section titles: orange border on the right in RTL */
.section-title::before {
    margin-left: 0;
    margin-right: 0;
    border-right: 4px solid var(--color-orange);
    border-left: none;
}

/* Sidebar widgets: border accent on right */
.widget-title {
    border-right: 3px solid var(--color-orange);
    border-left: none;
}

/* Standings spot borders: flip left → right */
.standings-table tr.ucl-spot td { border-right: 3px solid #1e90ff; border-left: none; }
.standings-table tr.uel-spot td { border-right: 3px solid var(--color-orange); border-left: none; }
.standings-table tr.rel-spot td { border-right: 3px solid var(--color-live); border-left: none; }

/* Entry blockquotes: border on right */
.entry-content blockquote {
    border-right: 4px solid var(--color-orange);
    border-left: none;
    padding-right: 20px;
    padding-left: 16px;
}

/* Footer links hover: indent from right */
.footer-links a:hover { padding-right: 4px; padding-left: 0; }

/* Match teams: alignment */
.match-team.home { flex-direction: row; justify-content: flex-end; }
.match-team.away { flex-direction: row-reverse; justify-content: flex-start; }

/* Ticker direction */
@keyframes ticker-slide {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* Hero slide content alignment */
.hero-slide__content { text-align: right; }

/* Pagination arrows */
.pagination a[href] svg { transform: rotate(180deg); }

/* Search form */
.search-form { direction: rtl; }
.search-form input[type=search] { text-align: right; }

/* Comment form */
.comment-form { direction: rtl; }
.comment-respond label { display: block; text-align: right; }

/* WordPress generated classes */
.alignleft { float: right; margin: 0 0 1rem 1rem; }
.alignright { float: left; margin: 0 1rem 1rem 0; }
.gallery-caption, .wp-caption-text { text-align: right; }