# Append RTL fixes to your custom.css file
cat >> /home/sohailzb/web/makelip.com/public_html/core/public/assets/templates/basic/css/custom.css << 'EOF'

/* =============================================
   RTL (Right-to-Left) Support for Urdu/Arabic
   ============================================= */

/* Apply RTL direction for Urdu and Arabic */
html[lang="ur"], html[lang="ar"], html[lang="fa"], html[lang="he"] {
    direction: rtl;
    text-align: right;
}

/* Fix for Bootstrap RTL layout */
html[lang="ur"] .row,
html[lang="ar"] .row {
    flex-direction: row-reverse;
}

/* Fix for float layouts */
html[lang="ur"] .float-start,
html[lang="ar"] .float-start {
    float: right !important;
}

html[lang="ur"] .float-end,
html[lang="ar"] .float-end {
    float: left !important;
}

/* Fix for text alignment */
html[lang="ur"] .text-start,
html[lang="ar"] .text-start {
    text-align: right !important;
}

html[lang="ur"] .text-end,
html[lang="ar"] .text-end {
    text-align: left !important;
}

/* Fix for margins */
html[lang="ur"] .ms-*,
html[lang="ar"] .ms-* {
    margin-left: 0 !important;
    margin-right: var(--bs-spacer) !important;
}

html[lang="ur"] .me-*,
html[lang="ar"] .me-* {
    margin-right: 0 !important;
    margin-left: var(--bs-spacer) !important;
}

/* Fix for padding */
html[lang="ur"] .ps-*,
html[lang="ar"] .ps-* {
    padding-left: 0 !important;
    padding-right: var(--bs-spacer) !important;
}

html[lang="ur"] .pe-*,
html[lang="ar"] .pe-* {
    padding-right: 0 !important;
    padding-left: var(--bs-spacer) !important;
}

/* Fix for header navigation */
html[lang="ur"] .header-menu,
html[lang="ar"] .header-menu {
    flex-direction: row-reverse;
}

html[lang="ur"] .header-menu__item:not(:last-child),
html[lang="ar"] .header-menu__item:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
}

/* Fix for form elements */
html[lang="ur"] .form-check,
html[lang="ar"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

html[lang="ur"] .form-check-input,
html[lang="ar"] .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

/* Fix for dropdowns */
html[lang="ur"] .dropdown-menu-end,
html[lang="ar"] .dropdown-menu-end {
    right: auto !important;
    left: 0 !important;
}

/* Fix for language dropdown */
html[lang="ur"] .lang--dropdown .dropdown-menu,
html[lang="ar"] .lang--dropdown .dropdown-menu {
    text-align: right;
}

/* Fix for buttons with icons */
html[lang="ur"] .btn i[class*="fa-"],
html[lang="ar"] .btn i[class*="fa-"] {
    margin-left: 5px;
    margin-right: 0;
}

/* Fix for input groups */
html[lang="ur"] .input-group > .form-control,
html[lang="ar"] .input-group > .form-control,
html[lang="ur"] .input-group > .form-select,
html[lang="ar"] .input-group > .form-select {
    border-radius: 0 0.375rem 0.375rem 0;
}

html[lang="ur"] .input-group > .btn,
html[lang="ar"] .input-group > .btn {
    border-radius: 0.375rem 0 0 0.375rem;
}

/* Fix for breadcrumbs */
html[lang="ur"] .breadcrumb-item + .breadcrumb-item::before,
html[lang="ar"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
}

/* Fix for pagination */
html[lang="ur"] .pagination,
html[lang="ar"] .pagination {
    flex-direction: row-reverse;
}

/* Fix for footer columns */
html[lang="ur"] .footer-item,
html[lang="ar"] .footer-item {
    text-align: right;
}

html[lang="ur"] .footer-menu,
html[lang="ar"] .footer-menu {
    padding-right: 0;
}

/* Fix for modal close button */
html[lang="ur"] .modal-header .btn-close,
html[lang="ar"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Fix for tables */
html[lang="ur"] table,
html[lang="ar"] table {
    text-align: right;
}

/* Fix for alerts */
html[lang="ur"] .alert,
html[lang="ar"] .alert {
    text-align: right;
}

/* Fix for cards */
html[lang="ur"] .card,
html[lang="ar"] .card {
    text-align: right;
}

html[lang="ur"] .card-body,
html[lang="ar"] .card-body {
    text-align: right;
}

/* Fix for badges */
html[lang="ur"] .badge,
html[lang="ar"] .badge {
    direction: ltr; /* Keep badge text LTR even in RTL */
    unicode-bidi: embed;
}

/* Media queries for RTL responsiveness */
@media (max-width: 768px) {
    html[lang="ur"] .navbar-collapse,
    html[lang="ar"] .navbar-collapse {
        text-align: right;
    }
    
    html[lang="ur"] .header-menu,
    html[lang="ar"] .header-menu {
        align-items: flex-end;
    }
    
    html[lang="ur"] .header-menu__item,
    html[lang="ar"] .header-menu__item {
        margin-left: 15px;
    }
}

/* Clearfix for RTL floats */
html[lang="ur"] .clearfix::after,
html[lang="ar"] .clearfix::after {
    clear: both;
    content: "";
    display: block;
}
EOF

echo "✅ Added RTL CSS fixes to custom.css"