/**
 * RTL Stylesheet for Arabic language support
 */

/* Basic RTL direction settings */
body {
    direction: rtl;
    text-align: right;
}

/* Header adjustments */
.social-media-links {
    flex-direction: row-reverse;
}

/* Menu tab adjustments */
.category-tabs {
    flex-direction: row-reverse;
}

/* Form elements */
.form-field label {
    text-align: right;
}

.remember-info input[type="checkbox"] {
    margin-right: 0;
    margin-left: 8px;
}

/* Cart styling */
.cart-indicator {
    left: 20px;
    right: auto;
}

.cart {
    left: 20px;
    right: auto;
}

.cart-item-details {
    text-align: right;
}

.cart-item-quantity {
    flex-direction: row-reverse;
}

.cart-header {
    flex-direction: row-reverse;
}

.close-cart-btn {
    left: 0;
    right: auto;
}

/* Admin dashboard */
.wp-admin .card-header {
    flex-direction: row-reverse;
}

.wp-admin table {
    text-align: right;
}

.wp-admin .form-table th {
    text-align: right;
}

/* Menu items grid */
.items-grid {
    direction: rtl;
}

.item-details {
    text-align: right;
}

/* Buttons with icons */
button svg, a svg {
    margin-right: 0;
    margin-left: 8px;
}

/* Adjustments for floating components */
.cart-actions button:first-child {
    margin-right: 0;
    margin-left: 10px;
}

.back-to-cart {
    margin-right: 0;
    margin-left: 10px;
}

/* Quantity buttons */
.quantity-btn.minus {
    margin-right: 0;
    margin-left: 10px;
}

.quantity-btn.plus {
    margin-left: 0;
    margin-right: 10px;
}

/* Dashboard analytics charts */
.wp-admin .chart-container {
    direction: ltr; /* Charts should be LTR even in RTL mode */
}

/* Fix some WordPress admin menu styling */
.wp-admin #adminmenu {
    direction: ltr;
}

/* Ensure form fields alignment */
.wp-admin input[type="text"],
.wp-admin input[type="email"],
.wp-admin input[type="tel"],
.wp-admin textarea,
.wp-admin select {
    text-align: right;
}

/* Table management page */
.table-card {
    direction: rtl;
    text-align: right;
}

/* Correct modal dialogs */
.modal-dialog .modal-header {
    flex-direction: row-reverse;
}

.modal-dialog .modal-footer {
    justify-content: flex-start;
}

/* Fix some default Bootstrap components if used */
.dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

.list-group-item {
    text-align: right;
}

/* Fix form controls */
.form-control {
    text-align: right;
}

/* Dashboard cards */
.card {
    text-align: right;
}

.card-body ul {
    padding-right: 20px;
    padding-left: 0;
}

/* Table pagination */
.pagination {
    flex-direction: row-reverse;
}