﻿[ML_PageControl_Key=TEXTS_Container] .Card_Container {
	--card-row: 300px;
}

[ML_PageControl_Key=TEXTS_Container] .Card {
	overflow: hidden;
}

	[ML_PageControl_Key=TEXTS_Container] .Card .Card_Body {
		margin: 0;
		padding: 10px 20px;
	}

[ML_PageControl_Key=TEXTS_Container] [ML_PageControl_Key=Flag] {
	position: absolute;
	width: 185px;
	top: -10px;
	left: -20px;
	border-radius: 0px 0px 100% 0px;
	opacity: .9;
}

[ML_PageControl_Key=TEXTS_Container] .Header {
	height: 150px;
	position: relative;
}

[ML_PageControl_Key=TEXTS_Container] .Sections {
	display: flex;
	flex-direction: column;
	padding-top: 5px;
	gap: 4px;
}

[ML_PageControl_Key=TEXTS_Container] .Actions {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	gap: 5px;
	font-size: 30px;
	opacity: 1;
}

	[ML_PageControl_Key=TEXTS_Container] .Actions [ml_pagecontrol_type=Icon] {
		transition: all ease-in-out 0.2s;
	}

		[ML_PageControl_Key=TEXTS_Container] .Actions [ml_pagecontrol_type=Icon]:hover {
			transform: scale(1.2);
			opacity: 0.8;
		}

	[ML_PageControl_Key=TEXTS_Container] .Actions [ml_pagecontrol_key=Default][ml_status=Disabled]:has(+[ml_pagecontrol_key=Active][ml_status=Error] ) {
		cursor: not-allowed;
	}

	[ML_PageControl_Key=TEXTS_Container] .Actions [ml_pagecontrol_key=Default]:not([ml_status=Disabled]) + [ml_pagecontrol_key=Active] {
		cursor: not-allowed;
	}

[ML_PageControl_Key=TEXTS_Container] .InfoContainer {
	position: absolute;
	bottom: 0px;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

	[ML_PageControl_Key=TEXTS_Container] .InfoContainer .Title {
		padding-bottom: 10px;
		font-weight: bold;
		font-size: large;
	}

	[ML_PageControl_Key=TEXTS_Container] .InfoContainer [ML_PageControl_Type=Info] {
		font-size: smaller;
	}

[ml_pagecontrol_formkey=TEXTS_Details] [ML_PageControl_Key=TextsTypeSelector] {
	display: flex;
	padding: 2px 3px;
	width: fit-content;
	border: 1px solid var(--primary);
	border-radius: 30px;
	gap: 4px;
}

	[ml_pagecontrol_formkey=TEXTS_Details] [ML_PageControl_Key=TextsTypeSelector] > div {
		display: flex !important;
	}

[ml_pagecontrol_formkey=TEXTS_Details] [ml_pagecontainer_type=EntityFields_ContainerGroup] {
	padding-top: 20px;
}

:is([ML_PageControl_WrapperKey=LOCALIZATION_TWIN_Container], [ML_PageControl_WrapperKey=TEXTS_LOCALIZATIONS_Container]) .ML-FORMTABLE-Container {
	position: relative;
	overflow: hidden;
	padding: 12px;
	background-color: var(--content-color);
	border: 1px solid var(--border-color);
	border-radius: 16px;
	transition: all ease-in-out 0.2s;
	min-width: 300px;
}

.ListContent:where([ML_PageControl_Key=Release], [ML_PageControl_Key=Template]) .ML-FORMTABLE-Container {
	padding-left: 90px;
	cursor: pointer;
}

	.ListContent:where([ML_PageControl_Key=Release], [ML_PageControl_Key=Template]) .ML-FORMTABLE-Container:hover {
		transform: scale(1.05);
		opacity: 0.9;
	}

	.ListContent:where([ML_PageControl_Key=Release], [ML_PageControl_Key=Template]) .ML-FORMTABLE-Container * {
		cursor: pointer;
	}

	.ListContent:where([ML_PageControl_Key=Release], [ML_PageControl_Key=Template]) .ML-FORMTABLE-Container .Flag {
		position: absolute;
		height: 100%;
		top: 0px;
		left: 0;
	}

	.ListContent:where([ML_PageControl_Key=Release], [ML_PageControl_Key=Template]) .ML-FORMTABLE-Container .Language {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 5px;
	}

[ML_PageControl_WrapperKey=LOCALIZATION_TWIN_Container] .ListContent[ML_PageControl_Key=Company] .ML-FORMTABLE-Container > div {
	display: flex;
	flex-direction: column;
}

[ML_PageControl_WrapperKey=LOCALIZATION_TWIN_Container] .ListContent[ML_PageControl_Key=Company] .ML-FORMTABLE-Container .WebsiteFlag {
	height: 32px;
	border-radius: 50% 0;
	cursor: pointer;
	transition: all ease-in-out 0.3s;
}

	[ML_PageControl_WrapperKey=LOCALIZATION_TWIN_Container] .ListContent[ML_PageControl_Key=Company] .ML-FORMTABLE-Container .WebsiteFlag[ML_Status=Error] {
		filter: blur(1px) grayscale(0.4);
		opacity: 0.5;
	}

	[ML_PageControl_WrapperKey=LOCALIZATION_TWIN_Container] .ListContent[ML_PageControl_Key=Company] .ML-FORMTABLE-Container .WebsiteFlag:hover {
		transform: scale(1.1);
		opacity: 0.8;
	}

[ML_PageControl_Key=TextRevisionCheck][data-status=Warning] {
	background-color: var(--warning);
	padding: 1px 10px;
	border-radius: 3px;
}

[ML_PageControl_WrapperKey=TEXTS_Card][data-lang_active=false] [ml_pagecontrol_key=Flag] {
	opacity: .3;
}
