/* // ROCKFISH LEADS: COLOURS // */
.rfl-form, .rfl-modal {
	--rfl-ink: #12222B;
	--rfl-teal: #00ACBC;
	--rfl-teal-dark: #007C88;
	--rfl-mist: #EEF7F8;
	--rfl-line: #9CC9CF;
	--rfl-muted: #33505E;
	--rfl-btn: #D96A0B;
	--rfl-btn-text: #FFFFFF;
	--rfl-btn-hover: #B4570A;
}

/* // ROCKFISH LEADS: FORM BASE // */
#top .rfl-form, .rfl-form { font-size: 16px; color: var(--rfl-ink); margin: 0; }
#top .rfl-form fieldset, .rfl-form fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
#top .rfl-form legend, .rfl-form legend { font-weight: 800; font-size: 20px; margin: 0 0 14px; padding: 0; color: var(--rfl-ink); }
.rfl-title { font-weight: 800; font-size: 22px; margin: 0 0 10px; color: var(--rfl-ink); }
#top .rfl-form label, .rfl-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: 15px; margin: 0 0 14px; color: var(--rfl-ink); }
#top .rfl-form input[type=text], #top .rfl-form input[type=email], #top .rfl-form input[type=tel], #top .rfl-form input[type=number], #top .rfl-form input[type=date], #top .rfl-form select, #top .rfl-form textarea,
.rfl-form input[type=text], .rfl-form input[type=email], .rfl-form input[type=tel], .rfl-form input[type=number], .rfl-form input[type=date], .rfl-form select, .rfl-form textarea {
	width: 100%; box-sizing: border-box; min-height: 48px; border: 1px solid var(--rfl-line); border-radius: 10px;
	padding: 10px 12px; font-size: 16px; font-family: inherit; color: var(--rfl-ink); background: #fff; margin: 0; box-shadow: none;
}
#top .rfl-form textarea, .rfl-form textarea { min-height: 110px; }
#top .rfl-form .rfl-error, .rfl-form .rfl-error { border-color: #C0392B !important; outline: 2px solid rgba(192, 57, 43, .15); }
.rfl-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 14px; }
#top .rfl-form .rfl-check, .rfl-form .rfl-check { flex-direction: row; align-items: center; gap: 10px; font-weight: 600; min-height: 48px; }
.rfl-check input { width: 20px; height: 20px; margin: 0; accent-color: var(--rfl-teal-dark); }
.rfl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* // ROCKFISH LEADS: OCCASION CHIPS // */
.rfl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; border-radius: 12px; }
.rfl-chips.rfl-error { outline: 2px solid rgba(192, 57, 43, .35); outline-offset: 4px; }
#top .rfl-form .rfl-chip, .rfl-form .rfl-chip { display: inline-flex; margin: 0; flex-direction: row; }
.rfl-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rfl-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 2px solid var(--rfl-line); border-radius: 999px; background: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
#top .rfl-chip input:checked + span, .rfl-chip input:checked + span { background: #00ADBC; border-color: #00ADBC; color: #fff !important; }
.rfl-chip input:focus-visible + span { outline: 3px solid var(--rfl-teal); outline-offset: 2px; }

/* // ROCKFISH LEADS: STEPS + PROGRESS // */
.rfl-step { display: none; }
.rfl-step.is-active { display: block; }
.rfl-progress { display: flex; gap: 6px; margin: 0 0 18px; }
.rfl-progress span { flex: 1; height: 6px; border-radius: 6px; background: #DCEBED; }
.rfl-progress span.is-on { background: var(--rfl-teal); }
.rfl-nav { display: flex; gap: 10px; flex-wrap: wrap; }

/* // ROCKFISH LEADS: BUTTONS // */
#top .rfl-btn, .rfl-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 30px; border: 0; border-radius: 999px;
	background: var(--rfl-btn); color: var(--rfl-btn-text); font-weight: 800; font-size: 18px; cursor: pointer; font-family: inherit; line-height: 1;
}
#top .rfl-btn:hover, .rfl-btn:hover { background: var(--rfl-btn-hover); color: var(--rfl-btn-text); }
#top .rfl-btn[disabled], .rfl-btn[disabled] { opacity: .6; cursor: wait; }
#top .rfl-ghost, .rfl-ghost { background: #fff; color: var(--rfl-ink); border: 2px solid var(--rfl-ink); }
#top .rfl-ghost:hover, .rfl-ghost:hover { background: var(--rfl-mist); color: var(--rfl-ink); }
.rfl-wide { width: 100%; }

/* // ROCKFISH LEADS: MESSAGES // */
.rfl-msg:empty { display: none; }
.rfl-msg { margin-top: 14px; padding: 14px 16px; border-radius: 12px; font-weight: 700; }
.rfl-msg.is-error { background: #FDECEA; color: #8E2A1E; }
.rfl-msg.is-success { background: var(--rfl-mist); color: var(--rfl-ink); border: 2px solid var(--rfl-teal); }
.rfl-form.is-done .rfl-step, .rfl-form.is-done .rfl-row, .rfl-form.is-done .rfl-check, .rfl-form.is-done .rfl-progress, .rfl-form.is-done > .rfl-btn, .rfl-form.is-done .rfl-title { display: none !important; }

/* // ROCKFISH LEADS: PROMO POP-UP // */
.rfl-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(18, 34, 43, .6); display: flex; align-items: center; justify-content: center; padding: 16px; }
.rfl-modal[hidden] { display: none; }
.rfl-modal-box { position: relative; width: 100%; max-width: 460px; background: #fff; border-radius: 22px; padding: 30px 26px 24px; box-sizing: border-box; max-height: calc(100vh - 32px); overflow: auto; }
#top .rfl-close, .rfl-close { position: absolute; top: 8px; right: 10px; width: 44px; height: 44px; border: 0; background: transparent; font-size: 30px; line-height: 1; color: var(--rfl-ink); cursor: pointer; }
.rfl-modal-title { font-weight: 900; font-size: 26px; line-height: 1.1; margin: 0 0 8px; color: var(--rfl-ink); text-transform: uppercase; }
.rfl-modal-sub { color: var(--rfl-muted); margin: 0 0 18px; }
html.rfl-lock { overflow: hidden; }
