/* Fooppers WCR — frontend capture widget */
#fwcr-capture {
	--c: #c1272d;
	--cream: #fbf6ee;
	--ink: #2a2320;
	font-family: 'DM Sans', -apple-system, system-ui, sans-serif;
	position: fixed;
	z-index: 99990;
	box-sizing: border-box;
}
#fwcr-capture *, #fwcr-capture *::before, #fwcr-capture *::after { box-sizing: border-box; }

/* Desktop / tablet: slide-in card bottom-right */
#fwcr-capture {
	right: 22px; bottom: 22px; width: 320px;
	background: #fff; border-radius: 16px;
	box-shadow: 0 18px 50px -16px rgba(42,35,32,.4);
	border: 1px solid #ece2d4;
	transform: translateY(140%); opacity: 0;
	transition: transform .4s cubic-bezier(.2,.8,.2,1), opacity .3s;
	overflow: hidden;
}
#fwcr-capture.fwcr-show { transform: translateY(0); opacity: 1; }

.fwcr-cap-head { background: linear-gradient(120deg, #c1272d, #9a1f24); color: #fff; padding: 16px 18px; position: relative; }
.fwcr-cap-head h3 { margin: 0; font-size: 16px; font-weight: 700; }
.fwcr-cap-head p { margin: 3px 0 0; font-size: 12.5px; color: #f7dcdc; }
.fwcr-cap-close { position: absolute; top: 10px; right: 12px; background: none; border: 0; color: #fff; font-size: 20px; cursor: pointer; opacity: .85; line-height: 1; }

.fwcr-cap-body { padding: 16px 18px; }
.fwcr-cap-body input[type=text], .fwcr-cap-body input[type=tel] {
	width: 100%; padding: 11px 12px; margin-bottom: 10px;
	border: 1px solid #e9dfd2; border-radius: 10px; font: inherit; background: var(--cream);
}
.fwcr-cap-body input:focus { outline: 2px solid var(--c); border-color: transparent; }
.fwcr-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; color: #6b625b; margin-bottom: 12px; line-height: 1.4; }
.fwcr-consent input { margin-top: 2px; accent-color: var(--c); }
.fwcr-cap-submit { width: 100%; background: var(--c); color: #fff; border: 0; padding: 12px; border-radius: 10px; font: inherit; font-weight: 700; cursor: pointer; transition: .15s; }
.fwcr-cap-submit:hover { background: #9a1f24; }
.fwcr-cap-submit:disabled { opacity: .6; cursor: default; }
.fwcr-cap-msg { font-size: 12.5px; margin-top: 8px; text-align: center; }
.fwcr-cap-msg.ok { color: #1e8a4c; }
.fwcr-cap-msg.err { color: var(--c); }

/* Mobile: full-width sticky bottom bar */
@media (max-width: 600px) {
	#fwcr-capture { right: 0; left: 0; bottom: 0; width: 100%; border-radius: 16px 16px 0 0; }
	#fwcr-capture.fwcr-show { transform: translateY(0); }
}