/**
 * GariPK - Urdu Language & RTL Stylesheet
 * High-legibility Urdu typography and bidirectional layout mirroring PakWheels
 */

/* 1. Global Typography & Direction */
html[dir="rtl"],
body.garipk-urdu,
.garipk-urdu body {
    direction: rtl;
    text-align: right;
    font-family: 'Noto Sans Arabic', 'Noto Nastaliq Urdu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    letter-spacing: 0 !important;
}

.garipk-urdu h1,
.garipk-urdu h2,
.garipk-urdu h3,
.garipk-urdu h4,
.garipk-urdu h5,
.garipk-urdu h6,
.garipk-urdu p,
.garipk-urdu a,
.garipk-urdu span,
.garipk-urdu label,
.garipk-urdu input,
.garipk-urdu select,
.garipk-urdu textarea,
.garipk-urdu button {
    font-family: 'Noto Sans Arabic', 'Noto Nastaliq Urdu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    letter-spacing: 0 !important;
}

/* Headings with Nastaliq flourish */
.garipk-urdu .pw-hero-title,
.garipk-urdu .pw-section-title,
.garipk-urdu .pw-mobile-header-heading {
    font-family: 'Noto Nastaliq Urdu', 'Noto Sans Arabic', Tahoma, sans-serif !important;
    line-height: 1.8;
}

/* 2. Top Mini Utility Bar */
.garipk-urdu .pw-top-link i {
    margin-left: 6px;
    margin-right: 0;
}
.garipk-urdu .pw-top-sep {
    margin: 0 10px;
}
.garipk-urdu .pw-lang-toggle {
    font-weight: 700;
    color: #ffd700;
}

/* 3. Main Desktop Header */
.garipk-urdu .pw-nav-list {
    margin-right: 25px;
    margin-left: 0;
}
.garipk-urdu .pw-nav-link .pw-arrow {
    margin-right: 6px;
    margin-left: 0;
}
.garipk-urdu .pw-post-ad-dropdown .pw-btn-post-ad i {
    margin-right: 6px;
    margin-left: 0;
}

/* Dropdown Menus in RTL */
.garipk-urdu .pw-dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}
.garipk-urdu .pw-mega-menu {
    right: 0;
    left: auto;
}
.garipk-urdu .pw-mega-col ul li a i,
.garipk-urdu .pw-dropdown-menu ul li a i,
.garipk-urdu .pw-post-ad-menu a i {
    margin-left: 8px;
    margin-right: 0;
}
.garipk-urdu .pw-post-ad-menu {
    left: 0;
    right: auto;
}

/* 4. Mobile App Header & Search */
.garipk-urdu .pw-mobile-search-input-wrap i {
    right: 14px;
    left: auto;
}
.garipk-urdu .pw-mobile-search-input-wrap input {
    padding-right: 38px;
    padding-left: 14px;
    text-align: right;
}
.garipk-urdu .pw-mobile-pill-tabs {
    direction: rtl;
}

/* 5. Mobile Drawer in RTL */
.garipk-urdu .pw-mobile-drawer {
    right: -300px;
    left: auto;
    transition: right 0.3s ease;
}
.garipk-urdu .pw-mobile-drawer.active {
    right: 0;
    left: auto;
}
.garipk-urdu .pw-drawer-list li a i {
    margin-left: 12px;
    margin-right: 0;
}
.garipk-urdu .pw-drawer-close {
    margin-right: auto;
    margin-left: 0;
}

/* 6. Homepage Hero Search Widget */
.garipk-urdu .pw-search-col {
    border-left: 1px solid #e2e8f0;
    border-right: none;
}
.garipk-urdu .pw-search-col:last-child {
    border-left: none;
}
.garipk-urdu .pw-input-icon {
    right: 14px;
    left: auto;
}
.garipk-urdu .pw-col-keyword input,
.garipk-urdu .pw-col-city select {
    padding-right: 38px;
    padding-left: 12px;
    text-align: right;
}
.garipk-urdu .pw-price-select-wrap {
    padding-right: 38px;
    padding-left: 12px;
    text-align: right;
}
.garipk-urdu .pw-autocomplete-dropdown {
    right: 0;
    left: auto;
    text-align: right;
}
.garipk-urdu .pw-price-dropdown-panel {
    right: 0;
    left: auto;
    text-align: right;
}
.garipk-urdu .pw-hero-subtitle {
    font-size: 16px;
    line-height: 1.8;
}

/* 7. Car Listing Cards */
.garipk-urdu .pw-car-card {
    text-align: right;
}
.garipk-urdu .pw-car-badge-featured {
    right: 10px;
    left: auto;
}
.garipk-urdu .pw-car-badge-condition {
    left: 10px;
    right: auto;
}
.garipk-urdu .pw-car-meta-item i {
    margin-left: 4px;
    margin-right: 0;
}
.garipk-urdu .pw-car-specs-grid {
    direction: rtl;
}
.garipk-urdu .pw-inspected-score-tag i {
    margin-left: 4px;
    margin-right: 0;
}

/* 8. Listing Archive & Filters */
.garipk-urdu .pw-filter-group-header i {
    margin-right: auto;
    margin-left: 0;
}
.garipk-urdu .pw-filter-checkbox label,
.garipk-urdu .pw-filter-radio label {
    padding-right: 24px;
    padding-left: 0;
}
.garipk-urdu .pw-filter-checkbox input,
.garipk-urdu .pw-filter-radio input {
    right: 0;
    left: auto;
}
.garipk-urdu .pw-sort-select {
    background-position: left 10px center;
    padding-left: 28px;
    padding-right: 12px;
}

/* 9. Detail Page & Specs Table */
.garipk-urdu .pw-detail-specs-table td:first-child {
    font-weight: 700;
    color: #475569;
}
.garipk-urdu .pw-detail-feature-item i {
    margin-left: 8px;
    margin-right: 0;
}
.garipk-urdu .pw-seller-card-actions {
    direction: rtl;
}
.garipk-urdu .pw-seller-card-actions a i,
.garipk-urdu .pw-seller-card-actions button i {
    margin-left: 6px;
    margin-right: 0;
}

/* 10. Forms, Post Ad & Auth */
.garipk-urdu .pw-field-icon {
    right: 14px;
    left: auto;
}
.garipk-urdu .pw-input-with-icon input {
    padding-right: 40px;
    padding-left: 12px;
    text-align: right;
}
.garipk-urdu .pw-auth-card {
    text-align: right;
}
.garipk-urdu .pw-auth-tabs-nav button i {
    margin-left: 6px;
    margin-right: 0;
}

/* 11. Footer in RTL */
.garipk-urdu .pw-footer-col {
    text-align: right;
}
.garipk-urdu .pw-footer-links li a:hover {
    padding-right: 6px;
    padding-left: 0;
}
.garipk-urdu .pw-footer-bottom-links {
    direction: rtl;
}

/* 12. Floating WhatsApp Widget */
.garipk-urdu .pw-whatsapp-tooltip {
    left: auto;
    right: 68px;
}
.garipk-urdu .pw-whatsapp-tooltip::after {
    left: auto;
    right: -6px;
    border-left: 6px solid #1f2937;
    border-right: none;
}

/* 13. Admin Panel in RTL */
.garipk-urdu .admin-topbar-left {
    gap: 14px;
}
.garipk-urdu .admin-brand-icon {
    margin-left: 14px;
    margin-right: 0;
}
.garipk-urdu .admin-tabs-nav {
    direction: rtl;
}
.garipk-urdu .admin-kpi-card {
    text-align: right;
}
.garipk-urdu .admin-table thead th,
.garipk-urdu .admin-table tbody td {
    text-align: right;
}
.garipk-urdu .car-table-specs span i {
    margin-left: 4px;
    margin-right: 0;
}
.garipk-urdu .table-actions-group {
    direction: ltr;
}

/* 14. Category Slider & Brands in RTL */
.garipk-urdu .pw-link-all i {
    transform: scaleX(-1);
}
.garipk-urdu .pw-slider-nav.pw-prev {
    left: auto;
    right: 0;
}
.garipk-urdu .pw-slider-nav.pw-next {
    right: auto;
    left: 0;
}
.garipk-urdu .pw-slider-nav i {
    transform: scaleX(-1);
}
.garipk-urdu .pw-tab-btn {
    text-align: center;
}
.garipk-urdu .pw-category-name {
    line-height: 1.6;
}