/*
RTL Styles for Play-List Theme
*/

/* RTL specific overrides */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Flip margins and paddings */
[dir="rtl"] .container {
    text-align: right;
}

/* Header adjustments */
[dir="rtl"] .nav {
    flex-direction: row; /* keep main axis normal; we use logical margins */
}

[dir="rtl"] .brand {
    flex-direction: row-reverse; /* logo on right, title on left */
}

[dir="rtl"] .nav-items {
    flex-direction: row; /* keep items order consistent */
}

/* Menu adjustments */
[dir="rtl"] .menu a::after {
    transform: translateX(-100%);
}

[dir="rtl"] .menu a:hover::after {
    transform: translateX(0);
}

/* Button adjustments */
[dir="rtl"] .btn-primary::after {
    transform: translateX(100%);
}

[dir="rtl"] .btn-primary:hover::after {
    transform: translateX(0);
}

/* Search adjustments */
[dir="rtl"] .search {
    flex-direction: row-reverse;
}

/* Hero grid adjustments */
[dir="rtl"] .hero-grid {
    direction: rtl;
}

/* Controls adjustments */
[dir="rtl"] .controls {
    flex-direction: row-reverse;
}

[dir="rtl"] .control {
    flex-direction: row-reverse;
}

/* Card meta adjustments */
[dir="rtl"] .card-meta {
    flex-direction: row-reverse;
}

/* Footer adjustments */
[dir="rtl"] .footer .container > div:first-child {
    flex-direction: row-reverse;
}

/* Responsive adjustments */
@media (max-width: 760px) {
    [dir="rtl"] .brand {
        margin: 0 auto;
    }
}

/* WordPress specific RTL */
[dir="rtl"] .wp-block-navigation {
    flex-direction: row-reverse;
}

[dir="rtl"] .wp-block-navigation .wp-block-navigation-item__content::after {
    transform: translateX(-100%);
}

[dir="rtl"] .wp-block-navigation .wp-block-navigation-item__content:hover::after {
    transform: translateX(0);
}

/* Align nav items to the opposite edge in RTL */
[dir="rtl"] .nav-items {
    margin-inline-start: auto;
    margin-inline-end: 0;
}