/* ════════════════════════════════════════════════════════════
   ★ POSAI Coupang Design — 쿠팡 풍 강조 + CTA 중심
   ★ 2026-05-27 사장 명시: 빨강 강조 + 큰 폰트 가독성
   ════════════════════════════════════════════════════════════ */

:root[data-pos-theme="coupang"] {
  --toss-primary:        #ee2c4a;       /* 쿠팡 레드 */
  --toss-primary-hover:  #cf1d38;
  --toss-primary-light:  #fde7eb;
  --toss-bg:             #f4f4f4;       /* 쿠팡 회색 배경 */
  --toss-card:           #ffffff;
  --toss-text:           #111111;
  --toss-text-sub:       #555555;
  --toss-text-mute:      #767676;
  --toss-border:         #ee2c4a;       /* 쿠팡 빨강 보더 */
  --toss-border-light:   #dddddd;
  --toss-success:        #00a82d;       /* 쿠팡 그린 (배송완료) */
  --toss-warning:        #ffd400;       /* 쿠팡 노랑 (할인) */
  --toss-danger:         #ee2c4a;
  --toss-shadow-sm:      0 1px 2px rgba(0,0,0,0.05);
  --toss-shadow:         0 2px 6px rgba(0,0,0,0.08);
  --toss-shadow-lg:      0 4px 16px rgba(0,0,0,0.12);
  --toss-radius-sm:      4px;
  --toss-radius:         6px;            /* 쿠팡은 직각 강함 */
  --toss-radius-lg:      8px;
  --toss-radius-xl:      10px;
}

/* ─── 글로벌 — 쿠팡 폰트 굵기 + 가독성 ─── */
[data-pos-theme="coupang"] body,
[data-pos-theme="coupang"] html,
[data-pos-theme="coupang"] .pos {
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
}

/* 헤더 — 쿠팡 빨강 강조 */
[data-pos-theme="coupang"] .header,
[data-pos-theme="coupang"] .admin-header {
  border-bottom: 3px solid #ee2c4a !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}

/* 로고 — 쿠팡 빨강 */
[data-pos-theme="coupang"] .header .logo,
[data-pos-theme="coupang"] .admin-header .logo {
  background: #ee2c4a !important;
  border-radius: 6px !important;
  width: 36px !important; height: 36px !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
  box-shadow: 0 2px 6px rgba(238,44,74,0.25) !important;
}
[data-pos-theme="coupang"] .header .logo::before { display: none !important; }
[data-pos-theme="coupang"] .header .brand {
  color: #111 !important;
  background: none !important;
  -webkit-text-fill-color: #111 !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  letter-spacing: -0.04em !important;
}

/* 카드 / 패널 — 쿠팡 회색 보더 + 그림자 */
[data-pos-theme="coupang"] .cart,
[data-pos-theme="coupang"] .cart-actions,
[data-pos-theme="coupang"] .totals,
[data-pos-theme="coupang"] .member-info,
[data-pos-theme="coupang"] .card,
[data-pos-theme="coupang"] .panel,
[data-pos-theme="coupang"] .section-card,
[data-pos-theme="coupang"] .info-card {
  border: 1px solid #dddddd !important;
  border-radius: 6px !important;
  box-shadow: var(--toss-shadow) !important;
  background: #fff !important;
}

/* Cart 테이블 — 쿠팡 빨강 강조 */
[data-pos-theme="coupang"] .cart {
  border: 2px solid #ee2c4a !important;
  border-radius: 6px !important;
}
[data-pos-theme="coupang"] .cart thead th {
  background: #ee2c4a !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  border-bottom: 0 !important;
  letter-spacing: -0.02em !important;
}
[data-pos-theme="coupang"] .cart tbody td {
  padding: 13px 16px !important;
  font-size: 15px !important;
  color: #111 !important;
  border-bottom: 1px solid #eeeeee !important;
  font-weight: 600 !important;
}
[data-pos-theme="coupang"] .cart tbody tr.selected,
[data-pos-theme="coupang"] .cart tbody tr.active {
  background: #fde7eb !important;
}
[data-pos-theme="coupang"] .cart tbody tr:hover {
  background: #fff9f9 !important;
}

/* 합계 — 쿠팡 가격 강조 */
[data-pos-theme="coupang"] .totals {
  border: 2px solid #ee2c4a !important;
  padding: 18px 22px !important;
}
[data-pos-theme="coupang"] .totals > div {
  font-size: 15px !important;
  padding: 5px 0 !important;
}
[data-pos-theme="coupang"] .totals > div > span {
  color: #555 !important;
  font-weight: 500 !important;
}
[data-pos-theme="coupang"] .totals > div > b {
  color: #111 !important;
  font-weight: 700 !important;
}
[data-pos-theme="coupang"] .totals > div.big {
  margin-top: 12px !important;
  padding-top: 14px !important;
  border-top: 2px solid #ee2c4a !important;
  background: linear-gradient(90deg, #fff, #fff5f7, #fff) !important;
  margin-left: -12px !important; margin-right: -12px !important;
  padding-left: 12px !important; padding-right: 12px !important;
}
[data-pos-theme="coupang"] .totals > div.big > span {
  color: #111 !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}
[data-pos-theme="coupang"] .totals > div.big > b {
  color: #ee2c4a !important;
  font-size: 28px !important;          /* 쿠팡 가격 — 매우 크게 */
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

/* 회원 정보 카드 — 쿠팡 와우 풍 */
[data-pos-theme="coupang"] .member-info {
  background: linear-gradient(135deg, #fff, #fde7eb) !important;
  border: 2px solid #ee2c4a !important;
}
[data-pos-theme="coupang"] .member-info > div > span {
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
[data-pos-theme="coupang"] .member-info > div > b {
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* 바코드 입력 — 쿠팡 검색바 */
[data-pos-theme="coupang"] .barcode-input input {
  border: 2px solid #111 !important;
  border-radius: 6px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: #fff !important;
  box-shadow: none !important;
}
[data-pos-theme="coupang"] .barcode-input input:focus {
  border-color: #ee2c4a !important;
  box-shadow: 0 0 0 3px rgba(238,44,74,0.15) !important;
}

/* 카테고리 탭 — 쿠팡 풍 */
[data-pos-theme="coupang"] .category-tabs {
  background: #fff !important;
  border: 1px solid #dddddd !important;
  border-radius: 6px !important;
  padding: 4px !important;
}
[data-pos-theme="coupang"] .category-tabs button {
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
  color: #555 !important;
  border-radius: 4px !important;
}
[data-pos-theme="coupang"] .category-tabs button.active {
  background: #ee2c4a !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* 서브 탭 */
[data-pos-theme="coupang"] .sub-tabs button {
  border-radius: 14px !important;
  border: 1.5px solid #dddddd !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #555 !important;
}
[data-pos-theme="coupang"] .sub-tabs button.active {
  background: #ee2c4a !important;
  border-color: #ee2c4a !important;
  color: #fff !important;
}

/* 단축키 그리드 — 쿠팡 상품 카드 */
[data-pos-theme="coupang"] .shortcut-grid .card,
[data-pos-theme="coupang"] .shortcut-grid > div,
[data-pos-theme="coupang"] .shortcut-grid > button {
  border: 1px solid #dddddd !important;
  border-radius: 6px !important;
  padding: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: #fff !important;
  color: #111 !important;
}
[data-pos-theme="coupang"] .shortcut-grid .card .price,
[data-pos-theme="coupang"] .shortcut-grid > div .price {
  color: #ee2c4a !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}
[data-pos-theme="coupang"] .shortcut-grid .card:hover,
[data-pos-theme="coupang"] .shortcut-grid > div:hover {
  border-color: #ee2c4a !important;
  background: #fff5f7 !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(238,44,74,0.15) !important;
}

/* 하단 12 결제 메뉴 — 쿠팡 CTA */
[data-pos-theme="coupang"] .bottom-menu {
  background: #fff !important;
  border-top: 3px solid #ee2c4a !important;
  padding: 14px 16px 18px !important;
}
[data-pos-theme="coupang"] .bottom-menu button {
  background: #fff !important;
  border: 1.5px solid #dddddd !important;
  border-radius: 6px !important;
  padding: 16px 8px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111 !important;
}
[data-pos-theme="coupang"] .bottom-menu button:hover {
  border-color: #ee2c4a !important;
  background: #fff5f7 !important;
  color: #ee2c4a !important;
}
[data-pos-theme="coupang"] .bottom-menu button.primary,
[data-pos-theme="coupang"] .bottom-menu button[data-role="pay-main"] {
  background: linear-gradient(180deg, #ee2c4a, #cf1d38) !important;
  color: #fff !important;
  border-color: #ee2c4a !important;
  box-shadow: 0 2px 6px rgba(238,44,74,0.30) !important;
}
[data-pos-theme="coupang"] .bottom-menu button.primary:hover {
  filter: brightness(0.95);
  color: #fff !important;
}
[data-pos-theme="coupang"] .bottom-menu button.warning {
  background: #ffd400 !important;
  border-color: #ffd400 !important;
  color: #111 !important;
}

/* 헤더 actions 버튼 */
[data-pos-theme="coupang"] .header .actions button,
[data-pos-theme="coupang"] .header .actions .link-btn {
  background: #fff !important;
  border: 1.5px solid #dddddd !important;
  border-radius: 6px !important;
  padding: 7px 12px !important;
  color: #111 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
[data-pos-theme="coupang"] .header .actions button:hover {
  border-color: #ee2c4a !important;
  color: #ee2c4a !important;
  background: #fff5f7 !important;
}

/* 모달 */
[data-pos-theme="coupang"] .modal,
[data-pos-theme="coupang"] .modal-content,
[data-pos-theme="coupang"] .overlay > div {
  border: 2px solid #ee2c4a !important;
  border-radius: 8px !important;
}
[data-pos-theme="coupang"] .modal input {
  border: 1.5px solid #dddddd !important;
  border-radius: 6px !important;
  font-size: 15px !important;
}
[data-pos-theme="coupang"] .modal input:focus {
  border-color: #ee2c4a !important;
  background: #fff !important;
}

/* 테이블 (admin) */
[data-pos-theme="coupang"] .admin-content table,
[data-pos-theme="coupang"] main.content table {
  border: 1px solid #dddddd !important;
}
[data-pos-theme="coupang"] .admin-content table th {
  background: #ee2c4a !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border-bottom: 0 !important;
}
[data-pos-theme="coupang"] .admin-content table td {
  font-size: 14px !important;
  color: #111 !important;
  font-weight: 600 !important;
}

/* input/select */
[data-pos-theme="coupang"] input[type="text"],
[data-pos-theme="coupang"] input[type="number"],
[data-pos-theme="coupang"] input[type="password"],
[data-pos-theme="coupang"] select,
[data-pos-theme="coupang"] textarea {
  border: 1.5px solid #dddddd !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  padding: 11px 14px !important;
}
[data-pos-theme="coupang"] input:focus,
[data-pos-theme="coupang"] select:focus {
  border-color: #ee2c4a !important;
}

/* 로그인 페이지 */
[data-pos-theme="coupang"] .login-wrap,
[data-pos-theme="coupang"] .login-form,
[data-pos-theme="coupang"] .login-card {
  border: 2px solid #ee2c4a !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(238,44,74,0.10) !important;
}
[data-pos-theme="coupang"] .login-wrap button,
[data-pos-theme="coupang"] .login-form button {
  background: #ee2c4a !important;
  border-radius: 6px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

/* primary buttons */
[data-pos-theme="coupang"] button.primary,
[data-pos-theme="coupang"] button[type="submit"] {
  background: linear-gradient(180deg, #ee2c4a, #cf1d38) !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 6px rgba(238,44,74,0.25) !important;
}
[data-pos-theme="coupang"] button.primary:hover {
  filter: brightness(0.95);
}