/* === MK Carbon Fix (Lite) v1.1.2 — mocniejsze style na jednostki === */

.mkcf { font-size: 0.95em; }

/* Usuń podkreślenia nagłówków */
.mkcf h1, .mkcf h2, .mkcf h3, .mkcf .section-title { border: 0 !important; box-shadow: none !important; text-decoration: none !important; background-image: none !important; }
.mkcf h1 + hr, .mkcf h2 + hr, .mkcf h3 + hr, .mkcf .section-title + hr { display: none !important; }

/* Sekcje/karty: trzymaj wszystko w ramce */
.mkcf .card, .mkcf .section, .mkcf .box, .mkcf .ef-card { overflow: hidden; position: relative; }

/* Wiersze: spróbuj użyć gridu 3‑kolumnowego (etykieta | input | jednostka) tam gdzie to możliwe */
.mkcf .form-row, .mkcf .row, .mkcf .field-row, .mkcf .ef-row {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) auto auto;
  align-items: center;
  column-gap: 12px;
  row-gap: 8px;
}

/* Etykiety mniejsze */
.mkcf label, .mkcf .label, .mkcf .field-label { font-size: 0.95em; line-height: 1.25; }

/* Pola wejściowe kompaktowe */
.mkcf input[type="text"], .mkcf input[type="number"], .mkcf select, .mkcf textarea {
  width: 220px; max-width: 100%; padding: 6px 10px;
}

/* Jednostki – złap różne nazwy klas i WYMUSZ inline-flow */
.mkcf .unit,
.mkcf .jednostka,
.mkcf .ef-unit,
.mkcf .value-unit,
.mkcf [class*="unit"],
.mkcf [class*="jednost"] {
  display: inline-block !important;
  position: static !important;    /* usuń absolute/fixed */
  float: none !important;
  margin-left: 8px !important;
  white-space: nowrap;
  font-size: 0.9em;
  max-width: 9ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Jeżeli jednostka była po prawej kolumnie przez absolute/right, wyzeruj te właściwości */
.mkcf [class*="unit"], .mkcf [class*="jednost"] {
  right: auto !important; left: auto !important; top: auto !important; bottom: auto !important;
  transform: none !important; margin-right: 0 !important;
}

/* Suwaki */
.mkcf input[type="range"] { width: 100%; max-width: 100%; }
.mkcf input[type="range"] + * { margin-left: 8px; white-space: nowrap; font-size: 0.9em; }

/* Responsywność */
@media (max-width: 992px) {
  .mkcf { font-size: 0.92em; }
  .mkcf .form-row, .mkcf .row, .mkcf .field-row, .mkcf .ef-row {
    grid-template-columns: minmax(120px, 1fr) 1fr auto;
  }
  .mkcf input[type="text"], .mkcf input[type="number"], .mkcf select, .mkcf textarea { width: 200px; }
}
@media (max-width: 600px) {
  .mkcf { font-size: 0.9em; }
  .mkcf .form-row, .mkcf .row, .mkcf .field-row, .mkcf .ef-row {
    grid-template-columns: 1fr;   /* układ pionowy na bardzo wąskich ekranach */
  }
  .mkcf input[type="text"], .mkcf input[type="number"], .mkcf select, .mkcf textarea { width: 100%; }
}