/* ==========================================================================
   4. Why I Don't Review Credit Cards (.hlp-cc), on the white page.
   ========================================================================== */

/* two equal columns (the design's .split) */
.hlp-split > .e-con { flex: 1 1 0; min-width: 0; }
@media (max-width: 767px) { .hlp-split > .e-con { flex: 0 0 auto; width: 100%; } }

/* notice icon: 30px tan ring */
.hlp-info-icon { width: auto; }
.hlp-info-icon .elementor-icon { border-width: 1.5px; border-color: var(--hlp-tan) !important; }
.hlp-eyebrow-row > .elementor-widget { width: auto; }

/* ---------- inline expand ----------
   The panel is a grid whose single row animates from 0fr to 1fr; the text
   stays in the DOM and is hidden from assistive tech only while closed. */
.e-con.hlp-more-panel.is-ready {
	display: grid !important;
	grid-template-rows: 0fr;
	transition: grid-template-rows .55s ease;
	width: 100%;
}
.e-con.hlp-more-panel.is-ready > * { overflow: hidden; min-height: 0; visibility: hidden; transition: visibility 0s linear .55s; }
.e-con.hlp-more-panel.is-ready.is-open { grid-template-rows: 1fr; }
.e-con.hlp-more-panel.is-ready.is-open > * { visibility: visible; transition: visibility 0s; }
.hlp-cc .hlp-more-panel p { margin: 0; }
.hlp-cc .hlp-more-panel p + p { margin-top: 16px; }
.hlp-cc-text > .e-con.hlp-more-panel.is-ready:not(.is-open) { margin-top: -22px; }   /* no empty gap while closed */

/* the toggle: bold Tan Deep text on a tan underline, chevron flips when open */
.hlp-more-btn .elementor-button {
	min-height: 32px;
	border-bottom: 1.5px solid var(--hlp-tan);   /* no !important: the widget's own Elementor border settings must win (2026-10-16) */
	border-radius: 0;
	text-decoration: none;
	box-shadow: none !important;
}
.hlp-more-btn .elementor-button-icon { transition: transform .3s ease; }
.hlp-more-btn .elementor-button-icon svg { width: 12px; height: 12px; }
.hlp-more-btn.is-open .elementor-button-icon { transform: rotate(180deg); }
.hlp-more-btn .elementor-button:hover .elementor-button-icon { transform: none; }
.hlp-more-btn.is-open .elementor-button:hover .elementor-button-icon { transform: rotate(180deg); }

/* checks: tan ticks, bold lines between Mid hairlines */
.hlp-checks { width: 100%; }
.hlp-checks .elementor-icon-list-items { border-top: 1px solid var(--hlp-mid); }
.hlp-checks .elementor-icon-list-item {
	padding: 15px 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--hlp-mid);
	align-items: center;
}
.hlp-checks .elementor-icon-list-item::after { display: none; }

/* ---------- single cards image (transparent PNG) on a tan glow + dot pattern ---------- */
.e-con.hlp-cc-art { position: relative; isolation: isolate; }
.e-con.hlp-cc-art::before {                 /* soft tan glow behind the cards */
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	width: 86%;
	height: auto;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	z-index: -2;
	background: radial-gradient(closest-side, rgba(165, 131, 90, .22), rgba(165, 131, 90, .08) 60%, transparent);
}
.e-con.hlp-cc-art::after {                  /* dot pattern, top right */
	content: "";
	position: absolute;
	right: 8%;
	top: 6%;
	width: 120px;
	height: 120px;
	z-index: -1;
	background-image: radial-gradient(var(--hlp-tan) 1.5px, transparent 1.6px);
	background-size: 14px 14px;
	opacity: .5;
}
.hlp-cc-art > .hlp-cc-cards { width: auto; }
.elementor-widget.hlp-cc-cards img {
	display: block;
	width: min(440px, 100%);
	height: auto;
	transform: rotate(-4deg);
	filter: drop-shadow(0 24px 30px rgba(51, 49, 46, .22)) drop-shadow(0 4px 8px rgba(51, 49, 46, .10));
	transition: transform .7s var(--hlp-ease);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.hlp-cc-art:hover .elementor-widget.hlp-cc-cards img { transform: rotate(0deg); }
}
@media (max-width: 767px) {
	.elementor-widget.hlp-cc-cards img { width: min(300px, 86vw); }
	.e-con.hlp-cc-art::after { width: 90px; height: 90px; right: 2%; }
}