/* ============ IBPH PRODUCT TRANSPARENCY STYLES ============ */

/* ---------- PREMIUM MATERIALS CALLOUT ---------- */

.ibph-materials-callout {
	border: 2px solid #c9a85c;
	background: #f5f3ee;
	border-radius: 6px;
	padding: 14px 16px;
	margin: 16px 0;
}

.ibph-materials-inner {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.ibph-materials-icon {
	font-size: 22px;
	flex-shrink: 0;
	margin-top: 1px;
}

.ibph-materials-text {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.ibph-materials-text strong {
	font-size: 13px;
	font-weight: 800;
	color: #14141f;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.ibph-materials-text span {
	font-size: 13px;
	color: #555;
	line-height: 1.5;
}

/* ---------- TRANSPARENCY TAB CONTENT ---------- */

.ibph-transparency-tab {
	padding: 8px 0;
}

.ibph-tr-intro {
	font-size: 15px;
	color: #555;
	font-style: italic;
	margin-bottom: 24px;
	line-height: 1.6;
}

.ibph-tr-breakdown {
	border: 2px solid #14141f;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
}

.ibph-tr-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid #e5e5e5;
	gap: 16px;
}

.ibph-tr-row:last-child {
	border-bottom: none;
}

.ibph-tr-row-label {
	display: flex;
	flex-direction: column;
	gap: 3px;
	flex-grow: 1;
}

.ibph-tr-row-name {
	font-size: 15px;
	font-weight: 700;
	color: #14141f;
}

.ibph-tr-row-detail {
	font-size: 12px;
	color: #777;
	line-height: 1.4;
}

.ibph-tr-row-value {
	font-size: 16px;
	font-weight: 800;
	color: #14141f;
	white-space: nowrap;
	flex-shrink: 0;
}

/* Highlighted row — the donation */
.ibph-tr-row-highlight {
	background: #14141f;
}

.ibph-tr-row-highlight .ibph-tr-row-name {
	color: #fff;
}

.ibph-tr-row-highlight .ibph-tr-row-detail {
	color: #b8b8c8;
}

.ibph-tr-row-highlight .ibph-tr-row-value {
	color: #c9a85c;
	font-size: 20px;
}

/* Total row */
.ibph-tr-row-total {
	background: #f5f3ee;
}

.ibph-tr-row-total .ibph-tr-row-name,
.ibph-tr-row-total .ibph-tr-row-value {
	font-size: 16px;
	font-weight: 800;
}

/* Tagline */
.ibph-tr-tagline {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #14141f;
	font-style: italic;
	margin: 0 0 24px;
}

/* Quarterly note */
.ibph-tr-quarterly {
	background: #f5f3ee;
	border-radius: 6px;
	padding: 18px 20px;
	border-left: 4px solid #c9a85c;
}

.ibph-tr-quarterly h4 {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 8px;
	color: #14141f;
}

.ibph-tr-quarterly p {
	font-size: 13px;
	color: #555;
	line-height: 1.6;
	margin: 0;
}

.ibph-tr-quarterly a {
	color: #b02a2a;
	font-weight: 600;
}

/* ---------- MOBILE ---------- */

@media (max-width: 480px) {
	.ibph-tr-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.ibph-tr-row-value {
		font-size: 18px;
	}
}