/* =========================================================
   SCINTICA — REFRESHED MONITORING CAPABILITIES
   v1.0.5
   ========================================================= */


/* ---------------------------------------------------------
   ROOT LIST
   --------------------------------------------------------- */

.rmc-list-a50e4f8f {
	display: flex;
	flex-direction: column;

	row-gap: 36px;

	width: 100%;
	min-width: 0;

	font-family: "Montserrat", sans-serif;
}


/* ---------------------------------------------------------
   CAPABILITY ROW
   --------------------------------------------------------- */

.rmc-item-a50e4f8f {
	display: grid;

	width: 100%;
	min-width: 0;

	column-gap: 24px;
	row-gap: 20px;

	align-items: start;

	box-sizing: border-box;
}


/*
 * Standard layout:
 *
 * [ icon ] [ content................ ] [ availability ]
 */

.rmc-item-a50e4f8f.rmc-has-icon.rmc-has-card {
	grid-template-columns:
		auto
		minmax(0, 1fr)
		minmax(260px, 32%);
}


.rmc-item-a50e4f8f.rmc-no-icon.rmc-has-card {
	grid-template-columns:
		minmax(0, 1fr)
		minmax(260px, 32%);
}


/*
 * IMAGE-ONLY MODE
 *
 * Image-only content does not need the large 32% availability-card
 * column used by supporting text cards.
 *
 * Give the image a compact 20% visual zone and return the remaining
 * width to the scientific description.
 */

.rmc-item-a50e4f8f.rmc-has-icon.rmc-has-card.rmc-item-mode-image {
	grid-template-columns:
		auto
		minmax(0, 1fr)
		minmax(150px, 20%);
}


.rmc-item-a50e4f8f.rmc-no-icon.rmc-has-card.rmc-item-mode-image {
	grid-template-columns:
		minmax(0, 1fr)
		minmax(150px, 20%);
}


/* Icon + No Availability */

.rmc-item-a50e4f8f.rmc-has-icon.rmc-no-card {
	grid-template-columns:
		auto
		minmax(0, 1fr);
}


/* No Icon + No Availability */

.rmc-item-a50e4f8f.rmc-no-icon.rmc-no-card {
	grid-template-columns:
		minmax(0, 1fr);
}


/* ---------------------------------------------------------
   DIVIDERS
   --------------------------------------------------------- */

.rmc-list-a50e4f8f.has-dividers {
	row-gap: 32px;
}


.rmc-list-a50e4f8f.has-dividers
	.rmc-item-a50e4f8f:not(:last-child) {

	border-bottom: 1px solid #E8E1EE;
	padding-bottom: 32px;
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.rmc-icon-a50e4f8f {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	font-size: 24px;
	line-height: 1;

	color: #6A3378;
}


.rmc-icon-a50e4f8f i {
	color: inherit;
}


.rmc-icon-a50e4f8f svg {
	display: block;

	width: 24px;
	height: 24px;

	fill: currentColor;
	color: #6A3378;
}


/* ---------------------------------------------------------
   MAIN CONTENT
   --------------------------------------------------------- */

.rmc-content-a50e4f8f {
	min-width: 0;
}


.rmc-title-a50e4f8f {
	margin: 0 0 10px;

	color: #24112C;

	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}


.rmc-desc-a50e4f8f {
	color: #625A68;

	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}


.rmc-desc-a50e4f8f > :first-child {
	margin-top: 0;
}


.rmc-desc-a50e4f8f > :last-child {
	margin-bottom: 0;
}


/* ---------------------------------------------------------
   AVAILABILITY CARD
   --------------------------------------------------------- */

/*
 * Text and Image + Text modes remain real cards.
 */

.rmc-card-a50e4f8f {
	display: flex;
	flex-direction: column;

	gap: 16px;

	width: 100%;
	min-width: 0;

	box-sizing: border-box;

	padding: 24px;

	background: #FFFFFF;

	border: 1px solid #E8E1EE;
	border-radius: 18px;
}


/* ---------------------------------------------------------
   IMAGE-ONLY MODE
   --------------------------------------------------------- */

/*
 * Image Only is intentionally NOT visually rendered as a card.
 *
 * It retains the same semantic wrapper so the Elementor widget
 * architecture stays predictable, but all card chrome is removed.
 *
 * !important is intentional here because Elementor's dynamic
 * Availability Card background control can otherwise override this
 * mode-specific presentation.
 */

.rmc-card-a50e4f8f.rmc-mode-image {
	align-self: center;

	display: flex;
	justify-content: center;

	width: 100%;
	min-width: 0;

	margin: 0;

	padding: 0;

	gap: 0;

	background: transparent !important;

	border: 0 !important;
	border-radius: 0;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   AVAILABILITY IMAGE
   --------------------------------------------------------- */

.rmc-card-image-a50e4f8f {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-width: 0;
}


.rmc-card-image-a50e4f8f img,
.rmc-image-a50e4f8f {
	display: block;

	max-width: 100%;
	height: auto;

	object-fit: contain;

	border-radius: 10px;
}


/*
 * Keep image-only media visually compact.
 *
 * Actual image width still comes from each item's Elementor
 * Image Width control, so existing ~50% settings remain respected.
 */

.rmc-mode-image .rmc-card-image-a50e4f8f {
	width: 100%;
}


/* ---------------------------------------------------------
   CARD TEXT
   --------------------------------------------------------- */

.rmc-card-content-a50e4f8f {
	min-width: 0;
}


.rmc-card-label-a50e4f8f {
	display: block;

	margin: 0 0 6px;

	color: #6A3378;

	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}


.rmc-card-text-a50e4f8f {
	color: #625A68;

	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rmc-list-a50e4f8f {
		row-gap: 36px;
	}


	/*
	 * Keep icon to the left of the main content.
	 * Availability moves below the content.
	 */

	.rmc-item-a50e4f8f.rmc-has-icon,
	.rmc-item-a50e4f8f.rmc-has-icon.rmc-has-card,
	.rmc-item-a50e4f8f.rmc-has-icon.rmc-no-card,
	.rmc-item-a50e4f8f.rmc-has-icon.rmc-has-card.rmc-item-mode-image {

		grid-template-columns:
			auto
			minmax(0, 1fr);
	}


	.rmc-item-a50e4f8f.rmc-no-icon,
	.rmc-item-a50e4f8f.rmc-no-icon.rmc-has-card,
	.rmc-item-a50e4f8f.rmc-no-icon.rmc-no-card,
	.rmc-item-a50e4f8f.rmc-no-icon.rmc-has-card.rmc-item-mode-image {

		grid-template-columns:
			minmax(0, 1fr);
	}


	/*
	 * Availability spans beneath the content.
	 */

	.rmc-item-a50e4f8f.rmc-has-icon
		.rmc-card-a50e4f8f {

		grid-column: 1 / -1;
	}


	.rmc-item-a50e4f8f.rmc-no-icon
		.rmc-card-a50e4f8f {

		grid-column: 1;
	}


	.rmc-content-a50e4f8f {
		width: 100%;
		min-width: 0;

		flex: none;
	}


	/*
	 * Normal card modes.
	 */

	.rmc-card-a50e4f8f {
		margin-top: 4px;

		padding: 22px;
	}


	/*
	 * Image Only stays compact and transparent.
	 */

	.rmc-card-a50e4f8f.rmc-mode-image {
		margin-top: 2px;

		padding: 0;

		background: transparent !important;

		border: 0 !important;
	}


	.rmc-list-a50e4f8f.has-dividers {
		row-gap: 28px;
	}


	.rmc-list-a50e4f8f.has-dividers
		.rmc-item-a50e4f8f:not(:last-child) {

		padding-bottom: 28px;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rmc-list-a50e4f8f {
		row-gap: 32px;
	}


	/*
	 * Compact single-column flow.
	 */

	.rmc-item-a50e4f8f,
	.rmc-item-a50e4f8f.rmc-has-icon,
	.rmc-item-a50e4f8f.rmc-no-icon,
	.rmc-item-a50e4f8f.rmc-has-card,
	.rmc-item-a50e4f8f.rmc-no-card,
	.rmc-item-a50e4f8f.rmc-has-icon.rmc-has-card,
	.rmc-item-a50e4f8f.rmc-no-icon.rmc-has-card,
	.rmc-item-a50e4f8f.rmc-has-icon.rmc-has-card.rmc-item-mode-image,
	.rmc-item-a50e4f8f.rmc-no-icon.rmc-has-card.rmc-item-mode-image {

		grid-template-columns:
			minmax(0, 1fr);

		column-gap: 0;
		row-gap: 14px;
	}


	.rmc-icon-a50e4f8f {
		grid-column: 1;

		justify-self: start;
	}


	.rmc-content-a50e4f8f {
		grid-column: 1;

		width: 100%;
	}


	/*
	 * Normal Text / Image + Text cards.
	 */

	.rmc-card-a50e4f8f {
		grid-column: 1 !important;

		width: 100%;

		margin-top: 8px;

		padding: 20px;

		border-radius: 16px;
	}


	/*
	 * Image Only:
	 * no card surface, no padding, and a tighter relationship
	 * with the content above.
	 */

	.rmc-card-a50e4f8f.rmc-mode-image {
		grid-column: 1 !important;

		width: 100%;

		margin-top: 2px;

		padding: 0;

		background: transparent !important;

		border: 0 !important;
		border-radius: 0;

		box-shadow: none !important;
	}


	.rmc-title-a50e4f8f {
		margin-bottom: 8px;

		font-size: 18px;
	}


	.rmc-desc-a50e4f8f {
		font-size: 15px;
		line-height: 1.6;
	}


	.rmc-card-text-a50e4f8f {
		font-size: 14px;
		line-height: 1.5;
	}


	.rmc-list-a50e4f8f.has-dividers {
		row-gap: 24px;
	}


	.rmc-list-a50e4f8f.has-dividers
		.rmc-item-a50e4f8f:not(:last-child) {

		padding-bottom: 24px;
	}
}