/* FFO Medlemsregister – innmelding/utmelding på nettsiden. */
.ffo-mr { --ffo-blue: #5271ff; --ffo-ink: #1f2937; --ffo-mute: #6b7280; --ffo-line: #d1d5db; }
.ffo-mr [hidden] { display: none !important; }

/* Discreet segmented toggle: Bli medlem | Meld deg ut */
.ffo-toggle { display: inline-flex; gap: 2px; padding: 3px; margin: 0 0 22px; border: 1px solid var(--ffo-line); border-radius: 999px; background: #f6f7f9; }
.ffo-mr .ffo-toggle button { appearance: none; border: 0 !important; background: transparent !important; color: var(--ffo-mute) !important; font: inherit; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; padding: 9px 16px !important; margin: 0 !important; min-height: 0 !important; border-radius: 999px !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.ffo-mr .ffo-toggle button.is-on { background: #fff !important; color: var(--ffo-ink) !important; font-weight: 600 !important; box-shadow: 0 1px 3px rgba(0,0,0,.15) !important; }
.ffo-toggle button:focus-visible { outline: 2px solid var(--ffo-blue); outline-offset: 2px; }

.ffo-lead { margin: 0 0 6px; padding: 0 0.65rem; }
.ffo-mr .ffo-toggle { display: flex; width: max-content; margin: 0 auto 6px; }
#responsive-form-ut .column-full { float: left; width: 100%; padding: 0.65rem; box-sizing: border-box; }


.ffo-wpcf7 input:not([type=hidden]) { width: 100% !important; } /* = the site's .wpcf7 input rule */
.ffo-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.ffo-msg { margin: 0 0 14px; padding: 10px 12px; border-left: 4px solid #d63638; background: #fcf0f1; }
.ffo-submit:disabled { opacity: .6; cursor: wait; }
/* blå standard, sort ved hover – som «Bli medlem»-knappen på forsiden */
.ffo-mr input.ffo-submit { background: #5271ff !important; border: 1px solid #4a66e6 !important; color: #fff !important; transition: background-color .2s, border-color .2s; }
.ffo-mr input.ffo-submit:hover, .ffo-mr input.ffo-submit:focus { background: #000 !important; border-color: #000 !important; }
.ffo-mr .ffo-note { clear: both; padding-top: 22px; margin: 0 0 80px; }

.ffo-done { margin: 20px 0.65rem 0; padding: 22px 24px; border-left: 4px solid var(--ffo-blue); background: #f2f4ff; font-size: 17px; }
.ffo-done p { margin: 0; }

.ffo-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(17,24,39,.55); }
.ffo-modal-box { width: 100%; max-width: 440px; padding: 28px 28px 22px; background: #fff; border-radius: 8px; border-top: 6px solid var(--ffo-blue); box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.ffo-modal-box h4 { margin: 0 0 10px; }
.ffo-modal-box p { margin: 0 0 12px; }
.ffo-modal-mail a { color: var(--ffo-blue); font-weight: 600; }
.ffo-modal-close { margin-top: 6px; padding: 9px 20px; border: 1px solid var(--ffo-line); border-radius: 4px; background: #fff; font: inherit; cursor: pointer; }