/* PrintPro Pro – Frontend CSS (supplement theme) v1.0.0 */
/* Most styles live in theme main.css */

/* Order card in hero */
.order-card{background:#fff;border-radius:22px;box-shadow:0 16px 56px rgba(255,107,0,.22);padding:22px;border:1.5px solid #ffe0b2;}
.oc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.oc-title{font-size:.8rem;font-weight:800;color:#2d1200;}
.oc-status{display:flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;color:#ff6b00;}
.oc-dot{width:5px;height:5px;background:#ff6b00;border-radius:50%;animation:blink .8s ease infinite;}
@keyframes blink{0%,100%{box-shadow:0 0 0 0 rgba(255,107,0,.5)}50%{box-shadow:0 0 0 6px rgba(255,107,0,0)}}
.prod-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:14px;}
.pt{padding:7px 4px;background:#fff3e0;border:1.5px solid #ffe0b2;border-radius:9px;text-align:center;cursor:pointer;transition:all .18s;}
.pt.on,.pt:hover{background:linear-gradient(135deg,#ff6b00,#ffc107);border-color:#ff6b00;}
.pt.on span,.pt:hover span{color:#fff;}
.pt i{font-size:.9rem;display:block;margin-bottom:3px;}
.pt span{font-size:.58rem;font-weight:700;color:#c43d00;display:block;}
.cfg-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.cfg-row{display:flex;align-items:flex-start;gap:8px;}
.cfg-lbl{font-size:.72rem;font-weight:700;color:#7a5c3a;flex-shrink:0;width:80px;padding-top:5px;}
.cfg-val{flex:1;display:flex;gap:4px;flex-wrap:wrap;}
.cv-btn{padding:4px 10px;border:1.5px solid #ffe0b2;border-radius:6px;font-size:.68rem;font-weight:700;color:#2d1200;cursor:pointer;background:#fff;transition:all .15s;}
.cv-btn.on,.cv-btn:hover{border-color:#ff6b00;background:#fff3e0;color:#c43d00;}
.price-sum{background:#fff3e0;border-radius:10px;padding:12px 14px;margin-bottom:12px;}
.ps-row{display:flex;justify-content:space-between;font-size:.76rem;color:#7a5c3a;margin-bottom:4px;}
.ps-total{display:flex;justify-content:space-between;font-size:.96rem;font-weight:900;color:#c43d00;border-top:1px solid #ffcc80;padding-top:8px;margin-top:4px;}
.deli{display:flex;align-items:center;margin-bottom:12px;}
.deli-step{display:flex;flex-direction:column;align-items:center;flex:1;}
.deli-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ff6b00,#ffc107);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:4px;}
.deli-lbl{font-size:.58rem;font-weight:700;color:#7a5c3a;text-align:center;line-height:1.3;}
.deli-line{flex:1;height:2px;background:linear-gradient(to right,#ff6b00,#ffa726);margin-bottom:18px;}

/* Gói dịch vụ card */
.pkg-head{padding:22px 20px;background:#fff3e0;}
.pkg.featured .pkg-head{background:linear-gradient(135deg,#ff6b00,#ffc107);}
.pkg-name{font-size:1rem;font-weight:900;color:#1a0a00;margin-bottom:4px;}
.pkg.featured .pkg-name,.pkg.featured .pkg-sub,.pkg.featured .pkg-price{color:#fff;}
.pkg-sub{font-size:.75rem;color:#7a5c3a;}
.pkg-price{font-size:1.8rem;font-weight:900;color:#c43d00;letter-spacing:-1px;margin-top:8px;}
.pkg-body{padding:20px;}
.pkg-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.pkg-features li{display:flex;align-items:flex-start;gap:7px;font-size:.82rem;color:#2d1200;}
.pkg-features li i{color:#ff6b00;margin-top:3px;flex-shrink:0;}
.pkg-features li.inactive{opacity:.4;text-decoration:line-through;}