/* DMCTN Military Skin for DevVN Quick Buy
 * Phiên bản: 1.0.0
 * Màu chủ đạo: Xanh quân đội, vàng sao, đỏ huy hiệu
 * TƯƠNG THÍCH: devvn-quick-buy
 * TẠO BỞI BÙI VĂN TĨNH
*/
:root{
  --dmctn-army: #2F4F2F;
  --dmctn-army-700: #254026;
  --dmctn-star: #F7D400;
  --dmctn-badge: #C12026;
  --dmctn-ink: #0A0A0A;
  --dmctn-paper: #F5F5F4;
}

/* Nút Mua Ngay */
a.devvn_buy_now{
  background: var(--dmctn-army) !important;
  color:#fff !important;
  border:2px solid var(--dmctn-star) !important;
  text-transform: uppercase;
  letter-spacing:.3px;
  box-shadow: 0 2px 0 0 rgba(0,0,0,.15), inset 0 0 0 1px rgba(247,212,0,.25);
}
a.devvn_buy_now:hover,
a.devvn_buy_now:focus{
  background: var(--dmctn-army-700) !important;
  color:#fff !important;
  border-color: var(--dmctn-star) !important;
}
a.devvn_buy_now span{
  font-weight:700;
}

/* Popup khung & tiêu đề */
.devvn-popup-quickbuy .devvn-popup{
  border:2px solid var(--dmctn-army);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  background: var(--dmctn-paper);
}
.devvn-popup .devvn-popup-title,
.devvn-popup .devvn-popup-title h2{
  background: var(--dmctn-army);
  color:#fff;
  border-bottom: 2px solid var(--dmctn-star);
}
.devvn-popup .devvn-close{
  color:#fff;
}
.devvn-popup-overlay,
.devvn-popup-quickbuy{
  background: rgba(14,22,14,.72);
}

/* Nút đặt hàng trong popup */
.popup-customer-info-group .devvn-order-btn{
  background: var(--dmctn-badge) !important;
  color:#fff !important;
  border:2px solid var(--dmctn-star) !important;
  text-transform: uppercase;
  letter-spacing:.4px;
}
.popup-customer-info-group .devvn-order-btn:hover{
  filter: brightness(.95);
}

/* Field, label */
.devvn-popup .popup-customer-info-group label{
  color: var(--dmctn-ink);
  font-weight: 600;
}
.devvn-popup .popup-customer-info-group input,
.devvn-popup .popup-customer-info-group select,
.devvn-popup .popup-customer-info-group textarea{
  border:1px solid #d6d6d6;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}

/* Badge viền */
.devvn-popup .devvn-popup-title:after{
  content:'';
  display:block;
  height:3px;
  background: linear-gradient(90deg, var(--dmctn-star) 0 30%, var(--dmctn-badge) 30% 70%, var(--dmctn-star) 70% 100%);
}


/* DMCTN Left Edge Buy Button */
.dmctn-left-buy{
  position: fixed;
  left: 0;
  top: 50%;
  transform: translate(-20%, -50%) rotate(-90deg);
  transform-origin: left center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  font-weight: 800;
  z-index: 10050;
  background: var(--dmctn-army) !important;
  color:#fff !important;
  border:2px solid var(--dmctn-star) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  letter-spacing:.3px;
  text-decoration: none;
}
.dmctn-left-buy .dmctn-left-text{ pointer-events: none; }
.dmctn-left-buy:hover{ transform: translate(0, -50%) rotate(-90deg); }
@media (max-width: 782px){
  .dmctn-left-buy{ bottom: 20%; top:auto; transform: translate(-10%,0) rotate(-90deg); }
}

/* DMCTN ensure visible & on top */
.dmctn-left-buy{
  position: fixed;
  left: 0;
  top: 50%;
  transform: translate(-8%, -50%) rotate(-90deg);
  transform-origin: left center;
  z-index: 2147483647;
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 14px; font-weight:800; text-decoration:none;
  background: var(--dmctn-army) !important; color:#fff !important;
  border:2px solid var(--dmctn-star) !important; box-shadow: 0 8px 20px rgba(0,0,0,.25);
}
.dmctn-left-buy:hover{ transform: translate(0, -50%) rotate(-90deg); }
@media (max-width:782px){ .dmctn-left-buy{ top:auto; bottom:20%; transform: translate(-6%,0) rotate(-90deg);} }