/**
 * RTL (Right-to-Left) Support CSS for Bnaia Theme
 * Converts LTR layout to RTL for Arabic language support
 */

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

/* Text Alignment */
[dir="rtl"] {
    text-align: right;
}

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

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

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

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

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

/* Margin Reversals */
[dir="rtl"] .ml-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

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

[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-5 { margin-left: 0; margin-right: 1.25rem; }
[dir="rtl"] .ml-6 { margin-left: 0; margin-right: 1.5rem; }

[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-5 { margin-right: 0; margin-left: 1.25rem; }
[dir="rtl"] .mr-6 { margin-right: 0; margin-left: 1.5rem; }

/* Padding Reversals */
[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.25rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-5 { padding-left: 0; padding-right: 1.25rem; }
[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }

[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.25rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-5 { padding-right: 0; padding-left: 1.25rem; }
[dir="rtl"] .pr-6 { padding-right: 0; padding-left: 1.5rem; }

/* Position Reversals */
[dir="rtl"] .left-0 { left: auto; right: 0; }
[dir="rtl"] .right-0 { right: auto; left: 0; }
[dir="rtl"] .left-auto { left: auto; }
[dir="rtl"] .right-auto { right: auto; }

/* Flexbox Reversals */
[dir="rtl"] .justify-start { justify-content: flex-end; }
[dir="rtl"] .justify-end { justify-content: flex-start; }
[dir="rtl"] .justify-between { justify-content: space-between; }
[dir="rtl"] .justify-around { justify-content: space-around; }

/* Header RTL */
[dir="rtl"] header {
    direction: rtl;
}

[dir="rtl"] .header-content {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .logo {
    float: right;
}

/* Navigation RTL */
[dir="rtl"] nav {
    direction: rtl;
}

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

[dir="rtl"] .navigation ul {
    direction: rtl;
    text-align: right;
}

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

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

/* Menu Items */
[dir="rtl"] .menu-item {
    text-align: right;
}

[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

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

/* Search Form RTL */
[dir="rtl"] .search-form {
    direction: rtl;
}

[dir="rtl"] .search-input {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .search-button {
    left: 0;
    right: auto;
}

/* Cart RTL */
[dir="rtl"] .cart {
    direction: rtl;
}

[dir="rtl"] .cart-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Forms RTL */
[dir="rtl"] form {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

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

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

/* Buttons RTL */
[dir="rtl"] .btn {
    text-align: center;
}

[dir="rtl"] .btn-group {
    direction: rtl;
}

/* Tables RTL */
[dir="rtl"] table {
    direction: rtl;
}

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

[dir="rtl"] .table-responsive {
    direction: rtl;
}

/* Modal RTL */
[dir="rtl"] .modal {
    direction: rtl;
    text-align: right;
}

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

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

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

/* Breadcrumbs RTL */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

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

[dir="rtl"] .breadcrumb-item::before {
    content: "\\";
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Product Grid RTL */
[dir="rtl"] .product-grid {
    direction: rtl;
}

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

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

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

/* Sidebar RTL */
[dir="rtl"] .sidebar {
    direction: rtl;
    text-align: right;
}

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

/* Footer RTL */
[dir="rtl"] footer {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .footer-content {
    direction: rtl;
    text-align: right;
}

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

/* Pagination RTL */
[dir="rtl"] .pagination {
    direction: rtl;
}

[dir="rtl"] .page-link {
    text-align: center;
}

/* Alerts RTL */
[dir="rtl"] .alert {
    direction: rtl;
    text-align: right;
}

/* Tooltips RTL */
[dir="rtl"] .tooltip {
    direction: rtl;
    text-align: right;
}

/* Icons RTL */
[dir="rtl"] .icon-left {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .icon-right {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Arrows RTL */
[dir="rtl"] .arrow-left {
    transform: rotate(180deg);
}

[dir="rtl"] .arrow-right {
    transform: rotate(180deg);
}

/* Layout Adjustments */
[dir="rtl"] .container {
    direction: rtl;
}

[dir="rtl"] .row {
    direction: rtl;
}

[dir="rtl"] .col {
    direction: rtl;
}

/* Custom Hyva Theme Adjustments */
[dir="rtl"] .hyva-header {
    direction: rtl;
}

[dir="rtl"] .hyva-navigation {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .hyva-menu {
    direction: rtl;
}

[dir="rtl"] .hyva-content {
    direction: rtl;
    text-align: right;
}

/* Arabic Font Support */
[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Cairo', 'Arial', 'Tahoma', 'Dubai', 'Segoe UI', sans-serif;
    line-height: 1.6;
}

/* Fix overlapping content */
[dir="rtl"] .absolute.right-0 {
    right: auto;
    left: 0;
}

[dir="rtl"] .absolute.left-0 {
    left: auto;
    right: 0;
}

/* Animation adjustments for RTL */
[dir="rtl"] .slide-left {
    transform: translateX(100%);
}

[dir="rtl"] .slide-right {
    transform: translateX(-100%);
}

/* Fix z-index issues in RTL */
[dir="rtl"] .dropdown,
[dir="rtl"] .popover,
[dir="rtl"] .tooltip {
    direction: rtl;
}

/* Media Queries for RTL */
@media (max-width: 768px) {
    [dir="rtl"] .mobile-menu {
        direction: rtl;
        text-align: right;
    }
    
    [dir="rtl"] .mobile-nav {
        right: 0;
        left: auto;
    }
}

@media (min-width: 769px) {
    [dir="rtl"] .desktop-menu {
        direction: rtl;
        text-align: right;
    }
}

/* Product Image Container Fix */
/* Fix for product images not showing - ensure containers have proper dimensions */
.product.photo.product-item-photo,
a.product.photo.product-item-photo {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    height: 300px !important;
    overflow: hidden;
    position: relative;
}

.product.photo.product-item-photo img,
a.product.photo.product-item-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Grid view adjustments */
.product-items .product-item .product.photo.product-item-photo {
    width: 100% !important;
    height: 250px !important;
}

/* List view adjustments */
.products.list .product.photo.product-item-photo {
    width: 200px !important;
    height: 200px !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .product.photo.product-item-photo,
    a.product.photo.product-item-photo {
        height: 200px !important;
        max-width: 200px !important;
    }
}

/* RTL specific adjustments for product images */
[dir="rtl"] .product.photo.product-item-photo {
    margin-left: auto;
    margin-right: auto;
}

/** Hotfix RTL for Hyva Theme */

button.form-select.w-full.pl-4 {
    padding-left: 1rem;
    padding-right: 2.5rem;
}

.toolbar-sorter.sorter.justify-end {
    justify-content: flex-end;
}


span.title.text-md.md\:text-lg.font-semibold {
    color: #000 !important;
}