/*
  Velamart — style.css (global overrides, loaded after main.css)
*/

/* ── Scrollbar ───────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; background: var(--brand-dark, #0d1b35); }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0,0,0,.5); border-radius: 10px; }
::-webkit-scrollbar-thumb { background: var(--brand-primary, #1c48c1); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--brand-primary-dark, #163a99); }

/* ── Global form focus ───────────────────────────────── */
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--brand-primary, #1c48c1) !important;
  box-shadow: 0 0 0 3px rgba(28,72,193,.12) !important;
}

/* ── Global link color (non-header/footer) ───────────── */
a { transition: color .15s; }

/* ── Content image alignment ─────────────────────────── */
.content-image { max-width: 100%; height: auto; }
.content-image.align-left   { float: left;   margin: 0 16px 12px 0; }
.content-image.align-right  { float: right;  margin: 0 0 12px 16px; }
.content-image.align-center { display: block; margin: 16px auto; }

/* ── Mobile only ─────────────────────────────────────── */
@media only screen and (max-width: 48em) {
  /* mobile-only overrides here */
}