/* ==========================================================================
   OPRANIC - WPForms styling
   --------------------------------------------------------------------------
   Laddas via opranic_conditional_styles() bara på sidor som har
   WPForms-shortcode (detekteras via opranic_page_has_wpforms()).

   Innehåll:
     1. Submit Button - orange brand-färg (från WPCode 14939)
     2. Placeholder text-styling (från WPCode 15026)
     3. Manual CSS för formulär #8668 (från WPCode 15077)

   ⚠️ HARDCODED FORM-ID: #wpforms-8668 (sektion 3) bryts om formuläret
   ändras eller dupliceras. Skuld noterad.

   Version: 2026-04-30 (refactor v2.5 - skapad ny från WPCode-snippets)
   ========================================================================== */

/* ==========================================================================
   1. SUBMIT BUTTON - Orange brand-färg
   ========================================================================== */

:root {
    --wpforms-button-background-color: #EE9305 !important;
    --wpforms-button-text-color: #ffffff !important;
}

.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
    width: 100% !important;
    font-size: 1.0em !important;
    background-color: #EE9305 !important;
    color: #fff !important;
    border: 2px double #fff !important;
}

/* ==========================================================================
   2. PLACEHOLDER TEXT (alla WPForms-fält)
   ========================================================================== */

.wpforms-container .wpforms-field ::-webkit-input-placeholder {
    color: #5e5e5e !important;
}
.wpforms-container .wpforms-field :-moz-placeholder {
    color: #5e5e5e !important;
    opacity: 1 !important;
}
.wpforms-container .wpforms-field ::-moz-placeholder {
    color: #5e5e5e !important;
    opacity: 1 !important;
}
.wpforms-container .wpforms-field :-ms-input-placeholder {
    color: #5e5e5e !important;
}
.wpforms-container .wpforms-field ::-ms-input-placeholder {
    color: #5e5e5e !important;
}
.wpforms-container .wpforms-field ::placeholder {
    color: #5e5e5e !important;
}

/* ==========================================================================
   3. MANUAL CSS FÖR FORMULÄR #8668 (kontaktformulär)
   ⚠️ Hardcoded form-ID. Bryts om formuläret döps om/dupliceras.
   ========================================================================== */

#wpforms-8668 .wpforms-field-container .wpforms-field {
    padding: 2px !important;
}

#wpforms-8668 .wpforms-field-container .wpforms-field input,
#wpforms-8668 .wpforms-field-container .wpforms-field textarea,
#wpforms-8668 .wpforms-field-container .wpforms-field select {
    padding: 5px !important;
}

#wpforms-8668 .wpforms-field {
    margin-bottom: 5px !important;
}

#wpforms-8668 .wpforms-field ::-webkit-input-placeholder {
    color: #ffffff !important;
}
#wpforms-8668 .wpforms-field :-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}
#wpforms-8668 .wpforms-field ::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}
#wpforms-8668 .wpforms-field :-ms-input-placeholder {
    color: #ffffff !important;
}
#wpforms-8668 .wpforms-field ::-ms-input-placeholder {
    color: #ffffff !important;
}
#wpforms-8668 .wpforms-field ::placeholder {
    color: #ffffff !important;
}

/* === SLUT på WPForms CSS ================================================= */