/* =========================================================
   WooCommerce Call Auth — Frontend (v3.5.5)
   Fully namespaced under .wcca-*, with theme-override protection.
========================================================= */

/* ---- CSS custom properties (root scope) ---- */
:root {
	--wcca-primary: #09407f;
	--wcca-primary-hover: #082f5d;
	--wcca-accent: #4caf50;
	--wcca-error: #d94848;
	--wcca-success: #2e9e5e;
	--wcca-text: #1f2937;
	--wcca-text-light: #6b7280;
	--wcca-surface: #ffffff;
	--wcca-surface-2: #f4f7fb;
	--wcca-border: #e0e6ee;
	--wcca-radius: 12px;
	--wcca-radius-lg: 18px;
	--wcca-shadow: 0 8px 30px rgba(9, 64, 127, .08);
	--wcca-transition: .22s cubic-bezier(.4, 0, .2, 1);
	--wcca-card-max: 480px;
}

/* ---- Container — box the plugin in and reset inheritable properties ---- */
.wcca-forms {
	all: initial;
	display: block !important;
	box-sizing: border-box !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: var(--wcca-text) !important;
	text-align: left !important;
	width: 100% !important;
}
.wcca-forms *,
.wcca-forms *::before,
.wcca-forms *::after {
	box-sizing: border-box !important;
	font-family: inherit;
}

/* ---- Card ---- */
.wcca-forms .wcca-card {
	max-width: var(--wcca-card-max) !important;
	width: 100% !important;
	margin: 30px auto !important;
	background: var(--wcca-surface) !important;
	border: 1px solid var(--wcca-border) !important;
	border-radius: var(--wcca-radius-lg) !important;
	box-shadow: var(--wcca-shadow) !important;
	padding: 28px !important;
	color: var(--wcca-text) !important;
	position: relative !important;
	overflow: visible !important;
}

/* ---- Tabs ---- */
.wcca-forms .wcca-tabs {
	display: flex !important;
	gap: 6px !important;
	padding: 4px !important;
	background: var(--wcca-surface-2) !important;
	border-radius: 12px !important;
	margin: 0 0 22px !important;
	list-style: none !important;
}
.wcca-forms .wcca-tab {
	flex: 1 !important;
	background: transparent !important;
	border: 0 !important;
	margin-bottom: 0 !important;
	padding: 10px 12px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	color: var(--wcca-text-light) !important;
	cursor: pointer !important;
	border-radius: 8px !important;
	transition: var(--wcca-transition) !important;
	text-align: center !important;
	line-height: 1.2 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	min-height: 0 !important;
	height: auto !important;
	width: auto !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
.wcca-forms .wcca-tab.is-active {
	background: var(--wcca-surface) !important;
	color: var(--wcca-primary) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06) !important;
}

/* ---- Panes & steps ---- */
.wcca-forms .wcca-pane { display: none !important; }
.wcca-forms .wcca-pane.is-active { display: block !important; }
.wcca-forms .wcca-step { display: none !important; }
.wcca-forms .wcca-step.is-active { display: block !important; }

/* ---- Field ---- */
.wcca-forms .wcca-field {
	position: relative !important;
	margin: 0 0 16px !important;
}
.wcca-forms .wcca-input {
	width: 100% !important;
	height: 58px !important;
	padding: 22px 44px 8px 16px !important;
	background: var(--wcca-surface-2) !important;
	border: 2px solid transparent !important;
	border-radius: var(--wcca-radius) !important;
	color: var(--wcca-text) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	outline: none !important;
	transition: var(--wcca-transition) !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	box-shadow: none !important;
	max-width: 100% !important;
	min-width: 0 !important;
	display: block !important;
}
.wcca-forms .wcca-input:hover { background: #eef3f8 !important; }
.wcca-forms .wcca-input:focus {
	background: #fff !important;
	border-color: var(--wcca-primary) !important;
	box-shadow: 0 0 0 4px rgba(9, 64, 127, .1) !important;
}
.wcca-forms .wcca-field label {
	position: absolute !important;
	top: 20px !important;
	left: 16px !important;
	font-size: 15px !important;
	color: var(--wcca-text-light) !important;
	pointer-events: none !important;
	transition: var(--wcca-transition) !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	transform: none !important;
	text-transform: none !important;
}
.wcca-forms .wcca-field .wcca-input:focus + label,
.wcca-forms .wcca-field .wcca-input:not(:placeholder-shown) + label {
	top: 8px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: var(--wcca-primary) !important;
	letter-spacing: .3px !important;
	text-transform: uppercase !important;
}

/* Eye icon */
.wcca-forms .wcca-eye {
	position: absolute !important;
	right: 8px !important;
	top: 12px !important;
	width: 34px !important;
	height: 34px !important;
	border: 0 !important;
	background: transparent !important;
	cursor: pointer !important;
	color: var(--wcca-text-light) !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: var(--wcca-transition) !important;
	padding: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	min-height: 0 !important;
	box-shadow: none !important;
}
.wcca-forms .wcca-eye:hover { color: var(--wcca-primary) !important; background: rgba(9, 64, 127, .06) !important; }
.wcca-forms .wcca-eye::before {
	content: "" !important;
	width: 22px !important;
	height: 22px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8Z'/><circle cx='12' cy='12' r='3'/></svg>") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.wcca-forms .wcca-eye.is-off::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.94 17.94A10.94 10.94 0 0 1 12 20c-7 0-11-8-11-8a19.85 19.85 0 0 1 4.16-5.35'/><path d='M9.9 4.24A10.94 10.94 0 0 1 12 4c7 0 11 8 11 8a19.85 19.85 0 0 1-3.16 4.19'/><path d='M1 1l22 22'/></svg>") !important;
}

/* ---- Password strength meter (gradient red→green) ---- */
.wcca-forms .wcca-strength {
	margin: -6px 0 12px !important;
	padding: 0 2px !important;
}
.wcca-forms .wcca-strength-bar {
	position: relative !important;
	height: 8px !important;
	background: var(--wcca-border) !important;
	border-radius: 4px !important;
	overflow: hidden !important;
}
/* The fill is a FULL-WIDTH red→green gradient that is masked from the right
   via clip-path. As the score grows, the mask retreats and the "hotter"
   part of the gradient becomes visible — the color you see is always the
   actual point on the red-to-green scale, not a solid tint. */
.wcca-forms .wcca-strength-fill {
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	background: linear-gradient(90deg,
		#d94848 0%,
		#e07c3f 25%,
		#e6b93a 50%,
		#4fa858 75%,
		#2e9e5e 100%) !important;
	clip-path: inset(0 100% 0 0);
	-webkit-clip-path: inset(0 100% 0 0);
	transition: clip-path var(--wcca-transition), -webkit-clip-path var(--wcca-transition) !important;
	border-radius: 4px !important;
}
.wcca-forms .wcca-strength[data-score="1"] .wcca-strength-fill { clip-path: inset(0 75% 0 0); -webkit-clip-path: inset(0 75% 0 0); }
.wcca-forms .wcca-strength[data-score="2"] .wcca-strength-fill { clip-path: inset(0 50% 0 0); -webkit-clip-path: inset(0 50% 0 0); }
.wcca-forms .wcca-strength[data-score="3"] .wcca-strength-fill { clip-path: inset(0 25% 0 0); -webkit-clip-path: inset(0 25% 0 0); }
.wcca-forms .wcca-strength[data-score="4"] .wcca-strength-fill { clip-path: inset(0 0   0 0); -webkit-clip-path: inset(0 0   0 0); }

.wcca-forms .wcca-strength-label {
	margin-top: 6px !important;
	font-size: 12px !important;
	color: var(--wcca-text-light) !important;
	letter-spacing: .01em !important;
}
.wcca-forms .wcca-strength-text {
	font-weight: 700 !important;
	color: var(--wcca-text) !important;
}
.wcca-forms .wcca-strength[data-score="1"] .wcca-strength-text { color: #d94848 !important; }
.wcca-forms .wcca-strength[data-score="2"] .wcca-strength-text { color: #b78200 !important; }
.wcca-forms .wcca-strength[data-score="3"] .wcca-strength-text { color: #2e9e5e !important; }
.wcca-forms .wcca-strength[data-score="4"] .wcca-strength-text { color: #1d7d4a !important; }

/* ---- Buttons ---- */
.wcca-forms .wcca-btn {
	display: block !important;
	width: 100% !important;
	height: 52px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	border: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: var(--wcca-transition) !important;
	text-align: center !important;
	line-height: 52px !important;
	text-decoration: none !important;
	color: #fff !important;
	margin: 4px 0 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	min-height: 0 !important;
	max-width: 100% !important;
}
.wcca-forms .wcca-btn + .wcca-btn { margin-top: 10px !important; }
.wcca-forms .wcca-btn-primary {
	background: var(--wcca-primary) !important;
	box-shadow: 0 4px 12px rgba(9, 64, 127, .18) !important;
	color: #fff !important;
}
.wcca-forms .wcca-btn-primary:hover { background: var(--wcca-primary-hover) !important; transform: translateY(-1px); color:#fff !important; }
.wcca-forms .wcca-btn-primary:active { transform: translateY(0); }
.wcca-forms .wcca-btn-primary:disabled { opacity: .6 !important; cursor: not-allowed !important; transform: none !important; }
.wcca-forms .wcca-btn-ghost {
	background: transparent !important;
	color: var(--wcca-text-light) !important;
	border: 1px solid var(--wcca-border) !important;
	box-shadow: none !important;
}
.wcca-forms .wcca-btn-ghost:hover { background: var(--wcca-surface-2) !important; color: var(--wcca-primary) !important; }

/* ---- Links row ---- */
.wcca-forms .wcca-links {
	text-align: center !important;
	margin: 14px 0 0 !important;
	font-size: 13px !important;
	color: var(--wcca-text-light) !important;
	line-height: 1.5 !important;
}
.wcca-forms .wcca-links a {
	color: var(--wcca-primary) !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
}
.wcca-forms .wcca-links a:hover { text-decoration: underline !important; }
.wcca-forms .wcca-links span { margin: 0 6px !important; opacity: .5 !important; }

/* ---- Info / Note ---- */
.wcca-forms .wcca-info {
	padding: 20px !important;
	background: var(--wcca-surface-2) !important;
	border: 1px solid var(--wcca-border) !important;
	border-radius: var(--wcca-radius) !important;
	margin: 0 0 16px !important;
	font-size: 14px !important;
	color: var(--wcca-text) !important;
	line-height: 1.55 !important;
}
.wcca-forms .wcca-info p { margin: 0 0 10px !important; color: var(--wcca-text) !important; }
.wcca-forms .wcca-info p:last-child { margin-bottom: 0 !important; }
.wcca-forms .wcca-note {
	background: rgba(46, 158, 94, .1) !important;
	color: var(--wcca-success) !important;
	padding: 12px 14px !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
	margin: 0 0 14px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}
.wcca-forms .wcca-note-info {
	background: rgba(9, 64, 127, .08) !important;
	color: var(--wcca-primary) !important;
}

/* ---- Loading dots ---- */
.wcca-forms .wcca-loading-dots {
	display: flex !important;
	gap: 6px !important;
	justify-content: center !important;
	padding: 20px 0 8px !important;
}
.wcca-forms .wcca-loading-dots span {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	background: var(--wcca-primary) !important;
	animation: wccaBounce 1.2s infinite ease-in-out both !important;
}
.wcca-forms .wcca-loading-dots span:nth-child(1) { animation-delay: -0.32s !important; }
.wcca-forms .wcca-loading-dots span:nth-child(2) { animation-delay: -0.16s !important; }
@keyframes wccaBounce {
	0%, 80%, 100% { transform: scale(0.4); opacity: .3; }
	40%           { transform: scale(1);   opacity: 1;  }
}

/* ---- Timer ---- */
.wcca-forms .wcca-timer {
	margin: 12px 0 0 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--wcca-error) !important;
	text-align: center !important;
	letter-spacing: .3px !important;
}

/* =========================================================
   MODAL — portaled to <body>, isolated from theme styles
========================================================= */
#wcca-modal.wcca-modal {
	all: initial;
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 2147483000 !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	color: var(--wcca-text) !important;
	line-height: 1.5 !important;
}
#wcca-modal.wcca-modal.is-open { display: flex !important; }
#wcca-modal.wcca-modal *,
#wcca-modal.wcca-modal *::before,
#wcca-modal.wcca-modal *::after { box-sizing: border-box !important; font-family: inherit; }

#wcca-modal .wcca-modal-backdrop {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(15, 23, 42, .55) !important;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	margin: 0 !important;
	padding: 0 !important;
}
#wcca-modal .wcca-modal-panel {
	position: relative !important;
	width: 100% !important;
	max-width: 420px !important;
	max-height: calc(100vh - 32px) !important;
	overflow-y: auto !important;
	background: #fff !important;
	border-radius: 22px !important;
	padding: 28px 24px 24px !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .35) !important;
	animation: wccaModalIn .28s cubic-bezier(.16, 1, .3, 1);
	margin: 0 !important;
	color: var(--wcca-text) !important;
	line-height: 1.5 !important;
}
@keyframes wccaModalIn {
	from { opacity: 0; transform: translateY(24px) scale(.96); }
	to   { opacity: 1; transform: translateY(0)   scale(1);    }
}
#wcca-modal .wcca-modal-x {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	width: 32px !important;
	height: 32px !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--wcca-text-light) !important;
	font-size: 22px !important;
	line-height: 1 !important;
	cursor: pointer !important;
	border-radius: 8px !important;
	transition: var(--wcca-transition);
	padding: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
}
#wcca-modal .wcca-modal-x:hover { background: var(--wcca-surface-2) !important; color: var(--wcca-text) !important; }

#wcca-modal .wcca-modal-head { text-align: center !important; margin: 0 0 4px !important; }
#wcca-modal .wcca-modal-head h3 {
	margin: 0 0 4px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--wcca-text) !important;
	text-align: center !important;
	line-height: 1.3 !important;
	padding: 0 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
#wcca-modal .wcca-modal-hint {
	font-size: 13px !important;
	color: var(--wcca-text-light) !important;
	text-align: center !important;
	margin: 6px 0 10px !important;
	line-height: 1.5 !important;
	padding: 0 !important;
}
#wcca-modal .wcca-modal-hint-small { font-size: 12px !important; margin-top: 4px !important; }
#wcca-modal .wcca-modal-number {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--wcca-primary) !important;
	background: var(--wcca-surface-2) !important;
	padding: 14px 12px !important;
	border-radius: 12px !important;
	text-align: center !important;
	letter-spacing: 1px !important;
	margin: 12px 0 !important;
	word-break: break-all !important;
	line-height: 1.3 !important;
	border: 0 !important;
}
#wcca-modal .wcca-modal-timer {
	text-align: center !important;
	color: var(--wcca-error) !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	margin: 4px 0 8px !important;
	letter-spacing: .2px !important;
}
#wcca-modal .wcca-modal-progress {
	height: 4px !important;
	background: var(--wcca-surface-2) !important;
	border-radius: 2px !important;
	overflow: hidden !important;
	margin: 0 0 10px !important;
}
#wcca-modal .wcca-modal-progress-bar {
	display: block !important;
	height: 100% !important;
	width: 100% !important;
	background: var(--wcca-primary) !important;
	transition: width 1s linear !important;
	margin: 0 !important;
}
#wcca-modal .wcca-modal-actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin-top: 14px !important;
}
#wcca-modal .wcca-btn {
	display: block !important;
	width: 100% !important;
	height: 52px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	border: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	text-align: center !important;
	line-height: 52px !important;
	text-decoration: none !important;
	color: #fff !important;
	margin: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	min-height: 0 !important;
	transition: var(--wcca-transition);
	font-family: inherit !important;
}
#wcca-modal .wcca-btn-call {
	background: var(--wcca-accent) !important;
	box-shadow: 0 6px 18px rgba(76, 175, 80, .3) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	line-height: 1 !important;
	color: #fff !important;
}
#wcca-modal .wcca-btn-call:hover { filter: brightness(1.05); color: #fff !important; }
#wcca-modal .wcca-btn-call:visited { color: #fff !important; }
#wcca-modal .wcca-btn-ghost {
	background: transparent !important;
	color: var(--wcca-text-light) !important;
	border: 1px solid var(--wcca-border) !important;
	box-shadow: none !important;
}
#wcca-modal .wcca-btn-ghost:hover { background: var(--wcca-surface-2) !important; color: var(--wcca-primary) !important; }

.wcca-icon-phone::before {
	content: "" !important;
	width: 20px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'/></svg>") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* ---- Toast ---- */
#wcca-toast.wcca-toast {
	all: initial;
	position: fixed !important;
	left: 50% !important;
	bottom: 28px !important;
	transform: translateX(-50%) translateY(120%);
	background: #1f2937 !important;
	color: #fff !important;
	padding: 12px 20px !important;
	border-radius: 12px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .25) !important;
	opacity: 0;
	pointer-events: none;
	z-index: 2147483001 !important;
	max-width: calc(100% - 40px) !important;
	text-align: center !important;
	transition: transform .35s cubic-bezier(.16, 1, .3, 1), opacity .35s !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
}
#wcca-toast.wcca-toast.is-visible {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
}
#wcca-toast.wcca-toast.is-success { background: var(--wcca-success) !important; }
#wcca-toast.wcca-toast.is-error   { background: var(--wcca-error) !important; }
#wcca-toast.wcca-toast.is-info    { background: var(--wcca-primary) !important; }
#wcca-toast.wcca-toast.is-warning { background: #d97706 !important; }

/* ---- MOBILE — <= 640px ---- */
@media (max-width: 640px) {
	.wcca-forms .wcca-card {
		margin: 16px auto !important;
		padding: 22px 18px !important;
		border-radius: 16px !important;
	}
	.wcca-forms .wcca-tab { font-size: 12px !important; padding: 9px 8px !important; }
	.wcca-forms .wcca-input { height: 54px !important; font-size: 16px !important; padding: 20px 40px 6px 14px !important; }
	.wcca-forms .wcca-field label { left: 14px !important; font-size: 14px !important; top: 18px !important; }
	.wcca-forms .wcca-field .wcca-input:focus + label,
	.wcca-forms .wcca-field .wcca-input:not(:placeholder-shown) + label { top: 6px !important; }
	.wcca-forms .wcca-btn { height: 50px !important; font-size: 15px !important; line-height: 50px !important; border-radius: 12px !important; }
	.wcca-forms .wcca-info { padding: 16px !important; font-size: 13px !important; }
	.wcca-forms .wcca-eye { top: 10px !important; }
	#wcca-modal.wcca-modal { padding: 12px !important; }
	#wcca-modal .wcca-modal-panel { padding: 24px 18px 20px !important; border-radius: 18px !important; }
	#wcca-modal .wcca-modal-number { font-size: 18px !important; padding: 12px 10px !important; letter-spacing: .5px !important; }
	#wcca-modal .wcca-modal-head h3 { font-size: 16px !important; }
	#wcca-modal .wcca-btn { height: 50px !important; line-height: 50px !important; font-size: 15px !important; }
	#wcca-modal .wcca-btn-call { line-height: 1 !important; }
	#wcca-toast.wcca-toast { bottom: 16px !important; font-size: 13px !important; padding: 10px 16px !important; }
}

/* ---- MOBILE SMALL — <= 380px ---- */
@media (max-width: 380px) {
	.wcca-forms .wcca-card { margin: 8px !important; padding: 18px 14px !important; }
	.wcca-forms .wcca-tab { font-size: 11px !important; padding: 8px 4px !important; }
	.wcca-forms .wcca-input { height: 50px !important; padding: 18px 36px 4px 12px !important; }
	.wcca-forms .wcca-field label { left: 12px !important; top: 16px !important; }
	.wcca-forms .wcca-btn { height: 46px !important; line-height: 46px !important; font-size: 14px !important; }
	#wcca-modal .wcca-modal-panel { padding: 22px 14px 18px !important; }
	#wcca-modal .wcca-modal-number { font-size: 16px !important; letter-spacing: 0 !important; padding: 10px 8px !important; }
}

/* ---- Autofill ---- */
.wcca-forms .wcca-input:-webkit-autofill,
.wcca-forms .wcca-input:-webkit-autofill:hover,
.wcca-forms .wcca-input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--wcca-surface-2) inset !important;
	-webkit-text-fill-color: var(--wcca-text) !important;
}