/* =========================
   Missing component classes
   ========================= */

/* Outline buttons */
.btn-outline-primary{
  background:transparent;
  border:1px solid var(--primary, #2563eb);
  color:var(--primary, #2563eb);
}
.btn-outline-primary:hover{
  background:rgba(37,99,235,.15);
}
.btn-outline-secondary{
  background:transparent;
  border:1px solid var(--border, #334155);
  color:var(--muted, #9ca3af);
}
.btn-outline-secondary:hover{
  background:rgba(148,163,184,.12);
  color:var(--text);
}
.btn-outline-danger{
  background:transparent;
  border:1px solid var(--danger, #dc2626);
  color:var(--danger, #dc2626);
}
.btn-outline-danger:hover{
  background:rgba(220,38,38,.15);
}
.btn-outline-info{
  background:transparent;
  border:1px solid #0ea5e9;
  color:#0ea5e9;
}
.btn-outline-info:hover{
  background:rgba(14,165,233,.15);
}
.btn-outline-success{
  background:transparent;
  border:1px solid var(--ok, #16a34a);
  color:var(--ok, #16a34a);
}
.btn-outline-success:hover{
  background:rgba(22,163,74,.15);
}

/* Alerts */
.alert{
  padding:14px 16px;
  border-radius:12px;
  margin-bottom:16px;
  font-size:14px;
}
.alert-danger{
  background:rgba(220,38,38,.12);
  border:1px solid rgba(220,38,38,.3);
  color:#fca5a5;
}
.alert-secondary{
  background:rgba(148,163,184,.1);
  border:1px solid rgba(148,163,184,.25);
  color:var(--muted, #9ca3af);
}
.alert-warning{
  background:rgba(251,146,60,.12);
  border:1px solid rgba(251,146,60,.3);
  color:#fdba74;
}

/* Bootstrap-compat spacing (.mt-3 = 1rem, .mb-3 = 1rem) */
.mt-1{margin-top:4px}  .mb-1{margin-bottom:4px}
.mt-2{margin-top:8px}  .mb-2{margin-bottom:8px}
.mt-3{margin-top:16px} .mb-3{margin-bottom:16px}
.mt-4{margin-top:24px} .mb-4{margin-bottom:24px}
.py-2{padding-top:8px;padding-bottom:8px}

/* text-muted for views */
.text-muted{color:var(--muted, #9ca3af)}
.text-center{text-align:center}

/* bg-danger badge */
.bg-danger{background:var(--danger, #dc2626)!important;color:#fff}

/* d-none (Bootstrap compat) */
.d-none{display:none!important}
.d-block{display:block!important}
.d-flex{display:flex!important}

/* small-muted (used in category.php) */
.small-muted{font-size:13px;color:var(--muted, #9ca3af)}