/* assets.css — VisionRXOrder (clean, responsive) */
:root{
  --ink:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --accent:#0d6efd; /* bootstrap primary */
  --bg:#ffffff;
}
html,body{background:var(--bg); color:var(--ink);}
a{color:var(--accent); text-decoration:none;}
a:hover{text-decoration:underline;}

.section-title{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:700;
  font-size:13px;
  color:#6b7280;
}
.btn-success{background-color:#198754 !important; border-color:#198754 !important; color:#fff !important;}
.btn-primary{background-color:#0d6efd !important; border-color:#0d6efd !important; color:#fff !important;}

.vrx-wrap{max-width:1180px; margin:22px auto; padding:0 16px;}
.vrx-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0; border-bottom:1px solid var(--line); margin-bottom:18px;
}
.vrx-logo{
  font-weight:800; letter-spacing:.2px; font-size:18px;
}
.vrx-footer{
  border-top:1px solid var(--line);
  margin-top:22px; padding:14px 0; color:var(--muted); font-size:13px;
}
.vrx-alert{
  border-radius:14px; padding:14px 16px; border:1px solid var(--line);
  font-weight:700; margin:12px 0;
}
.vrx-alert-success{background:#ecfdf5; border-color:#a7f3d0; color:#065f46;}
.vrx-alert-error{background:#fef2f2; border-color:#fecaca; color:#7f1d1d;}
.vrx-alert-warn{background:#fffbeb; border-color:#fed7aa; color:#7c2d12;}
/* Do NOT override Bootstrap .btn. Only minor tweaks */
.btn{border-radius:12px;}
.btn-outline-secondary{border-color:#d1d5db;}
/* Layout helpers */
.vrx-grid{display:grid; grid-template-columns: 1fr 360px; gap:18px; align-items:start;}
@media (max-width: 992px){
  .vrx-grid{grid-template-columns:1fr; }
}
.vrx-card{border:1px solid var(--line); border-radius:16px; background:#fff; padding:14px;}
.vrx-card h5{margin:0 0 10px; font-weight:800;}
.small-muted{color:var(--muted); font-size:13px;}
/* Make form inputs comfortable on mobile */
.form-control,.form-select{border-radius:12px;}
/* Ensure the mini cart text wraps on narrow screens */
.vrx-card *{word-wrap:break-word; overflow-wrap:anywhere;}

/* Backwards-compat classes used by existing templates */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:18px;}
.site-header .inner{max-width:1180px;margin:0 auto;padding:0 16px;width:100%;display:flex;align-items:center;}
.site-logo{font-weight:800;font-size:18px;display:inline-block;margin-left:6px;}
.site-header .logo{font-weight:800;font-size:18px;}
.site-footer{border-top:1px solid var(--line);margin-top:22px;padding:14px 0;color:var(--muted);font-size:13px;}
.site-footer .inner{max-width:1180px;margin:0 auto;padding:0 16px;}
.card-soft{border-radius:16px;}