/* ==========================
   RTL Overrides for Neith Owl Web Area
   ========================== */

/* Root direction fixes */
html[dir="rtl"], body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* --- Header --- */
[dir="rtl"] .tp-header-box {
    text-align: right;
}

[dir="rtl"] .tp-header-right {
    justify-content: flex-start; /* flip alignment */
}

[dir="rtl"] .tp-header-btn-box {
    margin-left: 0 !important;
    margin-right: 25px !important;
}

[dir="rtl"] .tp-header-bar {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

/* --- Navigation --- */
[dir="rtl"] .tp-header-menu ul {
    padding-right: 0;
}

[dir="rtl"] .tp-header-menu li {
    float: right; /* menu items flow right-to-left */
}

/* --- Offcanvas --- */
[dir="rtl"] .tp-offcanvas-area {
    right: auto;
    left: 0; /* open from left instead of right */
}

[dir="rtl"] .tp-offcanvas-close {
    text-align: left; /* put the close button on the left */
}

/* --- Buttons --- */
[dir="rtl"] .tp-btn-black-text {
    text-align: center; /* keep text centered */
}

[dir="rtl"] .tp-btn-black-circle {
    margin-left: 0;
    margin-right: 10px; /* flip icon spacing */
}

/* --- Back to Top --- */
[dir="rtl"] .back-to-top-btn svg {
    transform: rotate(180deg); /* flip arrow */
}

/* --- General utilities --- */
/* Flip Bootstrap-like margins */
[dir="rtl"] .ml-20 {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

[dir="rtl"] .ml-25 {
    margin-left: 0 !important;
    margin-right: 25px !important;
}

[dir="rtl"] .mr-20 {
    margin-right: 0 !important;
    margin-left: 20px !important;
}

[dir="rtl"] .mr-25 {
    margin-right: 0 !important;
    margin-left: 25px !important;
}

/* Text alignment helpers */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}