/**
 * GetWay public-facing CSS — load trên mọi frontend page.
 *
 * Chứa styles cho shortcode dùng ở nav menu / footer / sidebar:
 *   - [getway_account_link]
 *
 * Giữ thật nhỏ — chỉ rules tối thiểu cần thiết. Component lớn (dashboard, booking,
 * payment, auth) có CSS riêng load on-demand qua Vite dist.
 */

/* ==================================================
   [getway_account_link]
   ================================================== */
.gw-account-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;                  /* Khoảng cách icon ↔ chữ — scale theo font-size */
  line-height: 1.2;
  text-decoration: none;
  vertical-align: middle;      /* Tránh lệch khi nằm cùng dòng với text khác */
}

.gw-account-link__icon {
  flex-shrink: 0;              /* Không bao giờ bóp icon khi nav hẹp */
  width: 1.1em;                /* Scale theo font-size của menu */
  height: 1.1em;
  display: inline-block;
  vertical-align: middle;
}

.gw-account-link__text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}

/* Hover state — chỉ áp khi parent menu chưa có hover rule */
.gw-account-link:hover .gw-account-link__icon {
  opacity: 0.85;
}