/*
Theme Name: Тверские Натяжные Потолки
Theme URI: https://tverskiepotolki.ru/
Description: Дочерняя тема проекта tverskiepotolki.ru для Divi 5 Native.
Author: Тверские Натяжные Потолки
Author URI: https://tverskiepotolki.ru/
Template: Divi
Version: 0.1.0
Text Domain: tverskiepotolki
*/

/*
 * Основная дизайн-система создается нативно через Divi 5 Design Variables
 * и Presets. Здесь остается только код, который невозможно выразить
 * штатными настройками Builder.
 */

/*
 * Shared presentation for the native Divi 5 URL-map pages. These are useful,
 * intentionally compact first-pass layouts that can be expanded one by one
 * without changing their canonical addresses or migration ownership metadata.
 */
.tnp-url-stub {
	width: min(100%, 900px);
	margin: 0 auto;
	padding: clamp(32px, 6vw, 72px);
	border: 1px solid #e1e6ea;
	border-radius: 28px;
	background:
		radial-gradient(circle at 100% 0, rgb(246 201 69 / 22%), transparent 36%),
		#fff;
	box-shadow: 0 22px 70px rgb(23 26 31 / 9%);
	color: #343a42;
}

.tnp-url-stub__eyebrow {
	margin: 0 0 12px;
	color: #171a1f;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.tnp-url-stub h1 {
	max-width: 820px;
	margin: 0;
	color: #171a1f;
	font-size: clamp(34px, 5vw, 62px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.04;
}

.tnp-url-stub__lead {
	max-width: 720px;
	margin: 24px 0 0;
	font-size: clamp(18px, 2.4vw, 22px);
	line-height: 1.55;
}

.tnp-url-stub__details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 32px 0 0;
	padding: 0 !important;
	list-style: none !important;
}

.tnp-url-stub__details li::marker {
	content: '';
}

.tnp-url-stub__details li {
	padding: 18px 20px;
	border: 1px solid #e1e6ea;
	border-radius: 16px;
	background: rgb(246 247 249 / 86%);
	line-height: 1.45;
}

.tnp-url-stub__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.tnp-url-stub__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border: 2px solid #f6c945;
	border-radius: 999px;
	background: #f6c945;
	color: #171a1f !important;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.tnp-url-stub__action:hover,
.tnp-url-stub__action:focus-visible {
	background: #d9a900;
	border-color: #d9a900;
}

.tnp-url-stub__action--secondary {
	border-color: #171a1f;
	background: transparent;
	color: #171a1f !important;
}

.tnp-url-stub__action--secondary:hover,
.tnp-url-stub__action--secondary:focus-visible {
	border-color: #d9a900;
	background: #fff8dd;
	color: #171a1f !important;
}

.tnp-url-stub__note {
	margin: 26px 0 0;
	padding-left: 16px;
	border-left: 3px solid #f6c945;
	color: #69727d;
	font-size: 15px;
}

.tnp-archive-heading {
	width: min(calc(100% - 40px), 1080px);
	margin: 36px auto 42px;
	padding: clamp(26px, 5vw, 52px);
	border: 1px solid #e1e6ea;
	border-radius: 24px;
	background: linear-gradient(135deg, #fff8dd 0%, #fff 70%);
}

.tnp-archive-heading__eyebrow {
	margin: 0 0 10px;
	color: #171a1f;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.tnp-archive-heading h1 {
	margin: 0;
	color: #171a1f;
	font-size: clamp(32px, 5vw, 56px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.05;
}

.tnp-archive-heading__lead {
	max-width: 720px;
	margin: 18px 0 0;
	color: #69727d;
	font-size: clamp(17px, 2vw, 20px);
	line-height: 1.55;
}

@media (max-width: 640px) {
	.tnp-url-stub {
		padding: 28px 22px;
		border-radius: 20px;
	}

	.tnp-url-stub__details {
		grid-template-columns: 1fr;
	}

	.tnp-url-stub__action {
		width: 100%;
	}
}