/* ───────────────────────────────────────────────────────────
   Freight-calculator  CSS  (v 2.9.1 – centre search button)
   ────────────────────────────────────────────────────────── */
:root{
	--fc-blue : #be2331;
	--fc-grey : #6b7280;
	--fc-light: #f4f4f6;
	--fc-font : "Helvetica Neue",Arial,sans-serif;
}

/* base */
.fc-wrapper, .fc-wrapper *{box-sizing:border-box;font-family:var(--fc-font)}
.fc-wrapper svg{display:inline-block;vertical-align:middle}

/* ── CALCULATOR BAR ───────────────────────────────────────── */
.fc-bar{
	display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px;
	background:var(--fc-light);padding:20px 24px;border-radius:14px
}

.fc-field{
	display:flex;flex-direction:column;position:relative;flex:1 1 260px
}
.fc-label{font-size:.85rem;color:var(--fc-grey);margin-bottom:4px}
.fc-input{
	width:100%;height:44px;padding:10px 12px;border:1px solid var(--fc-grey);
	border-radius:8px;font-size:1rem;background:#fff;color:#111
}

/* port dropdown (shown once country picked) */
.fc-port{display:none;margin-top:6px}

/* padded icon inputs (space on right) */
.fc-date .fc-input,
.fc-cont select.fc-input{padding-right:38px}

/* inline-icon container (pseudo-icons removed) */
.fc-ico{
	position:absolute;right:12px;top:50%;
	transform:translateY(-50%);pointer-events:none;color:var(--fc-grey)
}

/* swap arrow (desktop only) */
.fc-swap{
	background:none;border:none;padding:6px;border-radius:8px;
	cursor:pointer;color:var(--fc-blue);transition:background .15s;
	align-self:flex-start;margin-top:30px;flex:0 0 44px
}
.fc-swap:hover{background:rgba(0,0,0,.05)}
.fc-swap svg{width:20px;height:20px}

/* search button */
.fc-go{
	background:var(--fc-blue);color:#fff;border:none;
	padding:12px 18px;border-radius:10px;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	flex:0 0 56px;margin-left:12px;align-self:flex-start;margin-top:30px
}
.fc-go svg{width:18px;height:18px}
.fc-go:disabled{opacity:.6;cursor:not-allowed}

/* datalist suggestions */
.fc-suggest{position:absolute;left:0;right:0;top:100%;
	background:#fff;border:1px solid var(--fc-grey);border-top:none;
	max-height:220px;overflow:auto;z-index:30}
.fc-suggest div{padding:6px 10px;font-size:.9rem;cursor:pointer}
.fc-suggest div:hover{background:var(--fc-light)}

/* ── PRICE SLAB ───────────────────────────────────────────── */
#fc-output{margin-top:28px}
.fc-quote{
	background:#fff;border:1px solid var(--fc-grey);
	border-radius:14px;padding:20px;max-width:640px
}
.fc-quote h3{margin:0 0 6px;font-size:1.15rem;color:var(--fc-blue)}
.fc-quote p{margin:4px 0}

/* ── LEAD FORM (“Estimate”) ───────────────────────────────── */
.fc-lead{
	margin-top:28px;background:var(--fc-light);border-radius:14px;
	padding:24px 28px;max-width:760px
}
.fc-lead .fc-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}
.fc-lead .fc-input-wrap{flex:1 1 240px;display:flex;flex-direction:column}

.fc-lead label{
	font-size:.9rem;color:var(--fc-grey);margin-bottom:4px;
	display:flex;align-items:center;gap:4px
}
.fc-lead .fc-input{
	height:44px;padding:10px 12px;border:1px solid var(--fc-grey);
	border-radius:8px;background:#fff;font-size:1rem
}
.fc-lead textarea.fc-input{min-height:100px;height:auto;resize:vertical}
.fc-lead .fc-submit{
	margin-top:10px;padding:12px 26px;border:none;border-radius:10px;
	background:var(--fc-blue);color:#fff;font-size:1rem;font-weight:600;
	cursor:pointer;transition:background .15s
}

/* thank-you text */
#fc-output>p{text-align:center;color:#fff;font-size:1rem;margin-top:18px}

/* ───────────────────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ────────────────────────────────────────────────────────── */

/* Tablet ( ≤1023 px ) – two rows, centred search */
@media(max-width:1023px){
	.fc-bar{flex-wrap:wrap}
	.fc-field{flex:1 1 calc(50% - 12px)}

	.fc-swap{display:none}
	.fc-go{
		order:99;margin:24px auto 0;align-self:center
	}
}

/* Phone ( ≤767 px ) – stacked */
@media(max-width:767px){
	.fc-bar{flex-wrap:wrap}
	.fc-field{flex:1 1 100%}

	.fc-swap{display:none}
	.fc-go{
		order:99;margin:24px auto 0;align-self:center
	}
}