/* ============================================================
   Pen Theme — RTL/LTR Support
   Comprehensive Arabic layout adjustments
   ============================================================ */

/* ── General RTL fixes ── */
[dir="rtl"] .pen-dropdown {
  left: auto;
  right: 0;
}

[dir="rtl"] .pen-user-menu .pen-dropdown {
  left: auto;
  right: 0;
}

[dir="rtl"] .pen-mobile-nav {
  direction: rtl;
}

[dir="rtl"] .pen-search-form,
[dir="rtl"] .pen-filter-form {
  direction: rtl;
}

[dir="rtl"] .pen-breadcrumb {
  direction: rtl;
}

/* ── Icon spacing in RTL ── */
[dir="rtl"] .pen-meta-item svg,
[dir="rtl"] .pen-card-stat svg,
[dir="rtl"] .pen-nav-link svg,
[dir="rtl"] .pen-section-title svg,
[dir="rtl"] .pen-home-box-title svg {
  margin-left: 6px;
  margin-right: 0;
}

/* ── Verse direction RTL ── */
[dir="rtl"] .poem-verse-sadr {
  text-align: right;
}

[dir="rtl"] .poem-verse-ajuz {
  text-align: left;
}

[dir="rtl"] .poem-verse-part {
  direction: rtl;
}

/* ── Header action positioning RTL ── */
[dir="rtl"] .pen-header-actions {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .pen-header-add-btn svg {
  margin-left: 6px;
  margin-right: 0;
}

/* ── Meta card value alignment RTL ── */
[dir="rtl"] .poem-meta-val,
[dir="rtl"] .article-info-val {
  text-align: left;
}

/* ── Filter input padding RTL ── */
[dir="rtl"] .poems-search-input,
[dir="rtl"] .articles-search-input,
[dir="rtl"] .poets-search-input {
  padding: 10px 42px 10px 14px;
}

[dir="rtl"] .poems-search-wrap .search-icon,
[dir="rtl"] .articles-search-wrap .search-icon,
[dir="rtl"] .poets-search-wrap .search-icon {
  right: 12px;
  left: auto;
}

/* ── Author link arrow RTL ── */
[dir="rtl"] .poem-author-link,
[dir="rtl"] .article-author-link {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* ── Home view all arrow RTL ── */
[dir="rtl"] .pen-home-view-all {
  direction: ltr;
}

/* ── Dropdown arrow keyframes etc. ── */
[dir="rtl"] .pen-dropdown-item svg {
  margin-left: 6px;
  margin-right: 0;
}

/* ── Poem card accent strip RTL ── */
[dir="rtl"] .poem-card-accent {
  right: 0;
  left: auto;
  border-radius: 0 var(--blk-radius-xl) var(--blk-radius-xl) 0;
}

/* ── Latest poem pill hover RTL ── */
[dir="rtl"] .pen-latest-poem-pill {
  border-right: 3px solid transparent;
  border-left: none;
}

[dir="rtl"] .pen-latest-poem-pill:hover {
  border-right-color: var(--blk-color-primary);
  transform: translateX(2px);
}

/* ── Verse source bar RTL ── */
[dir="rtl"] .pen-verse-source-bar {
  border-right: 3px solid var(--blk-color-primary);
  border-left: none;
}

/* ── Select arrow position RTL ── */
[dir="rtl"] .pen-form-select,
[dir="rtl"] .poems-filter-select,
[dir="rtl"] .articles-filter-select,
[dir="rtl"] .poets-filter-select {
  background-position: left 12px center;
  padding-left: 36px;
  padding-right: 14px;
}

/* ── Sort add button RTL ── */
[dir="rtl"] .poems-sort-add-btn {
  margin-right: auto;
  margin-left: 0;
}

/* ── Author page sidebar action RTL ── */
[dir="rtl"] .pen-author-actions {
  margin-right: auto;
  margin-left: 0;
}

/* ── Quote box icon RTL ── */
[dir="rtl"] .pen-quote-icon {
  right: 20px;
  left: auto;
}

[dir="rtl"] .pen-quote-text {
  border-right: 4px solid var(--blk-color-primary);
  border-left: none;
  padding-right: var(--blk-sp-4);
  padding-left: 0;
}

/* ── Auth icon positioning RTL ── */
[dir="rtl"] .qs-input-icon {
  right: 0.8rem;
  left: auto;
}

[dir="rtl"] .qs-input-wrapper input {
  padding: 0.65rem 2.5rem 0.65rem 1rem;
}

/* ── Pagination arrow flip for RTL ── */
[dir="rtl"] .pen-pagination-prev svg,
[dir="rtl"] .pen-pagination-next svg {
  transform: scaleX(-1);
}

/* ── Hero search icon RTL ── */
[dir="rtl"] .pen-hero-search-icon {
  padding: var(--blk-sp-2) var(--blk-sp-4);
}

/* ── Footer link hover RTL ── */
[dir="rtl"] .pen-footer-links a:hover {
  padding-right: 4px;
  padding-left: 0;
}

/* ─── Sort tabs add button RTL ── */
[dir="rtl"] .poems-sort-add-btn {
  margin-right: auto;
  margin-left: 0;
}