/* NT 2026-09-30 pravki Nikity, P21 (executor l): branch cards on "Právne služby" 10189, EN 10608, RU 10632
   (widget a45e13c, Services Listing (Pages), view type 2 in grid mode).
   1) title larger, grows with the screen; 2) the description opens on hover in the gold plate, as in the theme demo
   (theme JS does it only inside the owl slider, the grid mode has no slider, so here it is done in CSS);
   3) phones and touch screens: description always under the title; 4) five cards: 3 + 2 centred, 5 in a row from 1680 px.
   Texts: inc/mod/nt-zz-final-l.php. Rollback: delete this file (by Nikita's word). */

body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element.elementor-element-a45e13c .service-item .service-item-content .service-post-title {
	font-size: clamp(26px, calc(0.9vw + 15px), 34px);
	line-height: 1.2em;
}

/* description: closed, opens on hover or keyboard focus */
body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item-content .service-item-excerpt {
	height: auto;
	max-height: 0;
	overflow: hidden;
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	color: inherit;
	transition: max-height 0.35s ease, margin 0.3s, color 0.3s;
}
body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item:is(:hover, :focus-within) .service-item-content .service-item-excerpt {
	max-height: 9em;
	margin: 12px 0 0;
}

/* gold plate: dark text for contrast (as the gold buttons of the site) */
body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item:is(:hover, :focus-within) .service-item-content {
	background-color: var(--constructum-contrast-accent-text-color);
	color: #1b1b1b;
}
body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item:is(:hover, :focus-within) .service-item-content :is(.service-post-title, .service-item-excerpt),
body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item:is(:hover, :focus-within) .service-item-content .service-post-title::before {
	color: #1b1b1b;
}

/* no hover (phones, tablets): description always visible under the title */
@media (hover: none), (max-width: 767px) {
	body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item-content .service-item-excerpt {
		max-height: none;
		margin: 10px 0 0;
		font-size: 15px;
		line-height: 1.45;
		opacity: 0.85;
	}
	body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-item-content {
		padding: 24px 26px;
	}
}

/* five cards: no empty hole in the second row */
body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-listing-wrapper.nt-cards-grid {
	justify-content: center;
}
@media (min-width: 1025px) {
	body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-listing-wrapper.nt-cards-grid:has(> .service-item-wrapper:nth-child(5)) > .service-item-wrapper {
		width: 33.3333%;
	}
}
@media (min-width: 1680px) {
	body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element-a45e13c .service-listing-wrapper.nt-cards-grid:has(> .service-item-wrapper:nth-child(5)) > .service-item-wrapper {
		width: 20%;
	}
	/* narrower cards in a row of five: the title stays on one line where it fits */
	body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element.elementor-element-a45e13c .nt-cards-grid:has(> .service-item-wrapper:nth-child(5)) .service-item .service-item-content .service-post-title {
		font-size: clamp(26px, calc(1.1vw + 7px), 34px);
	}
	body:is(.page-id-10189, .page-id-10608, .page-id-10632) .elementor-element.elementor-element-a45e13c .nt-cards-grid:has(> .service-item-wrapper:nth-child(5)) .service-item .service-item-content {
		padding: 28px 28px;
	}
}