/* © Atia Hegazy — atiaeno.com */

/**
 * SugarTube RTL Styles - Arabic Language Support
 * Mirrored layout for right-to-left languages
 */

/* Direction and text alignment */
body.rtl {
  direction: rtl;
  text-align: right;
}

/* Header Layout */
.rtl .header-left {
  flex-direction: row-reverse;
}

.rtl .header-right {
  flex-direction: row-reverse;
}

.rtl .header-search {
  direction: ltr;
}

.rtl .header-search input {
  text-align: right;
}

.rtl .site-logo {
  margin-right: 0;
  margin-left: 16px;
}

/* Navigation */
.rtl .nav-bar-inner {
  flex-direction: row-reverse;
}

.rtl .nav-bar-left {
  flex-direction: row-reverse;
}

.rtl .nav-bar-right {
  flex-direction: row-reverse;
}

.rtl .nav-bar-link {
  flex-direction: row-reverse;
}

.rtl .nav-bar-link .material-symbols-outlined {
  margin-right: 0;
  margin-left: 6px;
}

/* Mobile Nav */
.rtl .mobile-nav-drawer {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

.rtl .mobile-nav-drawer.is-open {
  transform: translateX(0);
}

.rtl .mobile-nav-close {
  right: auto;
  left: 16px;
}

.rtl .mobile-nav-link {
  flex-direction: row-reverse;
}

.rtl .mobile-nav-link .material-symbols-outlined {
  margin-right: 0;
  margin-left: 12px;
}

/* Video Grids */
.rtl .video-grid {
  direction: rtl;
}

.rtl .video-card {
  direction: rtl;
  text-align: right;
}

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

.rtl .video-meta-item {
  flex-direction: row-reverse;
}

.rtl .video-meta-item .material-symbols-outlined {
  margin-right: 0;
  margin-left: 4px;
}

/* User Dropdown */
.rtl .header-user-dropdown {
  right: auto;
  left: 0;
}

.rtl .user-dd-header {
  flex-direction: row-reverse;
}

.rtl .user-dd-header .avatar {
  margin-right: 0;
  margin-left: 12px;
}

.rtl .user-dd-links a {
  flex-direction: row-reverse;
}

.rtl .user-dd-links a .material-symbols-outlined {
  margin-right: 0;
  margin-left: 10px;
}

/* Forms */
.rtl .login-form-group {
  text-align: right;
}

.rtl .login-form-input {
  padding-left: 14px;
  padding-right: 44px;
}

.rtl .login-form-icon {
  left: auto;
  right: 14px;
}

.rtl .login-toggle-pass {
  right: auto;
  left: 12px;
}

.rtl .login-form-options {
  flex-direction: row-reverse;
}

.rtl .login-form-options .remember-me {
  flex-direction: row-reverse;
}

.rtl .login-form-options .remember-me input {
  margin-right: 0;
  margin-left: 8px;
}

/* Dashboard */
.rtl .dashboard-layout {
  flex-direction: row-reverse;
}

.rtl .dashboard-sidebar {
  border-right: none;
  border-left: 1px solid var(--border);
}

.rtl .sidebar-tab {
  flex-direction: row-reverse;
}

.rtl .sidebar-tab .material-symbols-outlined {
  margin-right: 0;
  margin-left: 12px;
}

/* Footer */
.rtl .site-footer-content {
  direction: rtl;
}

.rtl .footer-links {
  flex-direction: row-reverse;
}

/* Pagination */
.rtl .pagination {
  flex-direction: row-reverse;
}

/* Search */
.rtl .search-filters {
  flex-direction: row-reverse;
}

/* Buttons */
.rtl .xh-auth-btns {
  flex-direction: row-reverse;
}

/* Language Switcher in RTL */
.rtl .lang-switcher__menu {
  right: auto;
  left: 0;
}

.rtl .lang-switcher__item {
  flex-direction: row-reverse;
}

.rtl .lang-switcher--dropdown:hover .lang-switcher__menu,
.rtl .lang-switcher__toggle[aria-expanded="true"] + .lang-switcher__menu {
  right: auto;
  left: 0;
}

/* Modal */
.rtl .modal-content {
  text-align: right;
}

.rtl .modal-tabs {
  flex-direction: row-reverse;
}

/* Category/Tag lists */
.rtl .category-grid,
.rtl .tag-cloud {
  direction: rtl;
}

/* Comments */
.rtl .comment-body {
  direction: rtl;
  text-align: right;
}

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

/* Breadcrumbs */
.rtl .breadcrumbs {
  direction: rtl;
}

/* Alert messages */
.rtl .alert {
  text-align: right;
}

.rtl .alert .material-symbols-outlined {
  margin-right: 0;
  margin-left: 8px;
}

/* Tables */
.rtl table {
  direction: rtl;
}

.rtl th,
.rtl td {
  text-align: right;
}

/* Lists */
.rtl ul,
.rtl ol {
  padding-left: 0;
  padding-right: 1.5em;
}

/* Material Icons - flip directional icons */
.rtl .material-symbols-outlined[data-icon="arrow_back"],
.rtl .material-symbols-outlined[data-icon="chevron_left"],
.rtl .material-symbols-outlined[data-icon="navigate_before"],
.rtl .material-symbols-outlined[data-icon="keyboard_arrow_left"] {
  transform: scaleX(-1);
}

.rtl .material-symbols-outlined[data-icon="arrow_forward"],
.rtl .material-symbols-outlined[data-icon="chevron_right"],
.rtl .material-symbols-outlined[data-icon="navigate_next"],
.rtl .material-symbols-outlined[data-icon="keyboard_arrow_right"] {
  transform: scaleX(-1);
}

/* Scroll direction for RTL */
.rtl .horizontal-scroll {
  direction: rtl;
}

/* Video player controls */
.rtl .video-player-controls {
  direction: ltr; /* Keep player controls LTR */
}

/* Upload form */
.rtl .upload-zone {
  direction: rtl;
}

/* Stats */
.rtl .stat-item {
  flex-direction: row-reverse;
}

.rtl .stat-item .material-symbols-outlined {
  margin-right: 0;
  margin-left: 8px;
}