/* --- START OF FILE testimonials.css --- */
/* Styles specific to the testimonials.html page */

.testimonial-card .client-icon {
    font-size: 5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
    text-align: center;
}

/* Enhanced Page Header Styles (If unique variations are needed for Testimonials page, add them here) */
/* Example: .page-header-section.testimonials-header { ... } */

/* --- Testimonials Listing Section --- */
#testimonials-listing {
    /* Add specific section padding or background if needed */
}

/* Uses .testimonials-grid from base style.css */
/* Uses .testimonial-card from base style.css */

/* --- CTA Section --- */
#share-testimonial-cta {
    background-color: var(--bg-light); /* Match other light sections */
    text-align: center; /* Center content */
    padding: 4rem 0; /* Adjust padding */
}
:root.dark-mode #share-testimonial-cta {
    background-color: var(--bg-light-dark);
}
#share-testimonial-cta .section-title { /* Optional: Adjust title style if needed */ }
#share-testimonial-cta .section-subtitle { margin-bottom: 2rem; /* Space before button */ }
#share-testimonial-cta .btn { /* Style the specific CTA button if needed */ }

/* --- Pagination Styles --- */
/* Reuses styles from base style.css .pagination */
#testimonials-listing .pagination { /* Add margin if needed specifically here */
    margin-top: 3rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .testimonials-grid {
        grid-template-columns: 1fr; /* Stack cards */
    }
}

/* استايل خاص بأيقونات آراء العملاء (client-photo-icon) */
.client-photo-icon {
  display: block;
  margin: 0 auto 18px auto;
  font-size: 64px;
  color: #1976d2;
  background: #e3f0fc;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border: 4px solid #fff;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.10);
}

@media (max-width: 600px) {
  .client-photo-icon {
    font-size: 44px;
    width: 54px;
    height: 54px;
    line-height: 54px;
  }
}

/* --- END OF FILE testimonials.css --- */