/* 1076: Formfält & felmeddelanden (mobil + desktop)
   Mobil först, desktop är "större mobil".
*/

/* Form containers */
.td-wrap .td-filterbar,
.td-wrap form.td-form {
  background: var(--td-bg);
  border: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: var(--td-radius-md) !important;
  padding: var(--td-space-4);
}

/* Labels */
.td-wrap label {
  display: block;
  color: var(--td-text);
  font-size: var(--td-font-sm);
  line-height: 1.25;
}

.td-wrap label .td-muted,
.td-wrap label span.td-muted {
  display: inline-block;
  margin-bottom: var(--td-space-2);
  color: var(--td-text-muted);
  font-size: var(--td-font-sm);
}

/* Inputs */
.td-wrap input[type="text"],
.td-wrap input[type="number"],
.td-wrap input[type="date"],
.td-wrap input[type="search"],
.td-wrap select,
.td-wrap textarea {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  box-sizing: border-box;
  font-size: var(--td-font-md);
  line-height: 1.3;
  color: var(--td-text);
  background: var(--td-bg);
  border: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: var(--td-radius-sm);
  padding: 10px 12px;
  min-height: 44px; /* tappvänligt */
}

.td-wrap textarea {
  min-height: 110px;
  padding-top: 10px;
}

.td-wrap input[type="text"]:focus,
.td-wrap input[type="number"]:focus,
.td-wrap input[type="date"]:focus,
.td-wrap input[type="search"]:focus,
.td-wrap select:focus,
.td-wrap textarea:focus {
  outline: none;
  border-color: var(--td-primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* Checkbox / radio: större klickyta */
.td-wrap input[type="checkbox"],
.td-wrap input[type="radio"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.td-wrap .td-checkline {
  display: flex;
  gap: var(--td-space-2);
  align-items: center;
  min-height: 44px;
}

/* Inline help */
.td-wrap .td-help {
  font-size: var(--td-font-sm);
  color: var(--td-text-muted);
  margin-top: var(--td-space-2);
}

/* Field errors (graceful, nära fältet) */
.td-wrap .td-field-error {
  margin-top: var(--td-space-2);
  padding: 8px 10px;
  border-radius: var(--td-radius-sm);
  border: 1px solid rgba(0,0,0,0.15) !important;
  background: rgba(220, 38, 38, 0.14);
  color: #7f1d1d;
  font-size: var(--td-font-sm);
}

/* When server renders a general message as a card */
.td-wrap .td-card.td-error {
  background: rgba(220, 38, 38, 0.10) !important;
  /* .td-card sätter background/box-shadow med !important i td-card.css,
     så vi måste vara lika "bestämda" här för att felkortet ska synas tydligt. */
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.22) inset, var(--td-shadow-sm) !important;
  padding: 12px 14px !important;
}

/* Ibland renderas notiser utanför .td-wrap (t.ex. i vissa teman/shortcodes).
   Lägg en säker fallback så felkort alltid får tydlig bakgrund. */
.td-card.td-error {
  background: rgba(220, 38, 38, 0.10) !important;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.22) inset, var(--td-shadow-sm) !important;
  padding: 12px 14px !important;
}

/* Lite inre luft så felnotis-texten inte ligger kloss mot kanten */
.td-card.td-error p.td-muted {
  /* Liten extra "luft" utan att kortet blir enormt */
  margin: 0;
}

/* Desktop tweaks */
@media (min-width: 920px) {
  .td-wrap .td-filterbar,
  .td-wrap form.td-form {
    padding: var(--td-space-5);
  }
}


/* 2.0.10: compare form platt */
.td-compare-form{border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;}