/*
 * Sub Vibes — RTL adjustments.
 *
 * Loaded automatically when site language is RTL (Hebrew, Arabic, etc.).
 * Keep this file minimal — only flips and alignment fixes that the main
 * LTR stylesheet doesn't already handle via flexbox / grid.
 */

/* ---------- Global text direction ---------- */
body { text-align: right; }

/* ---------- Top strip ---------- */
.site-top .container { direction: rtl; }

/* ---------- Navigation underline (was left: 0) ---------- */
.nav a::after {
    left: auto;
    right: 0;
}

/* ---------- Hero ---------- */
.hero-content { text-align: right; }
.hero h1 { letter-spacing: 0; } /* tight negative tracking looks off in Hebrew */
.hero p  { letter-spacing: 0; }

/* Hero background gradient flips so dark side stays behind the text */
.hero {
    background: linear-gradient(225deg, var(--sv-primary) 0%, var(--sv-secondary) 100%);
}
.hero.hero-no-image {
    background: linear-gradient(225deg, var(--sv-primary) 0%, var(--sv-secondary) 100%);
}

/* ---------- Article content lists ---------- */
.entry-content ul,
.entry-content ol {
    padding-left: 0;
    padding-right: 22px;
}

/* Blockquote border swap */
.entry-content blockquote {
    border-left: 0;
    border-right: 4px solid var(--quebec-blue);
}

/* ---------- Section heads ---------- */
.section-head { text-align: center; } /* unchanged but explicit */

/* ---------- Single post hero ---------- */
.single-hero { text-align: right; }
.single-hero h1 { letter-spacing: 0; }

/* ---------- Page header ---------- */
.page-header h1 { letter-spacing: 0; }

/* ---------- Footer ---------- */
.footer { text-align: right; }
.copyright { direction: rtl; }

/* ---------- Read-more arrow flip ---------- */
.read-more::after {
    content: "";
}
.read-more {
    /* visual arrow direction handled by the template (→ becomes ← in RTL flow naturally with Unicode bidi).
       Nothing else needed here. */
}

/* ---------- Mobile menu ---------- */
@media (max-width: 980px) {
    .nav.nav-open {
        left: 0;
        right: 0;
    }
}