/*
Theme Name: Coptic Orthodox Church
Description: RTL stylesheet for Arabic/Farsi (future).
Text Domain: coptic-orthodox
*/

body {
    direction: rtl;
    unicode-bidi: embed;
}

/* Header RTL overrides */
/* .header-inner, .nav, .brand are flex containers with no explicit
   flex-direction; `direction: rtl` (inherited from body, above) already
   mirrors their layout — an explicit row-reverse here would flip them
   back to looking left-to-right, which is what caused the header to not
   visually mirror despite dir="rtl" being set. */
.site-header .brand-text {
    text-align: right;
}

.nav-link .caret {
    transform: rotate(-135deg) translateY(-1px);
}

.nav-dropdown.is-open .caret {
    transform: rotate(45deg) translateY(-1px);
}

.header-readings-bar {
    direction: rtl;
}

/* Content RTL */
.content-container {
    direction: rtl;
}

.site-main p {
    text-align: right;
}

.site-main .cover-section .content-container {
    text-align: center;
}

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

.footer-top-links {
    direction: rtl;
}

/* Navigation dropdown RTL */
.nav-dropdown-menu {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

/* Mobile menu RTL */
.mobile-nav {
    direction: rtl;
}

.mobile-submenu {
    border-left: none;
    border-right: 2px solid rgba(91,55,16,.16);
}

/* Buttons and CTAs RTL */
.btn-primary i,
.nav-cta i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Forms RTL */
.search-form {
    direction: rtl;
}

input,
textarea,
select {
    text-align: right;
}

/* WordPress alignment RTL */
.alignleft {
    float: right;
    margin-left: 1.5rem;
    margin-right: 0;
}

.alignright {
    float: left;
    margin-right: 1.5rem;
    margin-left: 0;
}

/* Blockquotes RTL */
.wp-block-quote {
    border-left: none;
    border-right: 4px solid #D4AF37;
    padding-left: 0;
    padding-right: 1.5rem;
}

/* Cards and grids RTL */
.lesson-number {
    right: auto;
    left: 1rem;
}

/* Language switcher RTL */
/* .lang-switcher is a flex container with no explicit flex-direction;
   direction: rtl (inherited from body) already mirrors it — see the
   "Header RTL overrides" note above for why row-reverse here is wrong. */

/* Arabic typography */
body {
    font-family: 'Noto Naskh Arabic', 'Amiri', serif;
    line-height: 1.9;
    letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.page-title,
.section-title {
    font-family: 'Amiri', 'Noto Naskh Arabic', serif;
}

/* Direction-sensitive components */
.father-block {
    border-left: 1px solid rgba(184, 134, 11, 0.3);
    border-right: 5px solid #B8860B;
}

.father-block::before {
    left: auto;
    right: 1rem;
}

.father-content {
    padding: 1.75rem 2.25rem 1.75rem 2rem;
}

blockquote {
    border-left: none;
    border-right: 4px solid currentColor;
    padding-left: 0;
    padding-right: 1rem;
}

ul,
ol {
    padding-left: 0;
    padding-right: 1.5rem;
}