/*
 * weoz-icons.css — nạp từ resources/weoz-views/layout/head.blade.php (chỉ theme weoz).
 *
 * SPRITE. Nội dung <use> trỏ ra file ngoài nên CSS con cháu không với tới được: <symbol> vẽ bằng
 * currentColor, còn kích thước và màu do các rule dưới đây quyết định từ bên ngoài.
 *
 * KHÔNG có lớp mô phỏng font-awesome ở đây nữa. Markup weoz dùng <x-ui.icon>; chỗ legacy duy nhất
 * còn in ra `.fa-*`/`.icofont-*` trên surface weoz là RUỘT modal chi tiết đặt chỗ (8 view
 * `<Module>::frontend.booking.detail` cố ý không fork vì chứa toàn bộ logic giá) — shim cho nó
 * nằm colocated ngay trong partials/booking-history/detail-modal, bọc trong `.weoz-bhm__legacy`.
 *
 * Lịch sử: trước 2026-09-10 file này là bản mô phỏng font-awesome ~250 dòng, phủ 24 glyph, mang
 * mask cho 20 glyph không còn ai gọi tới, trong khi 73 class mà markup weoz đang dùng lại không có
 * rule nào (ô trống 1em vô hình — vd `fa-search` ở /user/transactions). Đợt đó chuyển toàn bộ
 * markup weoz sang sprite, fork/đổi call site 6 view legacy, và dời phần còn lại về đúng chủ.
 */

.svg-arrow-right {
  width: 1rem;           /* weoz size-4 (16px) — was 27x14 custom arrow */
  height: 1rem;
  vertical-align: middle;
  color: var(--color-primary, #009444);
}
.btn-view-more .svg-arrow-right { margin-left: 4px; width: 1.125rem; height: 1.125rem; } /* 18px in CTAs */
.white-brown  .svg-arrow-right { color: #754c24; }
.white-green  .svg-arrow-right { color: var(--color-primary, #009444); }
.green-white  .svg-arrow-right { color: #fff; }
.transparent  .svg-arrow-right { color: var(--color-primary, #009444); }

/* Icon sprite chung (<x-ui.icon>). */
.weoz-icon { width: 1.4em; height: 1.4em; display: inline-block; vertical-align: -0.125em; color: inherit; fill: currentColor; }
.weoz-icon-chevron-down, .weoz-icon-chevron-up { width: .7em; height: .7em; }

/* Trạng thái ẩn cho icon do JS bật/tắt (payment.js: spinner ô mã giảm giá). Thay `.d-none` của
   Bootstrap — weoz đã gỡ utilities, và tên riêng nói rõ ai sở hữu. */
.weoz-icon--off { display: none; }

@keyframes weoz-icon-spin {
  to { transform: rotate(360deg); }
}
/* Xoay glyph spinner của sprite (không vẽ vòng — vòng là của phần 2). */
.weoz-icon-spin {
  animation: weoz-icon-spin 0.75s linear infinite;
}

/* Lưới an toàn TOÀN CỤC (2 khai báo): markup ngoài tầm kiểm soát — mô tả vendor dán từ Word qua
   WYSIWYG, lib bên thứ ba — có thể mang sẵn `<i class="fa fa-x">`. weoz không nạp font-awesome nên
   chúng vốn đã là thẻ rỗng; hai dòng này chỉ đảm bảo nếu có trang nào lỡ nạp font thì glyph không
   chen vào giữa chữ. KHÔNG khai `display` ở đây — khai `display:inline-flex` cho mọi `.fa` chính
   là thứ từng vô hiệu hoá `.d-none` của markup legacy (spinner ô mã giảm giá quay mãi). */
.fa, .fas, .far, .fal, .fab, .icofont {
  font-family: inherit;
  font-style: normal;
}
.fa:before, .fas:before, .far:before, .fal:before, .fab:before,
.icofont:before {
  content: none;
}