/*--------------------------------------------------------------
# Classic Polo — Exchange Policy
#
# Short by nature: a promise, then the conditions that bound it. The
# conditions are given a real bordered card — a document within the
# page, not just another paragraph — since this is the one section a
# customer at the counter is actually going to reread.
#
# Tokens come from .cp-sec in cp-sections.css.
--------------------------------------------------------------*/

/* Opening ---------------------------------------------------------- */

.cp-ex-open .cp-ex-statement .elementor-heading-title {
	font-size: clamp( 1.75rem, 3.4vw, 2.75rem );
	font-weight: 600;
	line-height: 1.22;
	letter-spacing: -0.02em;
	max-width: 22ch;
}

/* The conditions card ------------------------------------------------ */

.cp-ex-box {
	background: var( --cp-wash );
	border: 1px solid var( --cp-navy );
	max-width: 780px;
}

.cp-ex-box .cp-ex-label .elementor-heading-title {
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var( --cp-navy );
}

.cp-ex-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cp-ex-box li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var( --cp-ink );
}

.cp-ex-box li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 17px;
	width: 6px;
	height: 6px;
	background: var( --cp-navy );
	border-radius: 50%;
}

/* Closing ------------------------------------------------------------ */

.cp-sec.cp-ex-closing {
	background: var( --cp-navy );
}

.cp-sec.cp-ex-closing .elementor-heading-title,
.cp-sec.cp-ex-closing h2 {
	color: #fff;
}

.cp-sec.cp-ex-closing .cp-eyebrow .elementor-heading-title {
	color: rgba( 255, 255, 255, 0.65 );
}

.cp-sec.cp-ex-closing p {
	color: rgba( 255, 255, 255, 0.75 );
}

.cp-sec.cp-ex-closing .elementor-button {
	background-color: var( --cp-gold );
	color: var( --cp-ink );
}

.cp-sec.cp-ex-closing .elementor-button:hover {
	background-color: #ffc927;
	color: var( --cp-ink );
}
