﻿/* RTL overrides for M3yar coffee tools theme */
/* Cairo is loaded asynchronously from the storefront layout. */

[dir="rtl"] {
  text-align: right;
}

[dir="rtl"] body {
  font-family: 'Cairo', 'DM Sans', sans-serif;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .section-content__title, [dir="rtl"] .cms__title, [dir="rtl"] .sidebar__title {
  font-family: 'Cairo', 'Playfair Display', serif;
}
[dir="rtl"] .m-l-0 { margin-left: 0 !important; margin-right: 0px !important; }
[dir="rtl"] .m-r-0 { margin-right: 0 !important; margin-left: 0px !important; }
[dir="rtl"] .p-l-0 { padding-left: 0 !important; padding-right: 0px !important; }
[dir="rtl"] .p-r-0 { padding-right: 0 !important; padding-left: 0px !important; }
[dir="rtl"] .m-l-5 { margin-left: 0 !important; margin-right: 5px !important; }
[dir="rtl"] .m-r-5 { margin-right: 0 !important; margin-left: 5px !important; }
[dir="rtl"] .p-l-5 { padding-left: 0 !important; padding-right: 5px !important; }
[dir="rtl"] .p-r-5 { padding-right: 0 !important; padding-left: 5px !important; }
[dir="rtl"] .m-l-10 { margin-left: 0 !important; margin-right: 10px !important; }
[dir="rtl"] .m-r-10 { margin-right: 0 !important; margin-left: 10px !important; }
[dir="rtl"] .p-l-10 { padding-left: 0 !important; padding-right: 10px !important; }
[dir="rtl"] .p-r-10 { padding-right: 0 !important; padding-left: 10px !important; }
[dir="rtl"] .m-l-15 { margin-left: 0 !important; margin-right: 15px !important; }
[dir="rtl"] .m-r-15 { margin-right: 0 !important; margin-left: 15px !important; }
[dir="rtl"] .p-l-15 { padding-left: 0 !important; padding-right: 15px !important; }
[dir="rtl"] .p-r-15 { padding-right: 0 !important; padding-left: 15px !important; }
[dir="rtl"] .m-l-20 { margin-left: 0 !important; margin-right: 20px !important; }
[dir="rtl"] .m-r-20 { margin-right: 0 !important; margin-left: 20px !important; }
[dir="rtl"] .p-l-20 { padding-left: 0 !important; padding-right: 20px !important; }
[dir="rtl"] .p-r-20 { padding-right: 0 !important; padding-left: 20px !important; }
[dir="rtl"] .m-l-25 { margin-left: 0 !important; margin-right: 25px !important; }
[dir="rtl"] .m-r-25 { margin-right: 0 !important; margin-left: 25px !important; }
[dir="rtl"] .p-l-25 { padding-left: 0 !important; padding-right: 25px !important; }
[dir="rtl"] .p-r-25 { padding-right: 0 !important; padding-left: 25px !important; }
[dir="rtl"] .m-l-30 { margin-left: 0 !important; margin-right: 30px !important; }
[dir="rtl"] .m-r-30 { margin-right: 0 !important; margin-left: 30px !important; }
[dir="rtl"] .p-l-30 { padding-left: 0 !important; padding-right: 30px !important; }
[dir="rtl"] .p-r-30 { padding-right: 0 !important; padding-left: 30px !important; }
[dir="rtl"] .m-l-35 { margin-left: 0 !important; margin-right: 35px !important; }
[dir="rtl"] .m-r-35 { margin-right: 0 !important; margin-left: 35px !important; }
[dir="rtl"] .p-l-35 { padding-left: 0 !important; padding-right: 35px !important; }
[dir="rtl"] .p-r-35 { padding-right: 0 !important; padding-left: 35px !important; }
[dir="rtl"] .m-l-40 { margin-left: 0 !important; margin-right: 40px !important; }
[dir="rtl"] .m-r-40 { margin-right: 0 !important; margin-left: 40px !important; }
[dir="rtl"] .p-l-40 { padding-left: 0 !important; padding-right: 40px !important; }
[dir="rtl"] .p-r-40 { padding-right: 0 !important; padding-left: 40px !important; }
[dir="rtl"] .m-l-45 { margin-left: 0 !important; margin-right: 45px !important; }
[dir="rtl"] .m-r-45 { margin-right: 0 !important; margin-left: 45px !important; }
[dir="rtl"] .p-l-45 { padding-left: 0 !important; padding-right: 45px !important; }
[dir="rtl"] .p-r-45 { padding-right: 0 !important; padding-left: 45px !important; }
[dir="rtl"] .m-l-50 { margin-left: 0 !important; margin-right: 50px !important; }
[dir="rtl"] .m-r-50 { margin-right: 0 !important; margin-left: 50px !important; }
[dir="rtl"] .p-l-50 { padding-left: 0 !important; padding-right: 50px !important; }
[dir="rtl"] .p-r-50 { padding-right: 0 !important; padding-left: 50px !important; }
[dir="rtl"] .m-l-55 { margin-left: 0 !important; margin-right: 55px !important; }
[dir="rtl"] .m-r-55 { margin-right: 0 !important; margin-left: 55px !important; }
[dir="rtl"] .p-l-55 { padding-left: 0 !important; padding-right: 55px !important; }
[dir="rtl"] .p-r-55 { padding-right: 0 !important; padding-left: 55px !important; }
[dir="rtl"] .m-l-60 { margin-left: 0 !important; margin-right: 60px !important; }
[dir="rtl"] .m-r-60 { margin-right: 0 !important; margin-left: 60px !important; }
[dir="rtl"] .p-l-60 { padding-left: 0 !important; padding-right: 60px !important; }
[dir="rtl"] .p-r-60 { padding-right: 0 !important; padding-left: 60px !important; }
[dir="rtl"] .m-l-65 { margin-left: 0 !important; margin-right: 65px !important; }
[dir="rtl"] .m-r-65 { margin-right: 0 !important; margin-left: 65px !important; }
[dir="rtl"] .p-l-65 { padding-left: 0 !important; padding-right: 65px !important; }
[dir="rtl"] .p-r-65 { padding-right: 0 !important; padding-left: 65px !important; }
[dir="rtl"] .m-l-70 { margin-left: 0 !important; margin-right: 70px !important; }
[dir="rtl"] .m-r-70 { margin-right: 0 !important; margin-left: 70px !important; }
[dir="rtl"] .p-l-70 { padding-left: 0 !important; padding-right: 70px !important; }
[dir="rtl"] .p-r-70 { padding-right: 0 !important; padding-left: 70px !important; }
[dir="rtl"] .m-l-75 { margin-left: 0 !important; margin-right: 75px !important; }
[dir="rtl"] .m-r-75 { margin-right: 0 !important; margin-left: 75px !important; }
[dir="rtl"] .p-l-75 { padding-left: 0 !important; padding-right: 75px !important; }
[dir="rtl"] .p-r-75 { padding-right: 0 !important; padding-left: 75px !important; }
[dir="rtl"] .m-l-80 { margin-left: 0 !important; margin-right: 80px !important; }
[dir="rtl"] .m-r-80 { margin-right: 0 !important; margin-left: 80px !important; }
[dir="rtl"] .p-l-80 { padding-left: 0 !important; padding-right: 80px !important; }
[dir="rtl"] .p-r-80 { padding-right: 0 !important; padding-left: 80px !important; }
[dir="rtl"] .m-l-85 { margin-left: 0 !important; margin-right: 85px !important; }
[dir="rtl"] .m-r-85 { margin-right: 0 !important; margin-left: 85px !important; }
[dir="rtl"] .p-l-85 { padding-left: 0 !important; padding-right: 85px !important; }
[dir="rtl"] .p-r-85 { padding-right: 0 !important; padding-left: 85px !important; }
[dir="rtl"] .m-l-90 { margin-left: 0 !important; margin-right: 90px !important; }
[dir="rtl"] .m-r-90 { margin-right: 0 !important; margin-left: 90px !important; }
[dir="rtl"] .p-l-90 { padding-left: 0 !important; padding-right: 90px !important; }
[dir="rtl"] .p-r-90 { padding-right: 0 !important; padding-left: 90px !important; }
[dir="rtl"] .m-l-95 { margin-left: 0 !important; margin-right: 95px !important; }
[dir="rtl"] .m-r-95 { margin-right: 0 !important; margin-left: 95px !important; }
[dir="rtl"] .p-l-95 { padding-left: 0 !important; padding-right: 95px !important; }
[dir="rtl"] .p-r-95 { padding-right: 0 !important; padding-left: 95px !important; }
[dir="rtl"] .m-l-100 { margin-left: 0 !important; margin-right: 100px !important; }
[dir="rtl"] .m-r-100 { margin-right: 0 !important; margin-left: 100px !important; }
[dir="rtl"] .p-l-100 { padding-left: 0 !important; padding-right: 100px !important; }
[dir="rtl"] .p-r-100 { padding-right: 0 !important; padding-left: 100px !important; }
[dir="rtl"] .m-l-105 { margin-left: 0 !important; margin-right: 105px !important; }
[dir="rtl"] .m-r-105 { margin-right: 0 !important; margin-left: 105px !important; }
[dir="rtl"] .p-l-105 { padding-left: 0 !important; padding-right: 105px !important; }
[dir="rtl"] .p-r-105 { padding-right: 0 !important; padding-left: 105px !important; }
[dir="rtl"] .m-l-110 { margin-left: 0 !important; margin-right: 110px !important; }
[dir="rtl"] .m-r-110 { margin-right: 0 !important; margin-left: 110px !important; }
[dir="rtl"] .p-l-110 { padding-left: 0 !important; padding-right: 110px !important; }
[dir="rtl"] .p-r-110 { padding-right: 0 !important; padding-left: 110px !important; }
[dir="rtl"] .m-l-115 { margin-left: 0 !important; margin-right: 115px !important; }
[dir="rtl"] .m-r-115 { margin-right: 0 !important; margin-left: 115px !important; }
[dir="rtl"] .p-l-115 { padding-left: 0 !important; padding-right: 115px !important; }
[dir="rtl"] .p-r-115 { padding-right: 0 !important; padding-left: 115px !important; }
[dir="rtl"] .m-l-120 { margin-left: 0 !important; margin-right: 120px !important; }
[dir="rtl"] .m-r-120 { margin-right: 0 !important; margin-left: 120px !important; }
[dir="rtl"] .p-l-120 { padding-left: 0 !important; padding-right: 120px !important; }
[dir="rtl"] .p-r-120 { padding-right: 0 !important; padding-left: 120px !important; }
[dir="rtl"] .m-l-125 { margin-left: 0 !important; margin-right: 125px !important; }
[dir="rtl"] .m-r-125 { margin-right: 0 !important; margin-left: 125px !important; }
[dir="rtl"] .p-l-125 { padding-left: 0 !important; padding-right: 125px !important; }
[dir="rtl"] .p-r-125 { padding-right: 0 !important; padding-left: 125px !important; }
[dir="rtl"] .m-l-130 { margin-left: 0 !important; margin-right: 130px !important; }
[dir="rtl"] .m-r-130 { margin-right: 0 !important; margin-left: 130px !important; }
[dir="rtl"] .p-l-130 { padding-left: 0 !important; padding-right: 130px !important; }
[dir="rtl"] .p-r-130 { padding-right: 0 !important; padding-left: 130px !important; }
[dir="rtl"] .m-l-135 { margin-left: 0 !important; margin-right: 135px !important; }
[dir="rtl"] .m-r-135 { margin-right: 0 !important; margin-left: 135px !important; }
[dir="rtl"] .p-l-135 { padding-left: 0 !important; padding-right: 135px !important; }
[dir="rtl"] .p-r-135 { padding-right: 0 !important; padding-left: 135px !important; }
[dir="rtl"] .m-l-140 { margin-left: 0 !important; margin-right: 140px !important; }
[dir="rtl"] .m-r-140 { margin-right: 0 !important; margin-left: 140px !important; }
[dir="rtl"] .p-l-140 { padding-left: 0 !important; padding-right: 140px !important; }
[dir="rtl"] .p-r-140 { padding-right: 0 !important; padding-left: 140px !important; }
[dir="rtl"] .m-l-145 { margin-left: 0 !important; margin-right: 145px !important; }
[dir="rtl"] .m-r-145 { margin-right: 0 !important; margin-left: 145px !important; }
[dir="rtl"] .p-l-145 { padding-left: 0 !important; padding-right: 145px !important; }
[dir="rtl"] .p-r-145 { padding-right: 0 !important; padding-left: 145px !important; }
[dir="rtl"] .m-l-150 { margin-left: 0 !important; margin-right: 150px !important; }
[dir="rtl"] .m-r-150 { margin-right: 0 !important; margin-left: 150px !important; }
[dir="rtl"] .p-l-150 { padding-left: 0 !important; padding-right: 150px !important; }
[dir="rtl"] .p-r-150 { padding-right: 0 !important; padding-left: 150px !important; }
[dir="rtl"] .m-l-155 { margin-left: 0 !important; margin-right: 155px !important; }
[dir="rtl"] .m-r-155 { margin-right: 0 !important; margin-left: 155px !important; }
[dir="rtl"] .p-l-155 { padding-left: 0 !important; padding-right: 155px !important; }
[dir="rtl"] .p-r-155 { padding-right: 0 !important; padding-left: 155px !important; }
[dir="rtl"] .m-l-160 { margin-left: 0 !important; margin-right: 160px !important; }
[dir="rtl"] .m-r-160 { margin-right: 0 !important; margin-left: 160px !important; }
[dir="rtl"] .p-l-160 { padding-left: 0 !important; padding-right: 160px !important; }
[dir="rtl"] .p-r-160 { padding-right: 0 !important; padding-left: 160px !important; }

/* Float utilities */
[dir="rtl"] .float-left { float: right; }
[dir="rtl"] .float-right { float: left; }

/* Icon links */
[dir="rtl"] .link--icon-left i { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .link--icon-right i { margin-left: 0; margin-right: 10px; }

/* Header */
[dir="rtl"] .user-set-role li { margin-right: 0; margin-left: 40px; }
[dir="rtl"] .user-set-role li:last-child { margin-left: 0; }
[dir="rtl"] .user-set-role li a i { padding-left: 0; padding-right: 10px; }
[dir="rtl"] .expand-dropdown-menu a img { margin-right: 0; margin-left: 5px; }
[dir="rtl"] .menu-label { left: auto; right: 0; }
[dir="rtl"] .menu-label::after { left: auto; right: 12px; }
[dir="rtl"] .header__nav-item { padding-right: 0; padding-left: 20px; }
[dir="rtl"] .header__nav-item:last-child { padding-left: 0; }
@media (min-width: 1566px) {
  [dir="rtl"] .header__nav-item { padding-left: 30px; }
}
[dir="rtl"] .header__user-action-icon li { margin-right: 0; margin-left: 30px; }
[dir="rtl"] .header__user-action-icon li:last-child { margin-left: 0; }
[dir="rtl"] .header__user-action-icon li span { left: auto; right: 15px; }
[dir="rtl"] .header-search__content input { padding: 10px 20px 10px 60px; }
[dir="rtl"] .header-search__content button { right: auto; left: 0; }
[dir="rtl"] .header-menu-vertical .menu-content { left: auto; right: 0; }
[dir="rtl"] .header-menu-vertical .menu-content li a i { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .header-menu-vertical .menu-content li.expand a i { padding-right: 15px; padding-left: 0;  }
[dir="rtl"] .header-menu-vertical .menu-content li .sub-menu {
  left: auto;
  right: 100%;
  text-align: right;
}
[dir="rtl"] .header-menu-vertical .menu-content li .sub-menu > li { float: right; }

/* Offcanvas */
[dir="rtl"] .offcanvas {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}
[dir="rtl"] .offcanvas.offcanvas-open { transform: translateX(0); }
[dir="rtl"] .offcanvas.offcanvas-mobile-menu {
  left: auto;
  right: 0;
  transform: translateX(100%);
}
[dir="rtl"] .offcanvas.offcanvas-mobile-menu.offcanvas-open { transform: translateX(0); }
[dir="rtl"] .offcanvas__top-text i { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .offcanvas__menu-expand::after { right: auto; left: 0; }
[dir="rtl"] .offcanvas-shop-link a { margin-right: 0; margin-left: 15px; }
[dir="rtl"] .offcanvas__address { text-align: right; }
@media (min-width: 992px) {
  [dir="rtl"] .offcanvas__address { text-align: center; }
}
[dir="rtl"] .offcanvas-add-cart__img-box { margin-right: 0; margin-left: 15px; }

/* Sliders */
[dir="rtl"] .hero-slider__arrow--left { left: auto; right: 60px; }
[dir="rtl"] .hero-slider__arrow--right { right: auto; left: 60px; }
[dir="rtl"] .hero:hover .hero-slider__arrow--left { left: auto; right: 20px; }
[dir="rtl"] .hero:hover .hero-slider__arrow--right { right: auto; left: 20px; }
@media (min-width: 1566px) {
  [dir="rtl"] .hero:hover .hero-slider__arrow--left { right: 70px; }
  [dir="rtl"] .hero:hover .hero-slider__arrow--right { left: 70px; }
}
[dir="rtl"] .default-slider__arrow--left { left: auto; right: calc(0% + 20px); }
[dir="rtl"] .default-slider__arrow--right { right: auto; left: calc(0% + 20px); }
[dir="rtl"] .default-slider:hover .default-slider__arrow--left { left: auto; right: 0; }
[dir="rtl"] .default-slider:hover .default-slider__arrow--right { right: auto; left: 0; }
[dir="rtl"] .inner-slider__arrow--left { left: auto; right: 0; }
[dir="rtl"] .inner-slider__arrow--right { right: auto; left: 0; }
[dir="rtl"] .inner-slider:hover .inner-slider__arrow--left { left: auto; right: 0; }
[dir="rtl"] .inner-slider:hover .inner-slider__arrow--right { right: auto; left: 0; }
[dir="rtl"] .gallery__nav-horizontal--left { left: auto; right: 0; }
[dir="rtl"] .gallery__nav-horizontal--right { right: auto; left: 0; }

/* Product */
[dir="rtl"] .product__label { left: auto; right: 10px; }
[dir="rtl"] .product__counter-box { right: auto; left: 7px; }
[dir="rtl"] .product__review li { margin-right: 0; margin-left: 4px; }
[dir="rtl"] .product__action--link li,
[dir="rtl"] .product__action--link-list li { margin-right: 0; margin-left: 6px; }
[dir="rtl"] .product__action--link-list li { margin-left: 20px; }

/* Breadcrumb */
[dir="rtl"] .page-breadcrumb__nav { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .page-breadcrumb__nav::after {
  content: "\f053";
  padding-left: 0;
  padding-right: 10px;
}

/* Sidebar */
[dir="rtl"] .sidebar__post-blog .sidebar__post-content { margin-left: 0; margin-right: 10px; }
[dir="rtl"] .sidebar__post-product .product__content { margin-left: 0; margin-right: 10px; }

/* Forms */
[dir="rtl"] label > span { padding-left: 0; padding-right: 30px; }
[dir="rtl"] .password__toggle--btn { margin-left: 0; margin-right: -25px; }
[dir="rtl"] .round-input-btn {
  right: auto;
  left: 0;
  border-radius: 25px 0 0 25px;
}

/* Footer */
[dir="rtl"] .footer__logo,
[dir="rtl"] .footer__address { text-align: right; }
[dir="rtl"] .footer__address-item i { padding-right: 0; padding-left: 10px; }
[dir="rtl"] .footer .footer__social-list { margin-right: 0; margin-left: 15px; }
[dir="rtl"] .footer__link:hover { padding-left: 0; padding-right: 10px; padding-inline-start: 6px; }

[dir="rtl"] .block-quote {
  border-left: none;
  border-right: 5px solid #C4A574;
  border-radius: 12px 0 0 12px;
}

[dir="rtl"] .footer__bottom {
  text-align: right;
}
[dir="rtl"] .footer__form-box input { padding: 12px 10px 12px 120px; }
@media (min-width: 992px) {
  [dir="rtl"] .footer__copyright-text { text-align: right; }
  [dir="rtl"] .footer__payment { text-align: left; }
}

/* Contact */
[dir="rtl"] .contact-icon i { margin-right: 0; margin-left: 20px; }
[dir="rtl"] .social-link li { margin-right: 0; margin-left: 15px; }

/* Misc */
[dir="rtl"] .nametag span { margin-right: 0; margin-left: 15px; }
[dir="rtl"] .nametag__list li { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .internal-link { margin-left: 0; margin-right: 30px; }
[dir="rtl"] .material-scrolltop { right: auto; left: 23px; }
[dir="rtl"] .material-scrolltop:hover { background-color: #4A2C2A; border-color: #4A2C2A; }
[dir="rtl"] .float-margin-auto--15 { margin-left: -15px; margin-right: -15px; }
[dir="rtl"] .border-line--small { left: auto; right: 0; }

/* Dropdown chevrons */
[dir="rtl"] .dropdown__link .fa-chevron-right,
[dir="rtl"] .far.fa-chevron-right { transform: scaleX(-1); }

/* Slick RTL */
[dir="rtl"] .slick-slide { float: right; }

/* Navigation dropdowns */
[dir="rtl"] .header__nav-link i { margin-left: 0; margin-right: 5px; }
[dir="rtl"] .header__nav-link::after { right: auto; left: 0; }
[dir="rtl"] .header__nav-item:hover .header__nav-link::after { left: auto; right: 0; }
[dir="rtl"] .dropdown__menu,
[dir="rtl"] .dropdown__submenu { left: auto; right: 0; }
[dir="rtl"] .dropdown__submenu { left: auto; right: -100%; }
@media (min-width: 1566px) {
  [dir="rtl"] .dropdown__submenu { right: 100%; left: auto; }
}
[dir="rtl"] .dropdown__link:hover,
[dir="rtl"] .dropdown__submenu-link:hover { transform: translateX(-5px); }
[dir="rtl"] .mega-menu__item-box { margin-right: 0; margin-left: 20px; }
[dir="rtl"] .mega-menu__item-box:last-child { margin-left: 0; }

/* Block quote & blog */
[dir="rtl"] .block-quote {
  margin-left: 0;
  margin-right: 80px;
  border-left: none;
  border-right: 5px solid #8B5A2B;
}

/* Form controls */
[dir="rtl"] .form-box__single-group label,
[dir="rtl"] .sidebar__menu-filter label { text-align: right; }

/* Cart badge */
[dir="rtl"] .offcanvas-add-cart__item-count { left: auto; right: 0; }

/* Select arrow */
[dir="rtl"] .select-sort__arrow::after { right: auto; left: 15px; }

/* Tab separators */
[dir="rtl"] .tablist--style-seperator li::after { right: auto; left: 0; }

/* Offcanvas mobile role */
[dir="rtl"] .offcanvas-mobile-menu .user-set-role li { margin-right: 0; margin-left: 20px; }
[dir="rtl"] .offcanvas-mobile-menu .user-set-role li a i { padding-left: 0; padding-right: 10px; }

/* Section content button alignment in flex headers — desktop RTL only */
@media (min-width: 992px) {
  [dir="rtl"] .section-content {
    flex-direction: row-reverse;
  }
}

/* Premium layer RTL */
[dir="rtl"] .m3-skip-link:focus {
  left: auto;
  right: 16px;
}

[dir="rtl"] .footer__nav-title--dash::before {
  left: auto;
  right: 0;
}

