/* Rafmagnsreikningar — upload field + consent in the signup forms (see reikningar.js) */

.bills { margin: 1.4rem 0 0.4rem; }

/* Undo the pages' global `label { text-transform: uppercase }` */
.bills-drop, .bills-consent { text-transform: none; letter-spacing: 0; }

.bills-label {
  display: block;
  font-size: 0.72rem; font-weight: 500; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--grey); margin-bottom: 0.4rem;
}

.bills-drop {
  display: flex; flex-direction: column; align-items: center; gap: 0.15rem;
  padding: 1.1rem 1rem; text-align: center; cursor: pointer;
  border: 1px dashed var(--green-light); border-radius: 2px;
  background: rgba(216, 243, 220, 0.35);
  transition: background 0.2s, border-color 0.2s;
}
.bills-drop:hover, .bills-drop.dragging { background: var(--green-pale); border-color: var(--green); }
.bills-drop:focus-within { border-color: var(--green); border-style: solid; }
.bills-drop.has-files { padding: 0.7rem 1rem; }
.bills-drop.has-files .bills-drop-sub { display: none; }

/* Visually hidden but still focusable/keyboard-accessible */
.bills-drop input {
  position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden;
}

.bills-drop-title { font-size: 0.9rem; font-weight: 500; color: var(--green); }
.bills-drop-sub   { font-size: 0.78rem; font-weight: 300; color: var(--grey); line-height: 1.5; }

.bills-list { list-style: none; margin: 0; padding: 0; }
.bills-list li {
  display: flex; align-items: center; gap: 0.6rem;
  font-size: 0.82rem; padding: 0.5rem 0.2rem 0.5rem 0.6rem;
  border-bottom: 1px solid var(--border);
}
.bills-list li::before { content: '✓'; color: var(--green); font-weight: 700; font-size: 0.75rem; }
.bills-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bills-size { color: var(--grey); font-weight: 300; font-size: 0.75rem; }
.bills-list button {
  background: none; border: none; cursor: pointer; color: var(--grey);
  font-size: 1.1rem; line-height: 1; padding: 0.1rem 0.4rem;
}
.bills-list button:hover { color: #c0392b; }

.bills-error { margin-top: 0.5rem; font-size: 0.78rem; color: #c0392b; line-height: 1.5; }

.bills-consent {
  display: flex; align-items: flex-start; gap: 0.6rem; margin-top: 0.9rem; cursor: pointer;
  font-size: 0.82rem; font-weight: 300; line-height: 1.5; color: var(--black);
}
.bills-consent[hidden] { display: none; }
form > .bills-consent { margin: 1.2rem 0 1rem; } /* standalone, without the upload field */
.bills-consent input {
  width: 16px; height: 16px; min-width: 16px; margin-top: 2px;
  accent-color: var(--green); cursor: pointer;
}

/* "Hentar fyrirtækjum með ..." note under the card intro */
.fit-note {
  display: flex; gap: 0.5rem; align-items: flex-start;
  font-size: 0.8rem; font-weight: 400; color: var(--green); line-height: 1.5;
  background: var(--green-pale); padding: 0.6rem 0.8rem; border-radius: 2px;
  margin: -0.8rem 0 1.6rem;
}