/*
 * RTL Stylesheet for Reef Yemen Theme
 * Since the theme is designed for Arabic (RTL) from the ground up,
 * this file is intentionally minimal as the main stylesheet
 * already handles RTL layout. This file exists for WordPress
 * RTL support detection and any additional overrides.
 */

/* WordPress RTL overrides (if needed for plugins) */
.rtl .wp-block-image {
    margin-left: auto;
    margin-right: 0;
}

/* Ensure plugin widgets align properly in RTL */
.rtl .widget ul {
    padding-right: 0;
    padding-left: 0;
}

/* Share buttons RTL */
.share-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: opacity 0.2s;
}
.share-btn:hover { opacity: 0.8; }
.share-btn.facebook { background: #1877F2; }
.share-btn.twitter { background: #1DA1F2; }
.share-btn.whatsapp { background: #25D366; }
.share-btn.telegram { background: #2AABEE; }

/* Related posts styling */
.related-posts { background: var(--cream); }
.related-posts a { text-decoration: none; color: inherit; }

/* Post navigation */
.nav-links {
    display: flex;
    gap: 16px;
    margin-top: 32px;
    flex-wrap: wrap;
}
.nav-previous,
.nav-next {
    flex: 1;
    min-width: 200px;
}
.nav-previous a,
.nav-next a {
    display: block;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-family: 'Tajawal', sans-serif;
    font-weight: 600;
    color: var(--green-dark);
    transition: all 0.2s;
}
.nav-previous a:hover,
.nav-next a:hover {
    border-color: var(--green-mid);
    background: var(--cream);
}
.nav-subtitle {
    display: block;
    font-size: 12px;
    color: var(--text-light);
    margin-bottom: 4px;
}