/* ============================================================
   ACCREDO — additions to the form design of the theme
   The look of the card (.form-card, .form-row, .field, .form-note)
   comes from the theme. Only the parts the prototype did not have
   live here: honeypot and error states.
   ============================================================ */

/* Honeypot: invisible to people, bait for spam scripts.
   Deliberately not display:none — some bots skip that. */
.accredo-hp{
  position:absolute !important;
  left:-9999px !important;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

.form-note--error{
  background:var(--clay-tint, #f6e3d8);
  color:var(--clay-deep, #8a3b12);
}

.field__error{
  font-size:13px;
  font-weight:600;
  color:var(--clay-deep, #8a3b12);
}

/* The privacy line above the submit button. */
.form-legal{ font-size:13px; line-height:1.55; color:var(--ink-3, #777); margin:0 0 16px; }
.form-legal a{ color:inherit; text-decoration:underline; text-underline-offset:2px; }
.form-legal a:hover{ color:var(--ink, inherit); }

.field input[aria-invalid="true"],
.field select[aria-invalid="true"],
.field textarea[aria-invalid="true"]{
  border-color:var(--clay, #c2673a);
}

.field input[aria-invalid="true"]:focus,
.field select[aria-invalid="true"]:focus,
.field textarea[aria-invalid="true"]:focus{
  border-color:var(--clay, #c2673a);
  box-shadow:0 0 0 4px color-mix(in oklab, var(--clay, #c2673a) 18%, transparent);
}

/* ============================================================
   NEWSLETTER SIGNUP
   Not in the prototype — built in its style and placed in the footer
   of both sites, so it sits on a dark surface.
   ============================================================ */
.nl{ display:flex; flex-direction:column; gap:12px; }
.nl__text b{ display:block; font-family:var(--font-display, inherit); font-weight:700; font-size:16px;
  color:var(--on-dark, var(--footer-ink, #fff)); }
.nl__text span{ font-size:13.5px; color:var(--on-dark-dim, var(--footer-dim, #ccc)); }
.nl__note{ font-size:13.5px; font-weight:600; color:var(--on-dark, var(--footer-ink, #fff)); }
.nl__form{ display:flex; flex-direction:column; gap:10px; }
.nl__row{ display:flex; gap:8px; flex-wrap:wrap; }
.nl__row input[type="email"]{ flex:1; min-width:200px; font-family:inherit; font-size:15px;
  color:var(--on-dark, var(--footer-ink, #fff)); background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22); border-radius:var(--r-sm, 10px); padding:13px 15px; transition:.2s; }
.nl__row input[type="email"]::placeholder{ color:var(--on-dark-faint, var(--footer-dim, #aaa)); }
.nl__row input[type="email"]:focus{ outline:none; border-color:var(--clay, var(--accent, #c2673a)); background:rgba(255,255,255,.12); }
.nl__consent{ display:flex; gap:9px; align-items:flex-start; font-size:12.5px; line-height:1.5;
  color:var(--on-dark-dim, var(--footer-dim, #ccc)); cursor:pointer; }
.nl__consent input{ margin-top:2px; flex:none; accent-color:var(--clay, var(--accent, #c2673a)); }
.nl__consent a{ color:inherit; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }
.nl__consent a:hover{ color:var(--on-dark, var(--footer-ink, #fff)); }

/* ============================================================
   WITHDRAWAL FORM AND RECEIPT ("Raskid ugovora", čl. 81.a ZZP)
   The cards, rows and fields come from the theme (.co-card, .frow, .field);
   only what the theme has no word for lives here.
   ============================================================ */
.accredo-withdrawal .req{ color:var(--brand, var(--clay, #c2673a)); }
.accredo-withdrawal .field .opt{ font-weight:500; color:var(--ink-3, #777); font-size:12px; }
.accredo-withdrawal__declaration{
  font-size:15px; line-height:1.55; font-weight:600; color:var(--ink, inherit);
  border-left:3px solid var(--brand, var(--clay, #c2673a));
  padding:12px 16px; margin:0 0 18px;
  background:var(--brand-tint, var(--surface-2, rgba(0,0,0,.04)));
  border-radius:0 var(--r-card, 12px) var(--r-card, 12px) 0;
}
.accredo-withdrawal__choice{ border:0; padding:0; margin:0 0 16px; min-width:0; }
.accredo-withdrawal__choice legend{ font-size:12.5px; font-weight:600; color:var(--ink-2, inherit); margin-bottom:8px; padding:0; }
.accredo-radio{
  display:flex; align-items:center; gap:12px; padding:13px 16px; margin-bottom:10px; cursor:pointer;
  border:1.5px solid var(--line, #ddd); border-radius:var(--r-card, 12px); transition:.2s;
  font-size:14.5px; color:var(--ink, inherit);
}
.accredo-radio.on{ border-color:var(--brand, var(--clay, #c2673a)); background:var(--brand-tint, transparent); }
.accredo-radio input{ position:absolute; opacity:0; width:1px; height:1px; }
.accredo-radio .radio{ width:20px; height:20px; border-radius:50%; border:2px solid var(--line-2, #bbb); flex:none; display:grid; place-items:center; transition:.2s; }
.accredo-radio.on .radio{ border-color:var(--brand, var(--clay, #c2673a)); }
.accredo-radio.on .radio::after{ content:""; width:10px; height:10px; border-radius:50%; background:var(--brand, var(--clay, #c2673a)); }
.accredo-radio:focus-within{ outline:2px solid var(--brand, var(--clay, #c2673a)); outline-offset:2px; }
.accredo-withdrawal__other{ margin-top:6px; }
.accredo-withdrawal__paper{ margin-top:18px; }
.accredo-withdrawal__paper a{ text-decoration:underline; }

.accredo-receipt__card{ text-align:left; margin:26px auto 0; max-width:560px; }
.accredo-receipt__card .strow{ align-items:flex-start; }
.accredo-receipt__card .strow b{ text-align:right; max-width:60%; font-weight:600; color:var(--ink, inherit); white-space:normal; }
.accredo-receipt__card .accredo-withdrawal__declaration{ margin:16px 0 0; font-weight:500; }
.accredo-receipt__trader{ margin-top:18px; line-height:1.6; }

/* On paper only the receipt is wanted: chrome, drawer, banner and footer
   would waste the page and the consumer keeps this as evidence. */
@media print{
  body *{ visibility:hidden !important; }
  .accredo-receipt, .accredo-receipt *{ visibility:visible !important; }
  .accredo-receipt{ position:absolute; left:0; top:0; width:100%; max-width:none; padding:0; margin:0; color:#000; }
  .accredo-receipt__actions{ display:none !important; }
  .accredo-receipt .co-card{ border-color:#000; box-shadow:none; }
  .accredo-receipt .co-done__ic{ display:none; }
}