/*
Theme Name: MedTech Barebones
RTL Stylesheet
*/

body.rtl {
    direction: rtl;
    text-align: right;
}

/* Flip margins for icons */
html[dir=rtl] .mr-1 { margin-left: 0.25rem; margin-right: 0; }
html[dir=rtl] .mr-2 { margin-left: 0.5rem; margin-right: 0; }
html[dir=rtl] .mr-3 { margin-left: 0.75rem; margin-right: 0; }
html[dir=rtl] .mr-4 { margin-left: 1rem; margin-right: 0; }
html[dir=rtl] .mr-5 { margin-left: 1.25rem; margin-right: 0; }
html[dir=rtl] .mr-6 { margin-left: 1.5rem; margin-right: 0; }
html[dir=rtl] .mr-7 { margin-left: 1.75rem; margin-right: 0; }
html[dir=rtl] .mr-8 { margin-left: 2rem; margin-right: 0; }
html[dir=rtl] .mr-9 { margin-left: 2.25rem; margin-right: 0; }
html[dir=rtl] .mr-10 { margin-left: 2.5rem; margin-right: 0; }
html[dir=rtl] .mr-11 { margin-left: 2.75rem; margin-right: 0; }
html[dir=rtl] .mr-12 { margin-left: 3rem; margin-right: 0; }
html[dir=rtl] .ml-1 { margin-right: 0.25rem; margin-left: 0; }
html[dir=rtl] .ml-2 { margin-right: 0.5rem; margin-left: 0; }
html[dir=rtl] .ml-3 { margin-right: 0.75rem; margin-left: 0; }
html[dir=rtl] .ml-4 { margin-right: 1rem; margin-left: 0; }

/* Flip space-x-4 (Used in Top Bar & Menu) */
html[dir=rtl] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Flip space-x-8 (Used in Main Navigation) */
html[dir=rtl] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Flip space-x-3 (Used in Logo area) */
html[dir=rtl] .space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Ensure absolute positioning is logical if needed (none identified yet but good practice) */
html[dir=rtl] .left-0 { right: 0; left: auto; }
html[dir=rtl] .right-0 { left: 0; right: auto; }

/* 
 * Front Page Overrides 
 */

/* Hero Text Alignment (Desktop) */
@media (min-width: 1024px) {
    html[dir=rtl] .home-page .lg\:text-left { text-align: right; }
}

/* Stats Box: Flip Rounded Corner */
html[dir=rtl] .home-page .rounded-tl-3xl {
    border-top-left-radius: 0;
    border-top-right-radius: 1.5rem; /* 3xl = 1.5rem */
}

/* Stats Box: Flip Borders */
html[dir=rtl] .home-page .border-l {
    border-left-width: 0;
    border-right-width: 1px;
}

/* Stats Box: Flip Padding */
html[dir=rtl] .home-page .pl-8 {
    padding-left: 0;
    padding-right: 2rem; /* 8 = 2rem */
}
/* Blog Specific: Flip Border Header */
html[dir=rtl] .border-l-4 {
    border-left-width: 0;
    border-right-width: 4px;
}
html[dir=rtl] .pl-3 {
    padding-left: 0;
    padding-right: 0.75rem; /* 3 = 0.75rem */
}

/* Pagination: Flip direction if needed (usually handled by flex-reverse but safety check) */
html[dir=rtl] .pagination {
    direction: ltr; /* Keep numbers in order but align container */
    text-align: right;
}

/* Fix Dropdown Alignment in RTL */
html[dir=rtl] .sub-menu {
    left: auto;
    right: 0;
}