/*
 * overrides.css — laddas SIST.
 * Garanterar läsbar text oavsett temafil.
 */

/* Variabler */
:root { --text: #111827; --muted: #374151; }

/* Brödtext */
body { color: #111827; }
h1, h2, h3, h4, h5 { color: #0f172a; }

/* Stödklasser */
.small     { color: #4b5563 !important; }
.muted-row { color: #4b5563 !important; }
.price     { color: #0f172a !important; font-weight: 800; }

/* Formulär */
input, select, textarea { color: #111827; }
input::placeholder, textarea::placeholder { color: #9ca3af; }
label { color: #111827; }

/* ── Knappar ──────────────────────────────────────────────── */
.btn                    { color: #111827; }
.btn.primary            { color: #ffffff !important; }
.btn-accent             { color: #ffffff !important; }
.glass-btn              { color: #ffffff !important; }
.btn-sm                 { color: #111827 !important; }
.btn-sm.primary         { color: #ffffff !important; }
.btn-sm.danger          { color: #dc2626 !important; }
button                  { color: #111827; }

/* Header-knappar: mörk text på ljus bakgrund, vit text på accent */
.header-inner .btn                  { color: #111827; }
.header-inner .btn.btn-accent       { color: #ffffff !important; }

/* ===== Bild-preview i skapa/redigera (inkl. admin) =====
   Förhindrar att uppladdade bilder tar över layouten i formulär.
   Publika annonsbilder använder andra wrappers och påverkas inte.
*/
.up-prev{
  width: 100%;
  height: 180px;               /* justera vid behov */
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17,24,39,.04);
  border: 1px solid rgba(17,24,39,.08);
}

.up-prev img{
  width: 100%;
  height: 100%;
  object-fit: contain;         /* visa hela bilden utan att bli gigantisk */
  display: block;
}

.up-prev span{
  font-size: 13px;
  color: rgba(17,24,39,.65);
}