/* Real Testimonials Lite v1.2 - Improved Responsive Grid and Image Sizes */

.rtl-form { max-width:700px; margin: 0 0 2rem 0; border:1px solid #eee; padding:12px; border-radius:8px; background:#fafafa; }
.rtl-form .rtl-row { margin-bottom:10px; }
.rtl-form label { display:block; margin-bottom:4px; font-weight:600; }
.rtl-form input[type='text'], .rtl-form input[type='email'], .rtl-form textarea, .rtl-form select { width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; }
.rtl-form button { padding:8px 14px; border:none; border-radius:6px; background:#2b3643; color:#fff; cursor:pointer; }

.rtl-grid { display:grid; gap:18px; margin-top:18px; }
.rtl-columns-2 { grid-template-columns: repeat(2,1fr); }
.rtl-columns-3 { grid-template-columns: repeat(3,1fr); }
.rtl-columns-4 { grid-template-columns: repeat(4,1fr); }

.rtl-card { border:1px solid #eee; padding:12px; border-radius:10px; background:#fff; box-shadow: 0 1px 4px rgba(0,0,0,0.03); display:flex; gap:12px; align-items:flex-start; flex-wrap:wrap; }
.rtl-thumb { flex-shrink:0; text-align:center; }

/* Larger responsive testimonial images */
.rtl-thumb img {
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:50%;
  display:block;
  margin:auto;
}

@media (max-width:768px) {
  .rtl-thumb img {
    width:120px;
    height:120px;
  }
}

@media (max-width:480px) {
  .rtl-thumb img {
    width:90px;
    height:90px;
  }
}

/* Responsive fixes for testimonials grid */
@media (max-width:1024px) {
  .rtl-columns-4 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:768px) {
  .rtl-columns-3, .rtl-columns-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:480px) {
  .rtl-columns-2, .rtl-columns-3, .rtl-columns-4 {
    grid-template-columns: repeat(1, 1fr);
  }
  .rtl-card {
    width: 100%;
    box-sizing: border-box;
  }
}

.rtl-content { padding-left:0; flex:1; }
.rtl-stars { margin-bottom:6px; font-size:16px; color:#f5b301; text-align:left; }
.rtl-message { font-size:14px; margin-bottom:8px; color:#333; }
.rtl-author { font-weight:700; font-size:13px; color:#222; text-align:left; }

.rtl-swiper .rtl-card { display:flex; align-items:flex-start; gap:12px; padding:18px; }