/* Innsending av tips (ressurser/) og gründertilbud (tilbud/), på begge språk.
   Skjemaene folder seg ut i seksjonen de hører til; resten av stilen er den
   samme som i meld-inn/ (tg.css og brand.css). */

/* Nedtrekkslisten får samme form som tekstfeltene. */
.felt select {
  font: inherit; font-weight: 400; font-size: 16.5px; color: var(--kyst);
  padding: 12px 14px; border: 1.5px solid #839281; border-radius: 7px; background: var(--papir); width: 100%; min-height: 50px;
}
.felt select:focus { outline: none; border-color: var(--aksent); box-shadow: 0 0 0 3px var(--aksent-lys); }
.felt select:focus-visible { outline: 3px solid #264957; outline-offset: 3px; box-shadow: none; }

/* Panelet som folder seg ut under knappen. */
.innsending { margin-top: 28px; max-width: 760px; }
.innsending[hidden] { display: none; }
.innsending .skjema { color: var(--kyst); }
.innsending .skjema > .knapp { justify-self: start; }
.innsending .kvittering { background: #fffdf7; color: var(--kyst); border-color: #264957; border-radius: 18px; }
.innsending .kvittering p { color: var(--kyst); }
.innsending .status:empty { display: none; }

/* Tips: knappen ligger i den lyse sandflaten på ressurssiden. */
.tips .innsending .skjema { background: #fffdf7; }
.tips .innsending .knapp { background: #264957; color: #f7f5ef; border-color: #264957; }
.tips .innsending .knapp--sekundar { background: #f7f5ef; color: #264957; }
.tips .innsending p { color: var(--kyst) !important; }
.tips .innsending .merknad { color: var(--dempet) !important; }

/* Tilbud: seksjonen stables, så skjemaet får full bredde under teksten. */
.send-tilbud--aapen { grid-template-columns: 1fr; }
.send-tilbud--aapen > .knapp { justify-self: start; }

/* Godkjente tilbud fra API-et, under de faste tilbudene. Samme kort, lavere plakat. */
.tilbud--innsendt .tilbud__plakat { min-height: 0; gap: 34px; background: #805e48; }
.tilbud--innsendt .tilbud__tittel { font-family: 'Hanken Grotesk', 'Plex Sans', sans-serif; font-weight: 700; font-size: clamp(32px, 3.4vw, 46px) !important; line-height: 1.05; letter-spacing: -.03em !important; color: #f7f5ef; overflow-wrap: anywhere; }
.tilbud--innsendt .tilbud__plakat .dato { border-top-color: #ffdb59; }
.tilbud--innsendt .tilbud__innhold p { white-space: pre-line; overflow-wrap: anywhere; }
.tilbud--innsendt .fakta-tilbud { margin-top: 22px; }
.tilbud--innsendt .fakta-tilbud dd { white-space: pre-line; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .innsending { margin-top: 22px; }
  .innsending .skjema > .knapp { width: 100%; justify-self: stretch; }
  .tips .innsending p { font-size: 15px; }
  .tilbud--innsendt .tilbud__plakat { min-height: 0; }
  .tilbud--innsendt .tilbud__tittel { font-size: 34px !important; }
}