/**
 * RTL (Right-to-Left) Stylesheet for Magzin Theme
 *
 * This file provides RTL overrides for physical CSS properties.
 * It is conditionally loaded only when WordPress is in RTL mode (is_rtl()).
 *
 * @package Magzin
 * @since 3.4
 */

/* ==========================================================================
   1. SCROLL TO TOP
   ========================================================================== */

.btn-scroll-top {
    right: auto;
    left: 1.5rem;
}

/* ==========================================================================
   2. HOVER / SHINE ANIMATION
   ========================================================================== */

.shine-animate:before {
    left: auto;
    right: -100%;
}

@keyframes hoverShine {
    100% {
        left: auto;
        right: 125%;
    }
}

/* ==========================================================================
   3. LINK / BUTTON EFFECTS
   ========================================================================== */

.link-effect-1 span.text-2 {
    left: auto;
    right: 0;
}

.link-effect-2 .text2 {
    left: auto;
    right: 0;
}

.button-effect-1 .btn-text-2 {
    left: auto;
    right: 0;
}

.footer-widget.widget_nav_menu ul li a .btn-text-2,
.footer-widget .cat-item a .btn-text-2 {
    left: auto;
    right: 0;
}

/* ==========================================================================
   4. VIEW MORE BUTTON
   ========================================================================== */

.view-more .circle .icon.arrow {
    left: auto;
    right: 0.625rem;
}

.view-more .circle .icon.arrow::before {
    right: auto;
    left: 0.0625rem;
    border-right: none;
    border-left: 0.125rem solid var(--tc-system-white);
}

/* ==========================================================================
   5. ARTICLE CARDS
   ========================================================================== */

/* Bookmark icon */
.article .book-mark {
    right: auto;
    left: 20px;
}

@media (min-width: 768px) {
    .article .book-mark {
        right: auto;
        left: 34px;
    }
}

.article.card-1 .card-body .book-mark {
    right: auto;
    left: unset;
}

.article.card-7 .card-body .book-mark {
    right: auto;
    left: 20px;
}

.sec-4-home-2 .article.card-7 .card-body .book-mark {
    right: auto;
    left: 20px;
}

/* Card badges */
.article.card-5 .badge {
    left: auto;
    right: 15px;
}

.article.card-11 .thumbnail .badge {
    left: auto;
    right: 15px;
}

/* Card body position */
@media (min-width: 768px) {
    .article.card-2 .card-body {
        left: auto;
        right: 32px;
    }
}

/* ==========================================================================
   6. CARD CORNERS
   ========================================================================== */

/*
 * Card-corner: decorative concave corner at bottom-right (LTR) → bottom-left (RTL)
 * Uses "inverted border-radius" trick with box-shadow on .curve-one / .curve-two
 */

/* --- Main card-corner (bottom-right → bottom-left) --- */
.card-corner {
    border-top-left-radius: 0;
    border-top-right-radius: 2em;
    inset: auto auto 0% 0%;        /* bottom-left */
    border-left: none;
    border-right: 1px solid var(--tc-neutral-200);
}

.card-corner::before {
    border-top-left-radius: 0;
    border-top-right-radius: 2.5em;
    right: 0;
}

/* --- Arrow-box inside card-corner: mirror offset --- */
/* LTR: inset: 8px 0% 0% 8px (top:8px, left:8px) → RTL: top:8px, right:8px */
.arrow-box {
    inset: auto;
    top: 8px;
    right: 8px;
    bottom: 0%;
    left: 0%;
}

/* --- Curve-one: notch above card-corner --- */
/* LTR: top:-16px, right:-1px → RTL: top:-16px, left:-1px */
.curve-one {
    right: auto;
    left: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
    border-right: none;
    border-left: 1px solid var(--tc-neutral-200);
}

/* --- Curve-two: notch beside card-corner --- */
/* LTR: bottom:-1px, left:-16px → RTL: bottom:-1px, right:-16px */
.curve-two {
    left: auto;
    right: -16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
    border-right: none;
    border-left: 1px solid var(--tc-neutral-200);
}

/* --- No-border variant --- */
.card-corner.no-border {
    border: none;
}

.card-corner.no-border .curve-one {
    right: auto;
    left: 0px;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
}

.card-corner.no-border .curve-two {
    left: auto;
    right: -16px;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
}

/* --- Card-2 specific overrides --- */
@media (min-width: 768px) {
    .article.card-2 .card-corner .curve-one {
        right: auto;
        left: 0px;
    }

    .article.card-2 .card-corner .curve-two {
        left: auto;
        right: -16px;
    }
}

/* --- Card-11 specific --- */
.article.card-11 .card-body .card-corner {
    border-top-left-radius: 0;
    border-top-right-radius: 16px;
}

.article.card-11 .card-body .card-corner .curve-one {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
    border-right: none;
    border-left: 1px solid var(--tc-neutral-200);
}

.article.card-11 .card-body .card-corner .curve-two {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
    border-bottom: 1px solid var(--tc-neutral-200);
    border-right: none;
    border-left: 1px solid var(--tc-neutral-200);
}

/* --- Card-5 white variant --- */
.article.card-5 .card-corner.white .curve-one {
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-system-white);
}

.article.card-5 .card-corner.white .curve-two {
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-system-white);
}

/* --- sec-4-home-2 dark variant --- */
.sec-4-home-2 .article.card-7 .card-body .card-corner {
    border-left: none;
    border-right-color: var(--tc-neutral-700);
}

.sec-4-home-2 .article.card-7 .card-body .card-corner .curve-one {
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-800);
}

.sec-4-home-2 .article.card-7 .card-body .card-corner .curve-two {
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-800);
}

/* --- Arrow SVG inside card-corner: mirror for RTL --- */
.card-corner .arrow-box svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   6b. CARD CORNER 2 (top-left → top-right)
   ========================================================================== */

.card-corner-2 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2em;
    inset: 0% 0% auto auto;        /* top-right */
}

.card-corner-2::before {
    left: auto;
    right: 58px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
}

.card-corner-2::after {
    left: auto;
    right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 16px;
    box-shadow: -0.313rem 0.313rem 0 0.313rem var(--tc-neutral-50);
}

/* ==========================================================================
   6c. AUTHOR STICKY CORNERS
   ========================================================================== */

/* Block: move from bottom-left to bottom-right, mirror border-radius */
.author-sticky-block-left-bottom {
    inset: auto 0% 0% auto; /* original: auto auto 0% 0% (bottom-left) → bottom-right */
    border-top-right-radius: 0;
    border-top-left-radius: 16px;
    align-items: flex-start;
}

/*
 * Corner elements use "inverted border-radius" trick.
 * scaleX(-1) mirrors the entire shape (border-radius + box-shadow) horizontally,
 * so no manual box-shadow recalculation needed.
 */
.author-sticky-corner-left-top {
    left: auto;
    right: 0px;
    transform: scaleX(-1) rotate(90deg);
}

.author-sticky-corner-right-bottom {
    left: auto;
    right: 136px;
    transform: scaleX(-1) rotate(90deg);
}

/* Variant color overrides: box-shadow inherits from original + scaleX(-1) handles mirroring,
   so no box-shadow override needed here. */

/* Author sticky grid */
.article .author-sticky {
    border-top-right-radius: 0;
    border-top-left-radius: 16px;
}

/* ==========================================================================
   7. CATEGORY CARD
   ========================================================================== */

.category-card.style-2::before {
    left: auto;
    right: 0;
}

/* ==========================================================================
   8. NAVBAR / NAVIGATION
   ========================================================================== */

/* Search button separator */
.navbar .search-btn::after {
    right: auto;
    left: 0;
}

/* Navbar brand */
.navbar.style-1 .navbar-brand {
    padding-right: 0;
    padding-left: 30px;
}

.navbar.style-1 .navbar-brand::after {
    right: auto;
    left: 0;
}

.navbar.style-1 .text-muted {
    margin-left: 0;
    margin-right: 30px;
}

/* Navbar search button padding */
.navbar .navbar-nav .nav-item.search-btn-nav {
    padding-right: 0;
    padding-left: 30px;
}

.navbar.style-4 .search-btn {
    padding-right: unset;
    padding-left: 0;
}

/* Dropdown menus */
.navbar .navbar-nav .nav-item .dropdown-menu {
    left: auto;
    right: 0;
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item-has-child .sub-menu {
    left: auto;
    right: 102%;
}

/* Level 3 dropdown */
.navbar .navbar-nav .nav-item .dropdown-menu li ul.dropdown-menu {
    left: auto;
    right: 100%;
}

/* Level 4 dropdown */
.navbar .navbar-nav .nav-item .dropdown-menu li ul.dropdown-menu li ul.dropdown-menu {
    left: auto;
    right: 100%;
}

/* Dropdown arrow */
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item-has-child::after {
    right: auto;
    left: 22px;
    transform: rotate(90deg);
}

/* Nav link arrow for sub-items */
.navbar .navbar-nav .nav-item .nav-link {
	padding-left: 18px;
}

.navbar .navbar-nav .nav-item > a.nav-link::after {
    right: auto;
    left: 0;
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.has-child::after {
	transform: rotate(-270deg);
	right: unset;
    left: 22px;
}

/* Mega menu */
.navbar .navbar-nav .nav-item.mega-menu-item .sub-mega-menu {
    left: 0;
    right: 0;
}

.navbar .navbar-nav .nav-item.mega-menu-item .sub-mega-menu:after {
    right: 0;
    left: 0;
}

/* Badge new */
.navbar .navbar-nav .badge-new {
    left: auto;
    right: 90%;
}

/* ==========================================================================
   9. SIDEBAR (OFF-CANVAS MENU)
   ========================================================================== */

.sidebar-left {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

.sidebar-left.active {
    transform: translateX(0);
}

/* Sidebar menu arrow */
.sidebar-left .sidebar-nav .nav-item > .nav-link::after {
    right: auto;
    left: 0;
}

.sidebar-left .sidebar-nav .nav-item .collapse-menu .nav-item .nav-link:after {
    right: auto;
    left: 5px;
}

/* Sidebar sub-menus */
.sidebar-left .sidebar-nav .nav-item .collapse-menu {
    padding-left: 0;
    padding-right: 15px;
}

.sidebar-left .sidebar-nav .nav-item .collapse-toggle + .collapse-menu {
    padding-left: 0;
    padding-right: 15px;
}

.sidebar-left .sidebar-nav .sub-menu {
    padding-left: 0;
    padding-right: 15px;
}

/* Overlay */
.sidebar-overlay {
    left: 0;
    right: 0;
}

/* ==========================================================================
   10. BLOCKQUOTE
   ========================================================================== */

blockquote:before,
.blockquote:before,
.wp-block-quote:before {
    left: auto;
    right: 40px;
}

.wp-block-quote {
    border-left: none;
    border-right: 0;
    padding-left: 0;
    padding-right: 110px;
}

.wp-block-quote.is-large:where(:not(.is-style-plain)),
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
    padding: 40px 110px 40px 40px;
}

@media (max-width: 767px) {
    blockquote::before,
    .blockquote::before,
    .wp-block-quote::before {
        left: auto;
        right: 20px;
    }
}

/* ==========================================================================
   11. BORDER UTILITIES (Custom theme utilities)
   ========================================================================== */

.border-end-100 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-100) !important;
}

.border-end-200 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-200) !important;
}

.border-end-300 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-300) !important;
}

.border-end-400 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-400) !important;
}

.border-end-500 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-500) !important;
}

.border-end-600 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-600) !important;
}

.border-end-700 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-700) !important;
}

.border-end-800 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-800) !important;
}

.border-end-900 {
    border-right: none !important;
    border-left: 1px solid var(--tc-neutral-900) !important;
}

/* ==========================================================================
   12. POSITION UTILITIES (Override theme utilities)
   ========================================================================== */

.start-0 {
    left: auto !important;
    right: 0 !important;
}

.start-50 {
    left: auto !important;
    right: 50% !important;
}

.start-100 {
    left: auto !important;
    right: 100% !important;
}

.end-0 {
    right: auto !important;
    left: 0 !important;
}

.end-50 {
    right: auto !important;
    left: 50% !important;
}

.end-100 {
    right: auto !important;
    left: 100% !important;
}

/* ==========================================================================
   13. SOCIAL BLOCK
   ========================================================================== */

.block-social .social-list .social-item .icon {
    border-right: none;
    border-left: 1px solid var(--tc-neutral-200);
    padding-right: 0;
    padding-left: 15px;
}

.group-social-icons .icon-shape::before {
    right: auto;
    left: 0;
}

/* ==========================================================================
   14. AUTHOR BLOCK
   ========================================================================== */

.block-author .avatar {
    margin-right: 0;
    margin-left: -11px;
}

.block-author :nth-last-child(1) {
    margin-right: 0;
    margin-left: 0;
}

/* ==========================================================================
   15. INPUT GROUP
   ========================================================================== */

/*
 * Bootstrap grid RTL only handles grid, NOT .input-group flex reversal.
 * Force flex reversal so icon moves to the right (start) in RTL.
 *
 * LTR: [icon-input (left) | form-control (right)]
 * RTL: [form-control (left) | icon-input (right)]
 */
.input-group.d-flex {
    flex-direction: row-reverse;
}

/* icon-input: now on RIGHT in RTL → rounded right corners, flat left (joining) */
.input-group .icon-input {
    border-right: 1px solid var(--tc-neutral-200);
    border-left: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* form-control: now on LEFT in RTL → rounded left corners, flat right (joining) */
.input-group .form-control {
    border-left: 1px solid var(--tc-neutral-200);
    border-right: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: right;
}

/* ==========================================================================
   16. DECORATIVE ELEMENTS
   ========================================================================== */

.block-subscribe .decorate-1 {
    right: auto;
    left: 0;
}

.block-app .decorate-1 {
    right: auto;
    left: 0;
}

.block-contact-me .decorate-1 {
    right: auto;
    left: 0;
}

.sec-1-archive-1 .newsletter .decorate-1 {
    right: auto;
    left: 0;
}

.block-discover::before {
    left: auto;
    right: 0;
}

.sec-8-home-2 .decorate-1 {
    left: auto;
    right: 0;
}

/* ==========================================================================
   17. SWIPER BUTTONS
   ========================================================================== */

@media (min-width: 768px) {
    .sec-5-home-1 .swiper-btn {
        right: auto;
        left: 0;
    }
}

/* ==========================================================================
   18. POPUP SEARCH
   ========================================================================== */
.navbar .search-btn {
	padding-left: 30px;
    padding-right: 0;
}
.popup-search-overlay {
    left: 0;
    right: 0;
}

/* ==========================================================================
   19. NAVBAR INPUT
   ========================================================================== */

.navbar .input-search {
    padding-left: 15px;
    padding-right: 0;
}

/* ==========================================================================
   20. HOVER UNDERLINE
   ========================================================================== */

.hover-underline .line-wrapper::after {
    left: 0;
    right: 0;
}

/* ==========================================================================
   21. POST HEADER
   ========================================================================== */

.post-header-3-image::after {
    left: 0;
    right: 0;
}

/* ==========================================================================
   22. FORM ELEMENTS
   ========================================================================== */

.navbar .form-control {
    padding-left: 15px;
    padding-right: 0;
}

/* ==========================================================================
   MAGZIN-CUSTOM.CSS OVERRIDES
   ========================================================================== */

/* ==========================================================================
   23. POST NAVIGATION
   ========================================================================== */

.blog-next-prev .post.prev .post-content {
    text-align: right;
}

.blog-next-prev .post.next .post-content {
    text-align: left;
}

@media (max-width: 576px) {
    .blog-next-prev .post.next {
        text-align: right !important;
    }

    .blog-next-prev .post.next .post-content {
        text-align: right;
    }
}

/* ==========================================================================
   24. SIDEBAR WIDGETS
   ========================================================================== */

.sidebar-left .sidebar_widget ul,
.sidebar-left .sidebar_widget ol {
    padding-left: 0;
    padding-right: 15px;
}

/* Sidebar menu arrow */
.sidebar-left .menu-item-has-children > a::after {
    right: auto;
    left: 0;
}

/* Sub-menu padding */
.sidebar-left .sub-menu {
    padding-left: 0;
    padding-right: 15px;
}

.sidebar-left .menu-item.active .sub-menu {
    padding: 10px 15px 5px 0;
}

.sidebar-left .sub-menu .menu-item:hover {
    padding-left: 0;
    padding-right: 3px;
}

@media (max-width: 991px) {
    .sidebar-left .sub-menu {
        padding-left: 0;
        padding-right: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sidebar-left .sub-menu {
        padding-left: 0;
        padding-right: 18px;
    }
}

.sidebar-left .sub-menu .sub-menu {
    padding-left: 0;
    padding-right: 15px;
}

/* Sidebar widget title */
.sidebar_widget_title {
    padding-left: 0;
    padding-right: 32px;
}

.sidebar_widget_title::before {
    left: auto;
    right: 0;
}

/* WP Block heading in sidebar */
.sidebar-left h2.wp-block-heading,
.main_sidebar h2.wp-block-heading {
    padding-left: 0;
    padding-right: 32px;
}

.sidebar-left h2.wp-block-heading::before,
.main_sidebar h2.wp-block-heading::before {
    left: auto;
    right: 0;
}

/* Sidebar widget lists */
.sidebar_widget ul,
.sidebar_widget ol {
    padding-left: 0;
    padding-right: 0;
}

.sidebar_widget ul ul,
.sidebar_widget ol ol {
    padding-left: 0;
    padding-right: 10px;
}

/* ==========================================================================
   25. COMMENT FORM
   ========================================================================== */

a#cancel-comment-reply-link {
    margin-left: 0;
    margin-right: 15px;
}

/* ==========================================================================
   26. ALIGNMENT CLASSES (WordPress)
   ========================================================================== */

.alignright {
    text-align: left;
    float: left;
    margin: 0 15px 15px 0;
}

.alignleft {
    text-align: right;
    float: right;
    margin: 0 0 15px 15px;
}

/* ==========================================================================
   27. TABLE STYLES
   ========================================================================== */

.single-content table thead th {
    text-align: right;
}

.single-content table tbody th {
    border-right: none;
    border-left: 1px solid var(--tc-neutral-300);
}

/* ==========================================================================
   28. DEFINITION LIST
   ========================================================================== */

dd {
    margin: 5px 20px 0 0;
}

/* ==========================================================================
   29. BLOCK CARD SWIPER OVERLAY
   ========================================================================== */

.block-card-swiper::before {
    left: 0;
    right: 0;
}

/* ==========================================================================
   30. CATEGORY PADDING
   ========================================================================== */

.article.card-8 .card-body {
    padding-right: 55.229px;
    padding-left: 0;
}

/* ==========================================================================
   WOOCOMMERCE RTL OVERRIDES
   ========================================================================== */

/* ==========================================================================
   31. SALE BADGE
   ========================================================================== */

.onsale {
    left: auto;
    right: 15px;
}

/* ==========================================================================
   32. STAR RATING
   ========================================================================== */

.star-rating::before {
    left: auto;
    right: 0;
}

/* ==========================================================================
   33. PRODUCT PRICE
   ========================================================================== */

.product-price .price del {
    margin-right: 0;
    margin-left: 8px;
}

/* ==========================================================================
   34. SHOP TABLE
   ========================================================================== */

.woocommerce table.shop_table th {
    text-align: right;
}

/* ==========================================================================
   35. QUICK VIEW MODAL
   ========================================================================== */

.magzin-quick-view-close {
    right: auto;
    left: 15px;
}

@media (max-width: 575px) {
    .magzin-quick-view-close {
        right: auto;
        left: 10px;
    }
}

.magzin-quick-view-content .product-summary-wrapper {
    padding-left: 0;
    padding-right: 20px;
}

@media (max-width: 991px) {
    .magzin-quick-view-content .product-summary-wrapper {
        padding-right: 0;
        padding-top: 20px;
    }
}

/* Quick view full overlay */
.magzin-quick-view-modal {
    left: 0;
    right: 0;
}

.magzin-quick-view-overlay {
    left: 0;
    right: 0;
}

/* ==========================================================================
   36. NOTIFICATIONS (Wishlist/Compare)
   ========================================================================== */

.magzin-notification {
    right: auto;
    left: 20px;
    transform: translateX(-400px);
}

.magzin-notification.show {
    transform: translateX(0);
}

.magzin-notification-success {
    border-left: none;
    border-right: 4px solid #10b981;
}

.magzin-notification-error {
    border-left: none;
    border-right: 4px solid #ef4444;
}

@media (max-width: 575px) {
    .magzin-notification {
        left: 10px;
        right: 10px;
    }
}

/* ==========================================================================
   37. PRODUCT GALLERY
   ========================================================================== */

.woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
    right: auto;
    left: 10px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    right: auto;
    left: .5em;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    left: auto;
    right: 9px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    left: auto;
    right: 22px;
}

/* ==========================================================================
   38. SINGLE PRODUCT
   ========================================================================== */

.single-product .entry-summary form.cart input {
    padding-left: 0;
    padding-right: 15px;
}

.woocommerce-product-search input {
    padding-left: 0;
    padding-right: 15px;
}

/* ==========================================================================
   39. WOOCOMMERCE TABS
   ========================================================================== */

.woocommerce-tabs .wc-tabs li:first-child {
    margin-left: 0;
    margin-right: -1.2rem;
}

.woocommerce-tabs .wc-tabs li.active a::before {
    left: auto;
    right: 0;
}

/* Product tabs active indicator */
.product-tabs-wrapper .woocommerce-tabs ul.tabs li.active a::after {
    left: 0;
    right: 0;
}

/* ==========================================================================
   40. PRODUCT LIST WIDGET
   ========================================================================== */

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
    float: left;
}

/* ==========================================================================
   41. WOO STAR RATING (Review Form)
   ========================================================================== */

.woocommerce p.stars a::before {
    left: auto;
    right: 0;
}

/* ==========================================================================
   42. BREADCRUMB SEPARATOR - Mirror arrow icon
   ========================================================================== */

.breadcrumb-separator svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   43. SWIPER NAVIGATION ARROWS - Mirror for RTL
   ========================================================================== */

.swiper-btn-prev svg,
.swiper-button-prev svg,
.switch-btn-prev svg {
    transform: scaleX(-1);
}

.swiper-btn-next svg,
.swiper-button-next svg,
.switch-btn-next svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   44. NAVBAR DROPDOWN ARROWS - Mirror for RTL
   ========================================================================== */

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item-has-child::after {
    transform: rotate(90deg);
}

/* ==========================================================================
   45. TEXT DIRECTION ADJUSTMENTS
   ========================================================================== */

/* Ensure proper text direction for mixed content */
.single-content,
.post-content,
.entry-content {
    direction: rtl;
    text-align: right;
}

/* Fix code blocks to be LTR */
.single-content code,
.single-content pre {
    direction: ltr;
    text-align: left;
}

/* ==========================================================================
   46. PRELOADER
   ========================================================================== */

#preloader .loader .loader-inner {
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ==========================================================================
   47. SWIPER PADDING (Home 2 Section 3)
   ========================================================================== */

.box-swiper-padding {
    padding-left: 0 !important;
    padding-right: var(--swiper-padding-right, 0) !important;
}

/* ==========================================================================
   ELEMENTOR WIDGETS RTL OVERRIDES
   ========================================================================== */

/* ==========================================================================
   48. ELEMENTOR NAV WIDGET (Fallback for inline CSS)
   ========================================================================== */

.magzin-nav-menu-list ul {
    left: auto;
    right: 0;
}

.magzin-nav-menu-list ul ul {
    left: auto;
    right: 100%;
}

.magzin-nav-layout-vertical .magzin-nav-menu-list ul {
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 20px;
}

.magzin-nav-submenu-indicator .menu-item-has-children > a::after {
    margin-left: 0;
    margin-right: 8px;
}

.magzin-nav-menu-list li a span.text-2 {
    left: auto;
    right: 0;
}

/* ==========================================================================
   49. ELEMENTOR BUTTON WIDGET - Arrow SVG mirroring
   ========================================================================== */

.elementor-widget-magzin-btn .icon svg,
.elementor-widget-magzin-single-post .icon svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   50. BREAKING NEWS WIDGET - Navigation arrows
   ========================================================================== */

.breaking-news .switch-btn-prev svg,
.breaking-news .switch-btn-next svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   51. TEAM WIDGET - Navigation arrows
   ========================================================================== */

.elementor-widget-magzin-team .swiper-btn-prev svg,
.elementor-widget-magzin-team .swiper-btn-next svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   52. POSTS LISTING/SLIDER - Arrow SVGs
   ========================================================================== */

.article .link-effect-1 .icon svg,
.card-body .link-effect-1 .icon svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   53. WOO PRODUCT GALLERY TRIGGER
   ========================================================================== */

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    right: auto;
    left: .5em;
}

/* ==========================================================================
   54. SWIPER RTL - Ensure proper direction attribute
   ========================================================================== */

.swiper[dir="rtl"] .swiper-wrapper {
    direction: rtl;
}

/* ==========================================================================
   55. ELEMENTOR SPECIFIC - Widget alignment overrides
   ========================================================================== */

.elementor-widget .elementor-icon-list-items {
    padding-left: 0;
    padding-right: 0;
}

.elementor-widget .elementor-icon-list-item .elementor-icon-list-icon {
    margin-right: 0;
    margin-left: 10px;
}

/* ==========================================================================
   55. OTHER
   ========================================================================== */
.view-more .button-text {
	margin: 0 1.85rem 0 0;
}
.view-more .circle .icon.arrow::before {
	transform: rotate(-45deg);
}
.view-more:hover .circle .icon.arrow {
	transform: translate(-1rem, 0);
}
.form-control {
	text-align: right;
}
.wpcf7-checkbox label {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

blockquote, .blockquote, .wp-block-quote {
	padding: 40px 110px 40px 40px;
}

.article:hover .arrow-box {
	border-color: var(--tc-neutral-900);
	background-color: var(--tc-neutral-900);
	transform: rotate(45deg);
}

.block-brief .content li {
    display: flex;
}

.pagination a.pagination_item svg {
    transform: rotate(180deg);
}
.block-author-bio, .block-subscribe {
	background: url("../imgs/decorate-2.svg") no-repeat left 15px bottom 15px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
	float: left !important;
}