/*
 * theme-fixes.css — små korrigeringar ovanpå den byggda style.css.
 *
 * Fristående fil (byggs INTE via Sass/Mix), enqueue:ad efter site-css.
 * Motsvarande regler speglas i src/scss/components/_forms.scss så att en
 * framtida ombyggnad av temat behåller dem.
 */

/*
 * Göm Gravity Forms honeypot / anti-spam-fält.
 *
 * Temat stylar formulären själv och GF:s egen CSS (som normalt gömmer detta
 * fält) är avstängd, så honeypot-fältet — "Detta fält används för
 * valideringsändamål och ska lämnas oförändrat" — syntes i t.ex.
 * nyhetsbrevsformuläret. Gäller både äldre (.gform_validation_container) och
 * nyare (.gfield_visibility_hidden) markup.
 *
 * Placeras utanför skärmen (inte display:none) så honeypot-logiken fortsatt
 * fungerar mot spam-bottar, men är osynlig för människor.
 */
.gform_wrapper .gform_validation_container,
.gform_wrapper .gfield_visibility_hidden,
.gform_validation_container,
li.gfield.gfield_visibility_hidden {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/*
 * Nyhetsbrevsformulär — putsa layouten.
 *
 * GF:s egen CSS är avstängd, så fält-etiketterna ("E-post", "Samtycke") visas
 * och knuffar SKICKA-knappen ur linje med e-postfältet. Designen använder
 * placeholder ("E-postadress"), så etiketterna döljs visuellt (kvar för
 * skärmläsare). Konsent-texten ("Jag godkänner…") är .gfield_consent_label och
 * påverkas inte.
 */
.newsletter-form .gfield_label {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Lägg e-postfält och SKICKA-knapp i linje och sammanfoga dem till EN pill
   (fältet rundat till vänster, knappen till höger, ingen glipa). */
@media (min-width: 640px) {
  .newsletter-form .gform_footer {
    align-items: center !important;
    padding-left: 0 !important;
  }

  .newsletter-form .gform_body {
    padding-right: 0 !important;
  }

  /* E-postfältet fyller sin halva och rundas bara till vänster. */
  .newsletter-form input[type="email"] {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 99px 0 0 99px !important;
  }

  /* SKICKA-knappen sitter tätt intill och rundas bara till höger. */
  .newsletter-form .gform_footer input[type="submit"] {
    margin: 0 !important;
    border-radius: 0 99px 99px 0 !important;
  }
}