/* =========================================================
   user.grid.css — PHP 화면이 실제로 쓰는 격자 유틸리티만.

   공통 grid.css 는 유틸리티 5,389개 324KB 인데, PHP 로 그리는 화면이 쓰는 것은
   16개뿐이었다(0.4%). 그 324KB 가 공지사항·지점안내처럼 격자를 한 번도 쓰지
   않는 화면까지 모든 요청에 실려 첫 화면이 눈에 띄게 늦었다(2026-10-12 문의).

   쓰는 화면은 넷이다 — 예약 상세, 마이페이지(정보수정·운전자·탈퇴).
   유틸리티를 새로 쓰게 되면 grid.css 에서 그 규칙을 여기로 옮겨 온다.

   grid.css 는 지우지 않는다. public/user/**.html 정적 화면이 제 link 로
   따로 걸고 있다.
   ========================================================= */

.mt0 { margin-top:var(--pixel-0) !important; }
.mt12 { margin-top:var(--pixel-12) !important; }
.mt16 { margin-top:var(--pixel-16) !important; }
.mr10 { margin-right:var(--pixel-10) !important; }
.mr16 { margin-right:var(--pixel-16) !important; }
.fw6 { font-weight:600 !important; }
.w100 { width:100px !important; }
/* 플렉스박스 */
.flex { display:flex; flex-wrap:wrap !important; }
.flex-vc { align-items:center !important; }
.flex-1 { flex:1 !important; -webkit-flex:1; min-width:0; }
/* 텍스트정렬 */
.tc { text-align:center !important; }

@media (max-width:991px) {
	.col-lg-12 { width:100%; }
	.mt-lg-12 { margin-top:var(--pixel-12) !important; }
	.mr-lg-0 { margin-right:var(--pixel-0) !important; }
	.mr-lg-8 { margin-right:var(--pixel-8) !important; }
	.flex-lg-0 { flex:none !important; -webkit-flex:none; }
}