/* ========= Billigaverktyg Theme (Dark, clean) ========= */
/* Ändra färger HÄR för att påverka hela sajten */

:root{
  /* Bas */
  --bg: #0b0f14;
  --surface: #0f1622;          /* stora ytor */
  --card: #111b2a;              /* kort */
  --card-hover: #132038;        /* hover */
  --text: #e5e7eb;
  --muted: #9aa4b2;

  /* Borders */
  --border: rgba(148,163,184,.18);
  --border-strong: rgba(148,163,184,.32);

  /* Brand */
  --brand: #1a4f7a;
  --brand-contrast: #ffffff;

  /* Tables */
  --table-head: rgba(255,255,255,.04);

  /* Pills / knappar */
  --pill-bg: rgba(255,255,255,.06);
  --pill-border: rgba(148,163,184,.32);

  /* Banner */
  --banner-bg: #0f1a2a;
  --banner-text: #e5e7eb;
}

/* Bas */
body{ background: var(--bg); color: var(--text); }
.muted{ color: var(--muted); }


/* KORTBILDER: håll dem små och konsekventa */
/*
.adcard img{
  width: 100% !important;
  height: 160px !important; 
  max-height: 160px !important;
  object-fit: contain !important; 
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 10px;
}

*/

.adcard img{
  width: auto !important;
  height: 150px !important;
  max-width: 180px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto 10px auto;
}

/* Thumbnail i kort – liten och konsekvent */
.adcard img.thumb{
  width: auto !important;
  height: 140px !important;     /* byt till 120 om du vill ännu mindre */
  max-width: 170px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
}

/* TVINGA THUMBNAILS I JSON-HTML ATT BLI SMÅ */
.adcard .mini-ad img.thumb,
.adcard .mini-ad img{
  max-width: 160px !important;   /* <-- styr bredden */
  max-height: 140px !important;  /* <-- styr höjden */
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
}