/* Theme: Mint Ledger Light (light mode)
   - slightly more "admin/wiki"
   - crisp borders, compact density
*/

:root{
  --ac-primary: #0f8a3b;
  --ac-primary-rgb: 15,138,59;
  --ac-panel: #ffffff;
  --ac-panel-2: #f2fbf6;
  --ac-border: rgba(2,44,19,.14);
  --ac-shadow: 0 10px 30px rgba(0,0,0,.05);
}

:root, [data-bs-theme="light"]{
      --jungle-900:#071b12;
      --jungle-800:#0b2a1b;
      --jungle-700:#0e3a25;
      --text:#eafff5;

  --bs-primary: var(--ac-primary);
  --bs-primary-rgb: var(--ac-primary-rgb);
  --bs-success: var(--ac-primary);
  --bs-success-rgb: var(--ac-primary-rgb);
  --bs-link-color: var(--ac-primary);
  --bs-link-hover-color: #0b6b2d;

  --bs-body-bg: #f3f6f4;
  --bs-body-bg-rgb: 243,246,244;
  --bs-body-color: #111827;
  --bs-border-color: rgba(2,44,19,.14);

  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* Background grid-ish texture */
body{
  background:
    linear-gradient(90deg, rgba(2,44,19,.04) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(180deg, rgba(2,44,19,.04) 1px, transparent 1px) 0 0 / 28px 28px,
    radial-gradient(900px 600px at 20% 0%, rgba(15,138,59,.10), transparent 55%),
    linear-gradient(180deg, #f3f6f4, #eef3f0);
}

/* Brand mark: "ledger dot" */
.ac-mark{
  width: 14px; height: 14px; border-radius: 999px;
  background: rgba(15,138,59,.95);
  box-shadow: 0 8px 18px rgba(15,138,59,.22);
}

/* Surfaces */
.ac-topbar, .navbar{
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
}
.ac-surface{
  background: rgba(255,255,255,.92);
  border: 1px solid var(--ac-border);
  border-radius: .75rem;
  box-shadow: var(--ac-shadow);
}
.ac-card, .ac-mini{
  border-color: rgba(2,44,19,.14);
  border-radius: .85rem;
  box-shadow: 0 8px 22px rgba(0,0,0,.04);
}

/* Tighten wiki density */
.list-group-item,
.card-body{
  padding-top: .9rem;
  padding-bottom: .9rem;
}
.ac-list .list-group-item{
  border-color: rgba(2,44,19,.12);
}
.ac-list .list-group-item:hover{
  background: rgba(15,138,59,.06);
}

/* Buttons feel more "tooling" */
.btn{
  border-radius: .75rem;
}
.btn-success{
  box-shadow: 0 10px 20px rgba(15,138,59,.16);
}

/* Disclaimer */
.ac-disclaimer{
  border-radius: .85rem;
  border: 1px solid rgba(2,44,19,.18);
  background: rgba(15,138,59,.07);
}

.ac-badge{
  border-color: rgba(15,138,59,.25) !important;
}

.ac-search{
  max-width: 720px;  /* tweak */
}

@media (max-width: 575.98px){
  .ac-search{
    flex-wrap: wrap;
  }
  .ac-search > .form-control{
    flex: 1 1 100%;
    width: 100%;
  }
  .ac-search > .btn{
    flex: 1 1 auto;
  }
}

.product-image-frame{
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1 / 1;
  margin: 0 0 16px 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;

  display: flex;
  align-items: center;
  justify-content: center;
}

.product-image-frame img{
  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  display: block;
  object-fit: contain;
}