/* Casino Review Manager — сторінка огляду казино та блоки [crm-pros] / [crm-cons].
   Стилі картки підключаються окремо (shortcode.css) як залежність. */

.crm-casino-single {
	flex-basis: 100%;
	margin-block-start: 15px;
}

.crm-box {
	position: relative;
	height: 100%;
	margin: 20px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;

	&.crm-box-dark {
		border-color: #444;
		background-color: #2d3337;
		color: #fff;
	}

	&:is(.crm-pros, .crm-cons)::before {
		content: "";
		position: absolute;
		inset-block-start: 15px;
		inset-inline-end: 20px;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-size: contain;
		opacity: .75;
	}

	&.crm-pros {
		&::before {
			background-image: url("../img/pros.svg");
		}

		li::before {
			content: "+";
			color: #28a745;
		}
	}

	&.crm-cons {
		&::before {
			background-image: url("../img/cons.svg");
		}

		li::before {
			content: "\2212";
			color: #dc3545;
		}
	}

	ul {
		margin: 10px 0 0 5px;
		padding: 0;
	}

	li {
		position: relative;
		margin-block-end: 8px;
		padding-inline-start: 24px;
		list-style: none;

		&::before {
			position: absolute;
			inset-block-start: 0;
			inset-inline-start: 0;
			font-weight: bold;
		}
	}
}