/* ============================================================
   Public content pages (checkout / payment / order / download /
   old order list) — new-UI cosmetic overrides (self-contained).
   Scoped to each page's section wrapper so it only touches those
   pages; markup & JS untouched. Loaded globally in _MainLayout.
   ============================================================ */
:root{ --pg-brand:#1E40AF; --pg-brand-2:#3b82f6; --pg-brand-dark:#1B3A9E; --pg-line:#eef0f4; }

/* Breadcrumb (dùng chung nhiều trang) → hover/active brand */
.breadcrumb1 .breadcrumb__list li a:hover{ color:var(--pg-brand) !important; }
.breadcrumb1 .breadcrumb_active a{ color:var(--pg-brand) !important; }

/* ---- các section wrapper cụ thể ---- */
.checkout_detail, .checkout_success, .download-guide-page, .product_list_main{
    font-family:'Be Vietnam Pro', system-ui, -apple-system, sans-serif;
}

/* Cards (Bootstrap .border.rounded / .card) trong các trang này */
.checkout_detail .border.rounded, .checkout_success .border.rounded,
.download-guide-page .border.rounded,
.checkout_detail .card, .checkout_success .card, .download-guide-page .card{
    border:1px solid var(--pg-line) !important;
    border-radius:16px !important;
    box-shadow:0 4px 14px rgba(10,20,60,.05);
}
.checkout_detail .bg-light, .checkout_success .bg-light, .download-guide-page .bg-light{ background:#fff !important; }

/* Section titles / brand text */
.checkout_detail h6.fw-bold, .checkout_success h6.fw-bold, .download-guide-page h6.fw-bold{ color:var(--pg-brand-dark) !important; }
.checkout_detail .text-primary, .checkout_success .text-primary{ color:var(--pg-brand) !important; }

/* Primary buttons (legacy .bg-button) → brand gradient */
.checkout_detail .btn.bg-button, .checkout_success .btn.bg-button, .download-guide-page .btn.bg-button{
    background:linear-gradient(135deg, var(--pg-brand), var(--pg-brand-2)) !important;
    color:#fff !important; border:none !important; border-radius:10px !important;
    font-weight:700 !important; text-transform:none !important;
}
.checkout_detail .btn.bg-button:hover, .checkout_success .btn.bg-button:hover, .download-guide-page .btn.bg-button:hover{ filter:brightness(1.06); }

/* Inputs */
.checkout_detail .form-control, .checkout_detail .form-select,
.download-guide-page .form-control{ border-radius:10px !important; border:1px solid #e4e4e7 !important; }
.checkout_detail .form-control:focus, .checkout_detail .form-select:focus{
    border-color:var(--pg-brand) !important; box-shadow:0 0 0 3px rgba(30,64,175,.12) !important;
}

/* ---- Card tái sử dụng cho checkout / order-detail / success ---- */
.pgcard{background:#fff;border:1px solid var(--pg-line);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(10,20,60,.06);margin-bottom:20px}
.pgcard-head{padding:16px 22px;color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--pg-brand),var(--pg-brand-2))}
.pgcard-head.green{background:linear-gradient(135deg,#0f766e,#16a34a)}
.pgcard-head i{opacity:.95}
.pgcard-body{padding:22px}
.pgband{padding:6px 0 18px}
.pgband h1{font-size:26px;font-weight:800;color:var(--pg-brand-dark);margin:6px 0 0}

/* Confirm checkout button → brand gradient */
.checkout_detail .btn-confirm-checkout{
  background:linear-gradient(135deg,var(--pg-brand),var(--pg-brand-2)) !important;
  color:#fff !important;border:none !important;border-radius:12px !important;
  font-weight:800 !important;text-transform:none !important;padding:14px !important}
.checkout_detail .btn-confirm-checkout:hover{filter:brightness(1.06)}

/* Soft info/period boxes */
.pgcard-body .alert-info{background:#eff6ff !important;border:1px solid #dbeafe !important;color:#1e3a8a !important;border-radius:12px}
.pgcard-body .alert-success{background:#ecfdf3 !important;border:1px solid #c7f0d5 !important;color:#15803d !important;border-radius:12px}
.pgcard-body .alert-danger{background:rgba(239,68,68,.08) !important;border:1px solid rgba(239,68,68,.25) !important;color:#b91c1c !important;border-radius:12px}

/* ---- Order/Detail page ---- */
.pgcard-head.teal{background:linear-gradient(135deg,#0f766e,#2fe6d6)}
.pgcard-head.orange{background:linear-gradient(135deg,#e08a00,#F5A623)}
.order-detail-page{font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif}
.order-detail-page h2{font-size:24px;font-weight:800;color:var(--pg-brand-dark)}
.order-detail-page .btn-order-list{
  background:linear-gradient(135deg,var(--pg-brand),var(--pg-brand-2)) !important;
  color:#fff !important;border:none !important;border-radius:10px !important;
  font-weight:700 !important;text-transform:none !important;padding:11px 22px}
.order-detail-page .btn-order-list:hover{filter:brightness(1.06)}
.order-detail-page .table thead th{background:#f7f9fc !important;color:#52525b !important;text-transform:uppercase;font-size:12px;letter-spacing:.3px}
.order-detail-page .table td,.order-detail-page .table th{border-color:#f4f4f5 !important}
.order-detail-page .pagination .page-link{color:#52525b;border-radius:8px !important;margin:0 3px;border:1px solid #e4e4e7}
.order-detail-page .pagination .page-item.active .page-link{background:var(--pg-brand) !important;border-color:var(--pg-brand) !important;color:#fff !important}
.order-detail-page .list-group-item{border:1px solid #eef0f4 !important;border-radius:12px !important;margin-bottom:8px}

/* ---- Payment Success page ---- */
.checkout_success h1{font-weight:800}
.checkout_success .btn-order-list{
  background:linear-gradient(135deg,var(--pg-brand),var(--pg-brand-2)) !important;
  color:#fff !important;border:none !important;border-radius:10px !important;
  font-weight:700 !important;text-transform:none !important;padding:11px 22px}
.checkout_success .btn-order-list:hover{filter:brightness(1.06)}
.checkout_success .table td,.checkout_success .table th{border-color:#f4f4f5 !important}

/* ---- Insufficient Balance page ---- */
.insufbal-page{font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif}
.insufbal-page h2{font-weight:800}
.insufbal-page .alert-info{background:#eff6ff !important;border:1px solid #dbeafe !important;color:#1e3a8a !important;border-radius:14px}
.insufbal-page .table td,.insufbal-page .table th{border-color:#f4f4f5 !important}
.insufbal-page .text-primary{color:var(--pg-brand) !important}
.insufbal-page .btn-warning{background:linear-gradient(135deg,#e08a00,#F5A623) !important;border:none !important;color:#fff !important;border-radius:10px !important;font-weight:700 !important}
.insufbal-page .btn-warning:hover{filter:brightness(1.06);color:#fff !important}
.insufbal-page .btn-outline-primary{border:1.5px solid var(--pg-brand) !important;color:var(--pg-brand) !important;border-radius:10px !important;font-weight:700}
.insufbal-page .btn-outline-primary:hover{background:var(--pg-brand) !important;color:#fff !important}
.insufbal-page .btn-outline-secondary{border-radius:10px !important;font-weight:600}