/**
 * GEO Optimizer – Front-end styles
 *
 * Table of Contents
 * -----------------
 * 1. Answer capsule ([geo_answer] shortcode)
 * 2. Freshness notice
 * 3. Media queries
 *
 * Loaded only on singular views, and only when a feature that needs it is
 * enabled. Kept deliberately small and low-specificity so themes can
 * override any of it without needing !important.
 */

/* -----------------------------------------------------------------
 * 1. Answer capsule
 * ----------------------------------------------------------------- */

.geo-answer-capsule {
	background: linear-gradient( 135deg, #f5f3ff, #ede9fe );
	border-left: 4px solid #6c63ff;
	padding: 18px 22px;
	margin: 24px 0;
	border-radius: 0 12px 12px 0;
}

.geo-answer-capsule-label {
	display: block;
	margin-bottom: 8px;
	color: #6c63ff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.geo-answer-capsule-body {
	display: block;
}

/* -----------------------------------------------------------------
 * 2. Freshness notice
 * ----------------------------------------------------------------- */

.geo-freshness-notice {
	font-size: 12px;
	color: #9ca3af;
	border-top: 1px solid #f3f4f6;
	padding-top: 10px;
	margin-top: 30px;
}

/* -----------------------------------------------------------------
 * 3. Media queries
 * ----------------------------------------------------------------- */

@media ( max-width: 600px ) {

	.geo-answer-capsule {
		padding: 14px 16px;
		margin: 18px 0;
	}
}