/* GIO HANG v5 (the #455): chi doi giao dien. Giu nguyen moi class/id/ten truong ma PHP + cart.js.php + foot.php dung,
   nen o day ve lai cac thanh phan bootstrap ben trong .v5-gio theo token v5 (mau --brand, bo goc, phong chu).
   Chu y: site.css co ".v5 a{color:inherit}" (do uu tien 0,1,1) -> phai dat lai mau chu cho a.btn-* o day. */
.v5-gio .page-content>section{padding:4px 0 48px}
.v5-gio .page-content>section>.container{max-width:1240px;padding:0 28px}
.v5-gio p{margin:0 0 .75rem}
.v5-gio h4,.v5-gio h5,.v5-gio h6,.v5-gio .h4,.v5-gio .h5{font-family:var(--h);font-weight:600;color:var(--ink)}
.v5-gio label.h4{font-size:22px}
.v5-gio .alert{border-radius:12px;border:0;font-size:15px}
.v5-gio .alert-success{background:#e7f6ea;color:#14532d}
.v5-gio .alert-warning{background:#fff4e5;color:#7a4b00}
.v5-gio .alert-info{background:var(--grey2);color:var(--ink)}
.v5-gio .alert-light{background:var(--grey2)}

/* bang san pham */
.v5-gio .table-responsive{border:1.5px solid var(--line)!important;border-radius:16px;overflow:hidden}
.v5-gio .cart-table{margin:0;font-size:15px;color:var(--ink)}
.v5-gio .cart-table thead{background:var(--grey)!important}
.v5-gio .cart-table th{border:0!important;font:600 14px "Be Vietnam Pro","BVP Fallback",sans-serif;color:var(--muted);padding:14px 16px}
.v5-gio .cart-table td{border:0!important;border-top:1px solid var(--line)!important;padding:16px;vertical-align:middle}
.v5-gio .cart-table .product-title{font-size:15px;line-height:1.55}
.v5-gio .cart-table .product-title>a{font:600 18px var(--h);color:var(--ink)}
.v5-gio .cart-table .product-title a:hover{color:var(--brand)}
.v5-gio .cart-table .product-title small{color:var(--muted)}
.v5-gio .cart-table .product-title small a{color:var(--brand)}
.v5-gio .cart-table h6{font:600 16px "Be Vietnam Pro","BVP Fallback",sans-serif;white-space:nowrap}
.v5-gio .cart-table del{color:var(--muted);font-size:13px}
.v5-gio .cart-table .btn{border-radius:10px;padding:8px;background:var(--grey2);color:var(--ink);line-height:1}
.v5-gio .cart-table .btn:hover{background:var(--grey);color:var(--brand)}
.v5-gio .orderAction{color:#b42318}

/* nut bootstrap -> kieu pill v5 */
.v5-gio .btn{border-radius:999px;font:600 15px/1.2 "Be Vietnam Pro","BVP Fallback",sans-serif;padding:11px 22px;border:1.5px solid transparent;box-shadow:none}
.v5-gio .btn-sm{font-size:14px;padding:7px 14px}
.v5-gio .btn-lg{font-size:16px;padding:13px 26px}
.v5-gio .btn-primary,.v5-gio .btn-success,.v5-gio a.btn-primary,.v5-gio a.btn-success{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.v5-gio .btn-primary:hover,.v5-gio .btn-success:hover{background:var(--deep)!important;border-color:var(--deep)!important}
.v5-gio .btn-info,.v5-gio a.btn-info{background:#fff!important;border-color:var(--brand)!important;color:var(--brand)!important}
.v5-gio .btn-info:hover{background:var(--grey2)!important}
.v5-gio .btn-dark,.v5-gio a.btn-dark{background:#fff!important;border-color:var(--line)!important;color:var(--muted)!important}
.v5-gio .btn-dark:hover{border-color:#b42318!important;color:#b42318!important}
.v5-gio .btn-light,.v5-gio a.btn-light{background:var(--grey2);border-color:transparent;color:var(--ink)}
.v5-gio a.dropdown-toggle.btn-primary{display:inline-block;border-radius:999px;color:#fff}
.v5-gio .dropdown-menu{border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 32px -12px rgba(11,59,31,.25)}
.v5-gio .dropdown-item{border-radius:8px;font-size:14px;color:var(--ink)}

/* o nhap */
.v5-gio .form-control,.v5-gio .form-select{border:1.5px solid var(--line)!important;border-radius:12px;min-height:44px;font:15px "Be Vietnam Pro","BVP Fallback",sans-serif;color:var(--ink);box-shadow:none}
.v5-gio .form-control:focus,.v5-gio .form-select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(10,138,47,.15)}
.v5-gio .form-select{width:100%;padding:8px 12px;background-color:#fff}
.v5-gio .input-group{gap:8px;flex-wrap:nowrap}
.v5-gio .input-group>.form-control,.v5-gio .input-group>.btn{border-radius:999px!important}
.v5-gio #sanphamAdd{margin-top:4px}

/* tom tat gio (data-bg-color do theme-script to nen bang JS -> can !important) */
.v5-gio [data-bg-color]{background:#fff!important;border:1.5px solid var(--line);border-radius:16px!important;padding:20px!important;position:sticky;top:76px}
.v5-gio [data-bg-color] h4{font-size:24px;text-align:left!important}
.v5-gio [data-bg-color] .border-bottom{border-color:var(--line)!important;font-size:15px}
.v5-gio [data-bg-color] .h5{font-size:22px;margin:0}
.v5-gio [data-bg-color] .font-weight-bold.h5{font:700 30px var(--h)}
.v5-gio [data-bg-color] .mt-5{margin-top:20px!important;gap:10px;flex-wrap:wrap}
.v5-gio .goStep{flex:1}

/* buoc thanh toan (#userOrder): doi bang mau rieng cu (#1e9e4a) sang token v5 */
.v5-gio #userOrder .gh-the{border:1.5px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:16px}
.v5-gio #userOrder .gh-dau{font:600 22px var(--h);color:var(--ink)}
.v5-gio #userOrder .gh-so{background:var(--brand);font-family:var(--h)}
.v5-gio #userOrder label.gh-nhan{color:var(--ink)}
.v5-gio #userOrder .gh-o{border:1.5px solid var(--line);border-radius:12px;height:44px;font-family:"Be Vietnam Pro","BVP Fallback",sans-serif}
.v5-gio #userOrder .gh-o:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,138,47,.15)}
.v5-gio #userOrder .gh-o[readonly]{background:var(--grey2)}
.v5-gio #userOrder .gh-chon label{border-radius:14px;border-color:var(--line)}
.v5-gio #userOrder .gh-chon label.dang{border-color:var(--brand);background:var(--grey2);box-shadow:0 0 0 1px var(--brand)}
.v5-gio #userOrder .gh-chon input,.v5-gio #userOrder .gh-dongy input{accent-color:var(--brand)}
.v5-gio #userOrder .gh-nut2{border:1.5px solid var(--brand);border-radius:999px;color:var(--brand);height:44px}
.v5-gio #userOrder .gh-so-dc button.dang{border-color:var(--brand);background:var(--grey2);color:var(--brand)}
.v5-gio #userOrder .gh-tt{border-color:var(--brand);background:var(--grey2);border-radius:14px}
.v5-gio #userOrder .gh-tt i{color:var(--brand)!important}
.v5-gio #userOrder .gh-gui{background:var(--brand);border-radius:999px;height:52px;font:600 17px "Be Vietnam Pro","BVP Fallback",sans-serif}
.v5-gio #userOrder .gh-gui:hover{background:var(--deep)}
.v5-gio #userOrder .gh-dongy a{color:var(--brand);text-decoration:underline}

@media (max-width:767px){
  .v5-gio [data-bg-color]{position:static}
  .v5-gio .page-content>section>.container{padding:0 16px}
  .v5-gio .cart-table th,.v5-gio .cart-table td{padding:12px 10px}
}

/* QA-06 (25/10): mobile - bang gio 420px tran khung 390, nut xoa bi cat, ten san pham be tung chu.
   <=600px: moi dong gio thanh 1 the: ten (ca dong) / thoi han + gia / 3 nut thao tac ca dong, nut >=44px. */
.v5-gio .dong-loi .product-title small{color:#b42318}
.v5-gio .dong-loi-tb td{padding:12px!important}
.v5-gio .cart-table .nut-chu{margin-left:4px}
@media (max-width:600px){
  .v5-gio .table-responsive{overflow:visible}
  .v5-gio .cart-table,.v5-gio .cart-table tbody{display:block;width:100%}
  .v5-gio .cart-table thead{display:none}
  .v5-gio .cart-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:14px 14px 12px;border-top:1px solid var(--line)}
  .v5-gio .cart-table tbody tr:first-child{border-top:0}
  .v5-gio .cart-table td{display:block;border:0!important;padding:0!important;text-align:left!important;min-width:0}
  .v5-gio .cart-table td:first-child{grid-column:1/-1}
  .v5-gio .cart-table td[colspan]{grid-column:1/-1}
  .v5-gio .cart-table td:nth-child(3){text-align:right!important}
  .v5-gio .cart-table td:last-child:not(:first-child){grid-column:1/-1}
  .v5-gio .cart-table .dong-loi td:last-child{grid-column:1/-1}
  .v5-gio .cart-table .product-title{word-break:normal;overflow-wrap:anywhere}
  .v5-gio .cart-table .product-title>a{font-size:17px}
  .v5-gio .cart-table td .d-flex{justify-content:flex-end!important;gap:8px}
  .v5-gio .cart-table td .btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0!important}
  .v5-gio .cart-table .orderAction{display:inline-block;min-width:32px;min-height:32px;line-height:32px;text-align:center}
}
/* buoc thanh toan: form ben trai, tom tat ben phai (cung bo cuc buoc 1) - truoc tom tat nhay sang trai */
@media (min-width:768px){ .v5-gio #cartCheckout{order:-1} }