/* =================================================================== */
/* Custom Utilities                                                     */
/* =================================================================== */

/* ⚠️ MIGRATION NOTICE:
 * .nowrap → use Bootstrap 5 .text-nowrap
 * .bg-gray → use Bootstrap 5 .bg-light or .bg-secondary-subtle
 * .d-row → use BS5 .d-flex .justify-content-between .align-items-center
 * .center → use BS5 .d-flex .justify-content-center .align-items-center
 */

/* Legacy .no-wrap removed - use Bootstrap 5 .text-nowrap */

/* BS5 doesn't have cursor-pointer - keep this */
.cursor-pointer {
  cursor: pointer;
}

/* Legacy clearfix - use BS5 .clearfix or modern layout in new code */
.clear {
  clear: both;
}

/* ⚠️ Width Helpers - Legacy support only
 * Consider migrating to BS5 utilities or CSS custom properties
 * BS5 alternatives: .w-*, .mw-100, inline styles, or CSS variables
 */

/* Used in: index.tpl (6x), testimonial.tpl (1x) */
.mw-320 {
  min-width: 320px;
  margin: 12px;
}
.mw-320 h2 {
  font-size: 1.5rem;
}

/* Used in: login.tpl, client_shop.tpl, client_shop_order_load.tpl, client_order_reward.tpl */
.mw-360,
.max-360 {
  max-width: 360px;
}

/* Used in: client_registration.tpl (Bootstrap 5 migration) */
.mw-500px {
  max-width: 500px;
}

/* Used in: client_shop_order_load.tpl */
.mxw-100 {
  max-width: 100px !important;
}

/* ✅ FIXED: .d-grid conflict removed - templates migrated to BS5 .d-flex utilities
 * Bootstrap 5's native .d-grid (CSS Grid) is now available without conflict */

/* Headings line-height - supplements BS5 typography */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.3;
}