/* ==========================================================================
   Accessibility overrides — mgmotor.vn (thêm 2026-08-03)
   Chỉ vá lỗi tương phản, kích thước vùng bấm & trạng thái focus.
   KHÔNG đổi bố cục hay màu thương hiệu.
   ========================================================================== */

/* --- Tương phản: chữ thông số trên khối xe (block-car) ---
   Chữ xám quá nhạt so với nền sáng -> đưa về xám đậm đạt chuẩn AA. */
.block-car__info,
.block-car__info div,
.block-car__info span { color: #ffffff !important; }
/* Nhãn thông số để opacity 0.7 -> trắng mờ thành hồng (#e6b7bc) trên nền đỏ.
   Ép opacity đầy đủ để đạt tương phản. */
.block-car__info span,
.block-car__info div { opacity: 1 !important; }
/* chữ thông số trên khối xe sáng (nếu có) */
.block-car__info .it-price { color: #595959; }

/* --- Kích thước vùng bấm: chấm chuyển slide (swiper) ---
   Chuẩn cần tối thiểu 24px. Giữ chấm nhìn nhỏ như cũ, mở rộng vùng chạm. */
.swiper-pagination-bullet {
  width: 24px !important;
  height: 24px !important;
  background: transparent !important;
  opacity: 1 !important;
  position: relative;
  margin: 0 2px !important;
}
.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #c4c4c4;
}
.swiper-pagination-bullet-active::before { background: #e50019; } /* đỏ MG */

/* --- Trạng thái focus rõ ràng cho người dùng bàn phím --- */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #e50019;
  outline-offset: 2px;
}