/**
 * Cultea Subscriptions — az előfizetés-tájékoztató és a hozzájáruló szöveg.
 *
 * A színek a bolt arculatából: sötétzöld szöveg, krém háttér, narancs kiemelés.
 * Egyetlen helyen állíthatók, a lenti változókban.
 */

:root {
	--csub-bg: #f5f0ec;
	--csub-fg: #004833;
	--csub-accent: #c96a36;
	--csub-muted: rgba( 0, 72, 51, 0.75 );
	--csub-rule: rgba( 0, 72, 51, 0.12 );
}

/* ═══════════════════════════════════════════════════════════════════════════
   KOSÁR — TÁJÉKOZTATÓ
   ═══════════════════════════════════════════════════════════════════════════ */

.csub-notice {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 0 24px;
	padding: 20px 24px;
	border-left: 4px solid var( --csub-accent );
	border-radius: 16px;
	background: var( --csub-bg );
	color: var( --csub-fg );
	font-size: 15px;
	line-height: 1.5;
}

.csub-notice p {
	margin: 0 0 8px;
	color: inherit;
}

.csub-notice p:last-child {
	margin-bottom: 0;
}

.csub-notice__title {
	font-weight: 800;
	font-size: 16px;
}

.csub-notice__list {
	margin: 8px 0 12px;
	padding: 0;
	list-style: none;
}

.csub-notice__list li {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	justify-content: space-between;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid var( --csub-rule );
}

.csub-notice__list li:last-child {
	border-bottom: 0;
}

.csub-notice__name {
	font-weight: 600;
}

.csub-notice__amount {
	white-space: nowrap;
	font-weight: 800;
}

/* A WooCommerce ár-eleme a saját színét hozná — itt öröklődjön. */
.csub-notice__amount .woocommerce-Price-amount,
.csub-notice__amount .woocommerce-Price-currencySymbol {
	color: inherit;
}

.csub-notice__fine {
	font-size: 13px;
	color: var( --csub-muted );
}

.csub-notice a,
.csub-consent a {
	color: inherit;
	text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PÉNZTÁR — HOZZÁJÁRULÁS

   Visszafogottabb: közvetlenül a fizetés gomb fölött ül, nem versenyezhet
   vele a figyelemért.
   ═══════════════════════════════════════════════════════════════════════════ */

.csub-consent {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 0 16px;
	padding: 14px 18px;
	border-radius: 12px;
	background: var( --csub-bg );
	color: var( --csub-fg );
	font-size: 13px;
	line-height: 1.5;
}

.csub-consent p {
	margin: 0;
	color: inherit;
}