/* =============================================================================
 * RTL overrides for header-new-design.css
 *
 * Layered on TOP of header-new-design.css, only when document is in RTL
 * (loaded conditionally in dynamic-style-loader.php).
 *
 * Contains ONLY the directional differences:
 *   - left/right physical-property swaps
 *   - mirror transforms (scaleX / rotateY / rotate) on directional icons
 * Everything else is shared with the LTR file.
 * ============================================================================= */

/* Top navigation: separator and gutter move to the inline-end side (left in RTL) */


/* Language caret SVG: flip horizontally so the arrow points correctly in RTL */
.icl-header-new-design .top-navigation-links .dropdown-toggle.dropdown-language::after {
    transform: scaleX(-1);
}

/* Mid-bar nav separator: move border to the inline-end side */
.header-top-container nav .line-separator {
    border-right: none;
    border-left: 2px solid #DFE3E6;
}

.header-top-container div#nav-tab-menu .nav-link:last-child a {
    padding-right: unset !important;
    padding-left: 0 !important;
}

/* Main header row: asymmetric padding mirrored */
.header-new-content {
    padding: 14px 28px 14px 12px;
}

.segment-modal{
    left: -23px;
    right: unset;
}
/* Segments wrapper: outer margin moves to the inline-end side */
.header-segments {
    margin-right: 0;
    margin-left: 24px;
}

/* Logo container: padding + divider line move to the inline-end side */

/* Hamburger column: drop the LTR left zero, zero the right instead */
.header-new-content .hamburger-menu-container {
    padding-left: unset;
    padding-right: 0;
}

/* Side overlay panel: anchored to the right edge in RTL, slides in from the right */
.side-overlay-panel-menu.side-overlay-panel {
    left: auto;
    right: -400px;
    transition: right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.side-overlay-panel-menu.side-overlay-panel.show {
    left: auto;
    right: 400px;
}

.side-overlay-panel-menu.side-overlay-panel.show::before {
    left: auto;
    right: 0;
}

#sideOverlayBackdrop.side-overlay-backdrop {
    left: auto;
    right: 320px;
}

/* Submenu chevron in the sliding panel: point toward the inline-start (left in RTL) */
.submenu-list .sliding-menu-link .menu-arrow {
    transform: rotate(180deg);
}

/* ===== MEDIA QUERIES ===== */

@media (max-width: 1024px) {
    .side-overlay-panel-menu.side-overlay-panel.show {
        left: auto;
        right: 280px;
    }

    #sideOverlayBackdrop.side-overlay-backdrop {
        left: auto;
        right: 280px;
    }
}

@media (max-width: 768px) {
    .side-overlay-panel-menu.side-overlay-panel {
        left: auto;
        right: -100vw;
    }

    .side-overlay-panel-menu.side-overlay-panel.show {
        left: auto;
        right: 0;
    }

    /* Back-arrow icon in mobile overlay header: mirror horizontally */
    .side-overlay-panel-menu .menu-back-btn .menu-back-icon {
        transform: rotateY(180deg);
    }

    #sideOverlayBackdrop.side-overlay-backdrop {
        left: auto;
        right: 0;
    }
}