/* =====================================================
   LTR OVERRIDES (FINAL - ENHANCED MOBILE VERSION)
===================================================== */

html[dir="ltr"],
body{
  direction:ltr;
  font-family:Poppins,'Open Sans',Arial,sans-serif;
}

/* ===============================
   TEXT ALIGN - GENERAL
================================ */

/* General text */
p{
  text-align:left;
}

/* Product cards center (like RTL) */
.product-card,
.product-card p,
.product-card h4{
  text-align:center;
}

/* ===============================
   HEADER / NAVIGATION
================================ */

.nav-desktop a{
  text-align:left;
}

/* ===============================
   TABLE (STICKY COLUMN - LTR)
================================ */

.table-responsive td:first-child,
.table-responsive th:first-child{
  left:0;
  right:auto;
}

/* ===============================
   QUICK CONTACT
================================ */

.quick-contact{
  right:18px;
  left:auto;
}

/* ===============================
   FOOTER
================================ */

.site-footer,
.site-footer p{
  text-align:center;
}

/* ===============================
   SECTION TITLES CENTER FIX
================================ */

.section h3{
  display:block !important;
  text-align:center !important;
  margin-left:auto;
  margin-right:auto;
}

/* ===============================
   CATEGORY HEADERS
================================ */

.category-header h4{
  text-align:left;
}

/* ===============================
   BENEFITS SECTION
================================ */

.section p{
  text-align:left;
}

.benefit-item p{
  text-align:center;
}

/* ===============================
   MOBILE CENTER FIX (MATCH RTL)
================================ */

@media (max-width:768px){
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .category-header,
  .category-header h4,
  .section h3,
  .product-card h4{
    text-align:center !important;
  }
  
  /* Enhanced animations */
  .feature-box,
  .product-card,
  .benefit-item {
    animation: fadeInUp 0.5s ease-out;
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Touch feedback */
  .nav-desktop a:active,
  .product-card:active,
  .feature-box:active {
    transform: scale(0.98);
    transition: transform 0.1s;
  }
  
  /* Better typography */
  body {
    line-height: 1.6;
  }
  
  .feature-box h4,
  .benefit-item h5,
  .product-card h4 {
    font-weight: 700;
    letter-spacing: -0.01em;
  }
  
  /* Improved shadows */
  .product-card,
  .feature-box,
  .benefit-item {
    box-shadow: 
      0 4px 12px rgba(0,0,0,0.08),
      0 2px 4px rgba(0,0,0,0.05);
  }
  
  /* Better spacing */
  .section {
    padding: 40px 16px;
  }
  
  .feature-box,
  .product-card {
    padding: 24px 20px;
  }
  
  .row > [class*="col-"] {
    margin-bottom: 24px;
  }
}

/* ===============================
   MOBILE NAV
================================ */

@media (max-width:992px){
  .nav-desktop{
    text-align:left;
  }
  
  /* Mobile menu backdrop blur */
  .nav-desktop {
    backdrop-filter: blur(10px);
    background: rgba(46, 125, 50, 0.95);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  }
}

/* ===============================
   MOBILE IMPROVEMENTS FOR LTR
================================ */

@media (max-width: 768px) {
  .brand h1 {
    font-size: 16px !important;
    text-align: left;
  }
  
  .nav-desktop a {
    text-align: left;
    justify-content: flex-start;
    padding-left: 20px;
  }
  
  /* Gradient border for cards (optional) */
  .product-card {
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, var(--grad1), var(--accent)) border-box;
  }
}