/*
Theme Name: Goodprays Celestial Theme - RTL support
Description: Right-to-Left (RTL) style sheet for Arabic language layout.
*/

body {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

/* Alignments */
.hero-section,
.hero-subtitle,
.article-header {
  text-align: center; /* keep centered sections centered */
}

/* Header & Nav */
.header-container {
  flex-direction: row-reverse;
}

.site-logo {
  flex-direction: row-reverse;
}

.nav-menu {
  flex-direction: row-reverse;
}

/* Card layout & typography */
.card-meta {
  flex-direction: row-reverse;
}

.card-title,
.card-excerpt,
.article-content {
  text-align: right;
}

/* Blockquote flipping */
.article-content blockquote {
  border-right: 3px solid var(--gold);
  border-left: none;
  padding: 1rem 1.5rem;
  border-radius: var(--radius-md) 0 0 var(--radius-md);
  text-align: right;
}

/* Footer layout */
.footer-container {
  grid-template-columns: auto auto 1fr;
}

.footer-copyright {
  text-align: left;
}

/* Arrow flipping */
.read-more-btn .arrow,
.back-home-btn svg,
.prayer-nav-link {
  display: inline-block;
  transform: scaleX(-1);
}

.read-more-btn:hover .arrow {
  transform: scaleX(-1) translateX(5px);
}

@media (max-width: 768px) {
  .footer-container {
    text-align: center;
  }
  .footer-copyright {
    text-align: center;
  }
}