/* =========================
   uiXpress RTL
========================= */

@font-face {
    font-family: 'Estedad';
    src: url('fonts/Estedad[wght].woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

html[dir="rtl"] body,
#uix-body-holder,
:where(.uixpress-isolation), .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    direction: rtl;
    font-family: 'Estedad', sans-serif;
}


[dir="rtl"] [style*="left: calc(0%)"], [dir="rtl"] [style*="left: 0%"], [dir="rtl"] [style*="left:0"] { left: auto; right: 0% !important; }
[dir="rtl"] [style*="left: calc(50%)"], [dir="rtl"] [style*="left: 50%"] { left: auto; right: 50% !important; }
[dir="rtl"] [style*="left: calc(100%)"], [dir="rtl"] [style*="left: 100%"] { left: auto; right: 100% !important; }


/* =========================
   PADDING LEFT -> RIGHT
========================= */

#uix-body-holder .pl-1,
:where(.uixpress-isolation) .pl-1 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 1) !important; }

#uix-body-holder .pl-2,
:where(.uixpress-isolation) .pl-2 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 2) !important; }

#uix-body-holder .pl-3,
:where(.uixpress-isolation) .pl-3 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 3) !important; }

#uix-body-holder .pl-4,
:where(.uixpress-isolation) .pl-4 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 4) !important; }

#uix-body-holder .pl-6,
:where(.uixpress-isolation) .pl-6 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 6) !important; }

#uix-body-holder .pl-8,
:where(.uixpress-isolation) .pl-8 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 8) !important; }

#uix-body-holder .pl-10,
:where(.uixpress-isolation) .pl-10 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 10) !important; }

#uix-body-holder .pl-12,
:where(.uixpress-isolation) .pl-12 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 12) !important; }

#uix-body-holder .pl-16,
:where(.uixpress-isolation) .pl-16 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 16) !important; }

#uix-body-holder .pl-20,
:where(.uixpress-isolation) .pl-20 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 20) !important; }

#uix-body-holder .pl-24,
:where(.uixpress-isolation) .pl-24 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 24) !important; }

#uix-body-holder .pl-28,
:where(.uixpress-isolation) .pl-28 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 28) !important; }

#uix-body-holder .pl-32,
:where(.uixpress-isolation) .pl-32 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 32) !important; }

#uix-body-holder .pl-36,
:where(.uixpress-isolation) .pl-36 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 36) !important; }

#uix-body-holder .pl-40,
:where(.uixpress-isolation) .pl-40 { padding-left: 0; padding-right: calc(var(--spacing, .25rem) * 40) !important; }


/* =========================
   PADDING RIGHT -> LEFT
========================= */
#uix-body-holder .pr-1,
:where(.uixpress-isolation) .pr-1 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 1) !important; }

#uix-body-holder .pr-2,
:where(.uixpress-isolation) .pr-2 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 2) !important; }

#uix-body-holder .pr-3,
:where(.uixpress-isolation) .pr-3 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 3) !important; }

#uix-body-holder .pr-4,
:where(.uixpress-isolation) .pr-4 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 4) !important; }

#uix-body-holder .pr-6,
:where(.uixpress-isolation) .pr-6 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 6) !important; }

#uix-body-holder .pr-8,
:where(.uixpress-isolation) .pr-8 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 8) !important; }

#uix-body-holder .pr-10,
:where(.uixpress-isolation) .pr-10 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 10) !important; }

#uix-body-holder .pr-12,
:where(.uixpress-isolation) .pr-12 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 12) !important; }

#uix-body-holder .pr-16,
:where(.uixpress-isolation) .pr-16 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 16) !important; }

#uix-body-holder .pr-20,
:where(.uixpress-isolation) .pr-20 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 20) !important; }

#uix-body-holder .pr-24,
:where(.uixpress-isolation) .pr-24 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 24) !important; }

#uix-body-holder .pr-28,
:where(.uixpress-isolation) .pr-28 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 28) !important; }

#uix-body-holder .pr-32,
:where(.uixpress-isolation) .pr-32 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 32) !important; }

#uix-body-holder .pr-36,
:where(.uixpress-isolation) .pr-36 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 36) !important; }

#uix-body-holder .pr-40,
:where(.uixpress-isolation) .pr-40 { padding-right: 0; padding-left: calc(var(--spacing, .25rem) * 40) !important; }



/* =========================
   MARGIN FIXES
========================= */

#uix-body-holder .ml-auto,
:where(.uixpress-isolation) .ml-auto { margin-left: 0; margin-right: auto !important; }

#uix-body-holder .mr-auto,
:where(.uixpress-isolation) .mr-auto { margin-right: 0; margin-left: auto !important; }



/* =========================
   MARGIN LEFT -> RIGHT
========================= */

#uix-body-holder .ml-1,
:where(.uixpress-isolation) .ml-1 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 1) !important; }

#uix-body-holder .ml-2,
:where(.uixpress-isolation) .ml-2 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 2) !important; }

#uix-body-holder .ml-3,
:where(.uixpress-isolation) .ml-3 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 3) !important; }

#uix-body-holder .ml-4,
:where(.uixpress-isolation) .ml-4 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 4) !important; }

#uix-body-holder .ml-5,
:where(.uixpress-isolation) .ml-5 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 5) !important; }

#uix-body-holder .ml-6,
:where(.uixpress-isolation) .ml-6 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 6) !important; }

#uix-body-holder .ml-8,
:where(.uixpress-isolation) .ml-8 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 8) !important; }

#uix-body-holder .ml-10,
:where(.uixpress-isolation) .ml-10 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 10) !important; }

#uix-body-holder .ml-12,
:where(.uixpress-isolation) .ml-12 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 12) !important; }

#uix-body-holder .ml-14,
:where(.uixpress-isolation) .ml-14 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 14) !important; }

#uix-body-holder .ml-16,
:where(.uixpress-isolation) .ml-16 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 16) !important; }

#uix-body-holder .ml-20,
:where(.uixpress-isolation) .ml-20 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 20) !important; }

#uix-body-holder .ml-24,
:where(.uixpress-isolation) .ml-24 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 24) !important; }

#uix-body-holder .ml-28,
:where(.uixpress-isolation) .ml-28 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 28) !important; }

#uix-body-holder .ml-32,
:where(.uixpress-isolation) .ml-32 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 32) !important; }

#uix-body-holder .ml-36,
:where(.uixpress-isolation) .ml-36 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 36) !important; }

#uix-body-holder .ml-40,
:where(.uixpress-isolation) .ml-40 { margin-left: 0; margin-right: calc(var(--spacing, .25rem) * 40) !important; }



/* =========================
   MARGIN RIGHT -> LEFT
========================= */

#uix-body-holder .mr-1,
:where(.uixpress-isolation) .mr-1 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 1) !important; }

#uix-body-holder .mr-2,
:where(.uixpress-isolation) .mr-2 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 2) !important; }

#uix-body-holder .mr-3,
:where(.uixpress-isolation) .mr-3 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 3) !important; }

#uix-body-holder .mr-4,
:where(.uixpress-isolation) .mr-4 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 4) !important; }

#uix-body-holder .mr-5,
:where(.uixpress-isolation) .mr-5 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 5) !important; }

#uix-body-holder .mr-6,
:where(.uixpress-isolation) .mr-6 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 6) !important; }

#uix-body-holder .mr-8,
:where(.uixpress-isolation) .mr-8 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 8) !important; }

#uix-body-holder .mr-10,
:where(.uixpress-isolation) .mr-10 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 10) !important; }

#uix-body-holder .mr-12,
:where(.uixpress-isolation) .mr-12 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 12) !important; }

#uix-body-holder .mr-14,
:where(.uixpress-isolation) .mr-14 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 14) !important; }

#uix-body-holder .mr-16,
:where(.uixpress-isolation) .mr-16 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 16) !important; }

#uix-body-holder .mr-20,
:where(.uixpress-isolation) .mr-20 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 20) !important; }

#uix-body-holder .mr-24,
:where(.uixpress-isolation) .mr-24 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 24) !important; }

#uix-body-holder .mr-28,
:where(.uixpress-isolation) .mr-28 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 28) !important; }

#uix-body-holder .mr-32,
:where(.uixpress-isolation) .mr-32 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 32) !important; }

#uix-body-holder .mr-36,
:where(.uixpress-isolation) .mr-36 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 36) !important; }

#uix-body-holder .mr-40,
:where(.uixpress-isolation) .mr-40 { margin-right: 0; margin-left: calc(var(--spacing, .25rem) * 40) !important; }



/* =========================
   POSITION: LEFT / RIGHT RTL FIX (0 → 12)
========================= */

#uix-body-holder .left-0,
:where(.uixpress-isolation) .left-0 { left: auto; right: 0 !important; }

#uix-body-holder .right-0,
:where(.uixpress-isolation) .right-0 { right: auto; left: 0 !important; }


#uix-body-holder .left-1,
:where(.uixpress-isolation) .left-1 { left: auto; right: 0.25rem !important; }

#uix-body-holder .right-1,
:where(.uixpress-isolation) .right-1 { right: auto; left: 0.25rem !important; }


#uix-body-holder .left-2,
:where(.uixpress-isolation) .left-2 { left: auto; right: 0.5rem !important; }

#uix-body-holder .right-2,
:where(.uixpress-isolation) .right-2 { right: auto; left: 0.5rem !important; }


#uix-body-holder .left-3,
:where(.uixpress-isolation) .left-3 { left: auto; right: 0.75rem !important; }

#uix-body-holder .right-3,
:where(.uixpress-isolation) .right-3 { right: auto; left: 0.75rem !important; }


#uix-body-holder .left-4,
:where(.uixpress-isolation) .left-4 { left: auto; right: 1rem !important; }

#uix-body-holder .right-4,
:where(.uixpress-isolation) .right-4 { right: auto; left: 1rem !important; }


#uix-body-holder .left-5,
:where(.uixpress-isolation) .left-5 { left: auto; right: 1.25rem !important; }

#uix-body-holder .right-5,
:where(.uixpress-isolation) .right-5 { right: auto; left: 1.25rem !important; }


#uix-body-holder .left-6,
:where(.uixpress-isolation) .left-6 { left: auto; right: 1.5rem !important; }

#uix-body-holder .right-6,
:where(.uixpress-isolation) .right-6 { right: auto; left: 1.5rem !important; }


#uix-body-holder .left-8,
:where(.uixpress-isolation) .left-8 { left: auto; right: 2rem !important; }

#uix-body-holder .right-8,
:where(.uixpress-isolation) .right-8 { right: auto; left: 2rem !important; }


#uix-body-holder .left-10,
:where(.uixpress-isolation) .left-10 { left: auto; right: 2.5rem !important; }

#uix-body-holder .right-10,
:where(.uixpress-isolation) .right-10 { right: auto; left: 2.5rem !important; }


#uix-body-holder .left-12,
:where(.uixpress-isolation) .left-12 { left: auto; right: 3rem !important; }

#uix-body-holder .right-12,
:where(.uixpress-isolation) .right-12 { right: auto; left: 3rem !important; }



/* =========================
   FULL POSITION
========================= */

#uix-body-holder .left-full,
:where(.uixpress-isolation) .left-full {
    left: auto;
    right: 100% !important;
}

#uix-body-holder .right-full,
:where(.uixpress-isolation) .right-full {
    right: auto;
    left: 100% !important;
}


#uix-body-holder .rounded-l-lg, :where(.uixpress-isolation) .rounded-l-lg,
#uix-body-holder .rounded-l-md, :where(.uixpress-isolation) .rounded-l-md,
#uix-body-holder .rounded-l-2xl, :where(.uixpress-isolation) .rounded-l-2xl {
    border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
}
#uix-body-holder .rounded-l-lg, :where(.uixpress-isolation) .rounded-l-lg { border-top-right-radius: var(--radius) !important; border-bottom-right-radius: var(--radius) !important; }
#uix-body-holder .rounded-l-md, :where(.uixpress-isolation) .rounded-l-md { border-top-right-radius: calc(var(--radius) - 2px) !important; border-bottom-right-radius: calc(var(--radius) - 2px) !important; }
#uix-body-holder .rounded-l-2xl, :where(.uixpress-isolation) .rounded-l-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }

#uix-body-holder .rounded-r-lg, :where(.uixpress-isolation) .rounded-r-lg {
    border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
    border-top-left-radius: var(--radius) !important; border-bottom-left-radius: var(--radius) !important;
}

#uix-body-holder .rounded-l-3xl {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: var(--radius-3xl, 1.5rem) !important;
    border-bottom-right-radius: var(--radius-3xl, 1.5rem) !important;
}

@media (hover: hover) {
    #uix-body-holder .group-hover\:rounded-l-xl:is(:where(.group):hover *),
    :where(.uixpress-isolation) .group-hover\:rounded-l-xl:is(:where(.group):hover *) {
        border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
        border-top-right-radius: calc(var(--radius) + 4px) !important; border-bottom-right-radius: calc(var(--radius) + 4px) !important;
    }
    #uix-body-holder .group-hover\:rounded-r-xl:is(:where(.group):hover *),
    :where(.uixpress-isolation) .group-hover\:rounded-r-xl:is(:where(.group):hover *) {
        border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
        border-top-left-radius: calc(var(--radius) + 4px) !important; border-bottom-left-radius: calc(var(--radius) + 4px) !important;
    }
    #uix-body-holder .group-hover\:translate-x-1:is(:where(.group):hover *) { transform: translateX(-0.25rem) !important; }
}


#wpadminbar .ab-sub-wrapper { left: auto; right: 100% !important; }
#wpadminbar .ab-top-menu > li.menupop:hover > .ab-sub-wrapper { right: 0 !important; }

.uixpress-isolation .dashicons-before:before { margin-right: 0; margin-left: 6px !important; }
:where(.uix-body-container) .media-sidebar {
    border-left: 0;
    border-right: 1px solid rgb(var(--uix-base-200)/1) !important;
}

:where(.uixpress-isolation) select, 
:where(.uix-body-container) #wpcontent select {
    background-position: left 8px center !important;
    padding-left: 28px !important;
    padding-right: 12px !important;
}

.uixpress-isolation .text-left { text-align: right !important; }
.uixpress-isolation .text-right { text-align: left !important; }
#uix-body-holder .-translate-x-1\/2 { transform: translateX(50%) !important; }

:where(.uix-body-container) table .sorting-indicators {
    margin-left: auto;
    margin-right: calc(var(--spacing, .25rem) * 4);
}

.uix-container {
    width: 100% !important;
}

#wpcontent, #wpfooter {
    margin-right: 0;
}

#uixp-toolbar {
    height: 50px;
}

.woocommerce-layout__header {
    top: 50px;
    right: auto;
    width: calc(100% - 240px);
}

.ab-sub-wrapper .ab-sub-wrapper {
    right: 100%;
    left: auto;
}

#uix-body-holder .relative input.pr-3 {
    padding-right: calc(var(--spacing, .25rem) * 3) !important;
    padding-left: 0;
}

#uix-body-holder .relative span.left-3 {
    left: 0.75rem !important;
    right: auto !important;
}

:where(.uix-body-container) .wrap .page-title-action {
    float: none;
    margin-right: .5rem;
    margin-left: 0;
}

#uipx-login-panel {
    left: calc(var(--spacing, .25rem) * 0) !important;
    right: 50% !important;
    border-radius: 0 var(--radius-3xl, 1.5rem) var(--radius-3xl, 1.5rem) 0 !important;
}
.login #uipx-login-wrap form .forgetmenot {
    float: left !important;
}
#uipx-login-wrap .wp-pwd .button-secondary {
    position: absolute !important;
    top: 5px;
    right: 5px;
    padding-inline: 5px !important;
}
html[dir="rtl"] .uix-submenu { 
    transform: translateX(-100%) !important;
    transform-origin: right top !important;
}
html[dir="rtl"] .uixpress-isolation { 
    right: 0 !important;
    left: auto !important;
}
input::placeholder {
    text-align: right;
}
.uipx-normalize input.pr-8 ,#uix-body-holder .relative .absolute + input.pr-3 {
    padding-right: 28px !important;
}
span.opacity-0.max-md\:opacity-100.group-hover\:opacity-100.text-base.transition-opacity {
    transform: rotate(180deg);
}
.uixpress-isolation .fixed {
    min-width: 200px !important;
}
.components-text .editor-document-bar__post-title ,.components-text .editor-document-bar__post-type-label {
    flex: none;
}
.theme-browser .themes {
    display: flex;
    flex-wrap: wrap;
}
html[dir="rtl"] :where(.uix-body-container) a.button.button-primary {
    margin-left: 0;
    margin-right: calc(var(--spacing, .25rem) * 3);
}
@layer uix-theme {
  html .dark .uix-body-container .theme-actions a.button-primary {
    margin-right: calc(var(--spacing,.25rem)*3);
    color: rgb(var(--uix-base-800)/1) !important;
  }
}
:where(.uix-body-container) .theme-browser .theme .theme-name {
    padding-block: 24px;
    margin-bottom: 0;
}
:where(.uix-body-container) .themes .theme:hover .theme-name {
    opacity: 1 !important;
}
.woocommerce-layout__header {
    width: calc(100% - 240px) !important;
    top: 50px !important;
    z-index: 2 !important;
}
.flex.flex-row.place-content-between.items-center.px-6.pr-4 {
    padding-right: calc(var(--spacing, .25rem) * 6) !important;
    padding-left: calc(var(--spacing, .25rem) * 6) !important;
}
#reka-dropdown-menu-content-v-1 .select-none {
    flex-direction: row-reverse;
}
html:not(.dark) .uix-layout {
    background-color: rgb(var(--uix-base-50) / 1);
}
:where(.uix-body-container) table.widefat>tbody tr:hover>:first-child {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
:where(.uix-body-container) table.widefat>tbody tr:hover>:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
}