/* ==============================================
   bimmodel.css (ОЧИЩЕННЫЙ)
   Уникальные стили для страницы "Моделирование" (bim-modelirovanie.php)
   ============================================== */

/* --- Уникальные переопределения --- */
a {
	color: #005A66;
}

h3, .h3 {
	font-size: 24px;
}

/* --- Уникальные медиа-запросы --- */
@media (max-width:1024px) {
	.modeling-maindesk {
		background-color: #FFFFFFDE;
		height: fit-content;
		padding: 20px;
		margin-top: 60px;
		margin-bottom: 60px;
	}
	
	.subtitle-center {
		text-align: center;
		margin-top: 36px;
		padding-left:20px;
		padding-right: 20px
	}
	
	.model-features {
		display: flex;
		flex-direction: column;
	}

	.modeling-mainback {
		height:  calc(100vh - 60px);
		margin-top: 60px;
		background-color: #FFFFFF;
		background-image: url(/wp-content/uploads/2023/12/bim-model.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.model-features {  
		display: flex;
		flex-direction: column;
		/* grid-template-columns: 0.8fr 1.4fr 0.8fr; */ /* (дубликаты) */
		/* grid-template-rows: 1fr 1fr 1fr 1fr; */
		/* gap: 0px 0px; */
		/* grid-auto-flow: row; */
		/* grid-template-areas: ... */
	}
	.title1,.title2,.title3,.title4 {
		background: #d0d0d0;
		font-size: 26px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 30px;
		letter-spacing: 0px;
		padding: 20px;
		color: #000;
		display: inline-grid;
		align-items:center
	}
}

@media (min-width:1024px) {
	.modeling-maindesk {
		background-color: #FFFFFFDE;
		width: 50%;
		height: fit-content;
		padding: 50px;
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.model-content .wp-block-columns {
		display: flex;
		flex-direction: row;
	}
	
	.subtitle-center {
		text-align: center;
		margin-top: 40px;
	}
	.modeling-mainback {
		height:  calc(100vh - 90px);
		margin-top: 60px;
		background-color: #FFFFFF;
		background-image: url(/wp-content/uploads/2023/12/bim-model.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.model-features {  
		display: grid;
		grid-template-columns: 0.8fr 1.4fr 0.8fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
			"title1 text1 text1"
			"text2 text2 title2"
			"title3 text3 text3"
			"text4 text4 title4";
	}
	
	.title1,.title2,.title3,.title4 {
		background: #d0d0d0;
		font-size: 26px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 30px;
		letter-spacing: 0px;
		padding: 20px;
		height: 100%;
		color: #000;
		display: inline-grid;
		align-items:center
	}
}

/* --- Уникальные стили страницы --- */

.additional-back {
	background-color: #0090A3;
    opacity: 0.09;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height:  calc(100vh - 90px);
    width: 100%;
    left: 0;
	position:absolute
}

.wp-block-column.is-vertically-aligned-center.model-title.is-layout-flow.wp-block-column-is-layout-flow {
    background: #ffff;
    padding: 40px;
    height: 100%;
}

.text1 { grid-area: text1; }
.title1 { grid-area: title1; }
.title2 { grid-area: title2; }
.text2 { grid-area: text2; }
.title3 { grid-area: title3; }
.text3 { grid-area: text3; }
.text4 { grid-area: text4; }
.title4 { grid-area: title4; }

html, body , .model-features {
  height: 100%;
  margin: 0;
	grid-row-gap: 20px;
}

.text1,.text2,.text3,.text4 {
	display: inline-grid;
	align-items:center;
	padding: 20px;
	color: #000;
	background: #edf6f9;
}

.grid-item {
  display: flex;
}