/*
 * Right-to-Left (RTL) Stylesheet for ابتکار پویا نوآوران (EPNA) Theme
 * Text Domain: epna
 */

html[dir="rtl"],
body.rtl {
  direction: rtl;
  text-align: start;
  font-family: var(--epna-font-farsi);
  --epna-dir-factor: -1;
}

/* Persian typography enhancements */
body.rtl {
  font-feature-settings: "kern" 1, "ss01" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Primary Navigation in RTL */
.primary-nav-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: var(--epna-space-md, 1rem);
}

.primary-nav-links li {
  margin: 0;
  position: relative;
}

/* Dropdown menus positioned for RTL */
.primary-nav-links .sub-menu {
  list-style: none;
  margin: 0;
  padding: var(--epna-space-sm, 0.5rem) 0;
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  background: var(--epna-slate, #1e293b);
  border: 1px solid var(--epna-slate-border, #384559);
  border-radius: var(--epna-radius-sm, 4px);
  min-width: 180px;
  box-shadow: var(--epna-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.15));
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity var(--epna-transition-fast, 0.15s ease),
              transform var(--epna-transition-fast, 0.15s ease),
              visibility var(--epna-transition-fast, 0.15s ease);
  z-index: 50;
}

.primary-nav-links li:hover > .sub-menu,
.primary-nav-links li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.primary-nav-links .sub-menu li {
  padding: 0.35rem 1rem;
}

/* Language switcher links in RTL header */
.lang-switcher-list {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-inline-start: 0.75rem;
  border-inline-start: 1px solid var(--epna-slate-border, #384559);
  list-style: none;
  margin: 0;
  padding-block: 0;
}

/* Breadcrumb & Button arrow direction in RTL */
.epna-breadcrumbs .breadcrumb-separator,
.btn-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

/* Search form */
.search-form {
  display: flex;
  gap: var(--epna-space-xs, 0.25rem);
  max-width: 380px;
  margin-block: var(--epna-space-md, 1rem);
}

.search-form .search-field {
  flex: 1;
  padding-inline: 0.75rem;
  padding-block: 0.5rem;
  border: 1px solid var(--epna-slate-border, #384559);
  border-radius: var(--epna-radius-sm, 4px);
  background: var(--epna-dark-surface, #131d31);
  color: var(--epna-light, #f8fafc);
}

.search-form .search-submit {
  min-height: 36px;
  padding-inline: 1rem;
}

/* Featured images & media */
.page-featured {
  margin-block-end: var(--epna-space-lg, 1.5rem);
}

.page-featured img {
  border-radius: var(--epna-radius-md, 8px);
}

/* Post meta */
.post-meta {
  color: var(--epna-gray-light, #94a3b8);
  font-size: 0.8125rem;
  margin-block-end: var(--epna-space-md, 1rem);
}

/* Comments section */
.comments-area {
  margin-block-start: var(--epna-space-2xl, 3rem);
}

.comment-list {
  list-style: none;
  padding-inline-start: 0;
}

.comment-list .children {
  list-style: none;
  padding-inline-start: 1.5rem;
}

/* Tables in RTL */
.epna-specs-table th {
  text-align: start;
}

.epna-specs-table td {
  text-align: start;
}

/* Mobile adjustments in RTL */
@media (max-width: 1024px) {
  .mobile-lang-popover {
    inset-inline-end: 0;
    inset-inline-start: auto;
  }

  .mobile-nav-links .sub-menu {
    padding-inline-start: 1.25rem;
    padding-inline-end: 0;
  }
}