/**
 * Local Delivery — frontend styles.
 *
 * Scoped entirely to .wckd-* classes. No theme or WooCommerce selectors are
 * targeted and no declaration uses !important, so Woodmart keeps full control
 * of everything it already styles.
 */

.wckd-contact-card {
	border: 1px solid rgba( 0, 0, 0, 0.12 );
	border-radius: 6px;
	padding: 14px 16px;
	background: rgba( 0, 0, 0, 0.02 );
	text-align: left;
	line-height: 1.5;
}

.wckd-contact-card--prompt {
	border-style: dashed;
	background: transparent;
}

.wckd-contact-message {
	margin: 0;
	font-weight: 600;
}

.wckd-contact-card--prompt .wckd-contact-message {
	font-weight: 400;
	opacity: 0.85;
}

.wckd-contact-actions {
	margin: 12px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wckd-contact-btn {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 4px;
	border: 1px solid currentColor;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.wckd-contact-btn:hover,
.wckd-contact-btn:focus {
	opacity: 0.75;
	text-decoration: none;
}

.wckd-contact-btn--whatsapp {
	color: #128c7e;
}

.wckd-contact-btn--call {
	color: inherit;
}

.wckd-city-select {
	width: 100%;
	max-width: 100%;
}

@media ( max-width: 480px ) {
	.wckd-contact-actions {
		flex-direction: column;
	}

	.wckd-contact-btn {
		text-align: center;
	}
}