:root {
  --app-accent: #1f6f5c;
  --app-accent-dark: #17564a;
  --app-bg: #f5f6f4;
}

html { font-size: 15px; }

body {
  background: var(--app-bg);
  color: #1f2523;
}

.app-nav { background: var(--app-accent); }

/* Bootstrap 5.1: a gombszíneket közvetlenül kell felülírni. */
.btn-primary, .btn-primary:disabled {
  background-color: var(--app-accent);
  border-color: var(--app-accent);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-check:checked + .btn-primary {
  background-color: var(--app-accent-dark);
  border-color: var(--app-accent-dark);
  color: #fff;
}

.btn-outline-primary { color: var(--app-accent); border-color: var(--app-accent); }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: var(--app-accent);
  border-color: var(--app-accent);
  color: #fff;
}

.list-group-item.active, .page-item.active .page-link {
  background-color: var(--app-accent);
  border-color: var(--app-accent);
}
.page-link { color: var(--app-accent); }

a { color: var(--app-accent); }
a:hover { color: var(--app-accent-dark); }

/* Telefonra telepített módban a telepítési link felesleges. */
.app-standalone-only { display: none; }
.app-standalone .app-standalone-only { display: block; }
.app-standalone .app-install-link { display: none; }

.card { border: 1px solid #e3e6e2; box-shadow: 0 1px 2px rgba(0,0,0,.03); }

.product-card .product-img {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.product-card .product-img img { max-height: 160px; max-width: 100%; object-fit: contain; }

.thumb { width: 48px; height: 48px; object-fit: contain; background: #fff; border: 1px solid #e3e6e2; border-radius: 4px; }
.thumb-empty { display: inline-flex; align-items: center; justify-content: center; font-size: .7rem; color: #6c757d; }
.thumb-link { text-decoration: none; }
.img-credit { font-size: .68rem; color: #6c757d; line-height: 1.2; margin-top: 2px; }
.img-credit a { color: inherit; }

.product-card .name { font-weight: 600; min-height: 2.6em; line-height: 1.3; }
.product-card .price { font-size: 1.15rem; font-weight: 700; }
.product-card .qty { max-width: 6.5rem; }

.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

.stat { font-size: 1.8rem; font-weight: 700; line-height: 1; }

.category-list .list-group-item { padding: .35rem .75rem; font-size: .92rem; }

.mode-banner { border-left: 4px solid #b58100; }

.table td, .table th { vertical-align: middle; }

pre.xml { background: #fff; border: 1px solid #e3e6e2; padding: 1rem; font-size: .8rem; max-height: 30rem; overflow: auto; }

@media print {
  .app-nav, .no-print { display: none !important; }
  body { background: #fff; }
}

/* Színes címkék (a Bootstrap 5.1-ben még nincs text-bg-*; a 5.2-es megfelelője). */
.text-bg-primary { color: #fff !important; background-color: #0d6efd !important; }
.text-bg-secondary { color: #fff !important; background-color: #6c757d !important; }
.text-bg-success { color: #fff !important; background-color: #198754 !important; }
.text-bg-info { color: #000 !important; background-color: #0dcaf0 !important; }
.text-bg-warning { color: #000 !important; background-color: #ffc107 !important; }
.text-bg-danger { color: #fff !important; background-color: #dc3545 !important; }
.text-bg-light { color: #000 !important; background-color: #f8f9fa !important; }
.text-bg-dark { color: #fff !important; background-color: #212529 !important; }