/*
Theme Name: perchik
Author: CTR99
Author URI: https://ctr99.ru/sochi/
Description: Разработано в мае 2025
Version: 1.0
*/


/* Дизайн-система ПЕРЧИК - Основные стили */

body {
	color: var(--gray-700);
	font-family: var(--font-primary);
	line-height: var(--leading-normal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--te-primary);
	font-family: var(--font-primary);
	font-weight: var(--font-semibold);
	line-height: var(--leading-tight);
	margin-bottom: var(--space-4);
}

h1 { font-size: var(--text-4xl); }
h2 { font-size: var(--text-3xl); }
h3 { font-size: var(--text-2xl); }
h4 { font-size: var(--text-xl); }
h5 { font-size: var(--text-lg); }
h6 { font-size: var(--text-base); }

a {
	color: var(--te-primary);
	text-decoration: none;
	transition: color var(--transition-fast);
}

a:hover {
	color: var(--pepper-red);
	text-decoration: none;
}

/* Таблицы */
table {
	border-collapse: collapse;
	width: 100%;
	font-family: var(--font-primary);
}

table,
table td,
table th {
	border: 1px solid var(--gray-300);
	padding: var(--space-3);
}

table th {
	background: var(--gray-50);
	color: var(--te-primary);
	font-weight: var(--font-semibold);
}

table tr:nth-child(even) {
	background: var(--gray-50);
}

/* Кнопка "Загрузить еще" */
#load-more {
	color: var(--te-primary);
	background: none;
	border: none;
	text-decoration: underline;
	font-family: var(--font-primary);
	font-weight: var(--font-medium);
	transition: color var(--transition-fast);
}

#load-more:hover {
	color: var(--pepper-red);
}

/* Блоки с серым фоном */
.gray-block-info {
	background: var(--gray-50);
	border-radius: var(--radius-3xl);
	padding: var(--space-4) var(--space-10) var(--space-16) var(--space-10);
	box-shadow: var(--shadow-lg);
	border: 1px solid var(--gray-200);
}

@media (max-width: 765px) {
	.gray-block-info {
		padding: var(--space-4) var(--space-5) var(--space-8) var(--space-5);
	}
}

.bgc-gray {
	background-color: var(--gray-50);
	background-image: url("data:image/svg+xml,%3Csvg width='240' height='320' viewBox='0 0 744 794' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.035'%3E%3Cpath fill='%23e00522' d='M17.19 657.39c-2.26 23.88 18.61 49.6 39.98 59.43 26.59 9.16 55.84 8.5 83.28 3.58 41.15-18.01 87.41-14.06 130.96-21.49 20.97-11.16 44.54-16.4 64.65-29.51 36.25-25.06 64.02-60.37 100.99-84.4 13.2-16.21 34.08-21.43 47.97-37.04 13.54-16.39 31.96-27.54 47.06-41.11 13.73-20.44 40.66-26.22 56.72-44.78 21.95-21.05 52.92-30.04 72.83-53.41 23.97-20.7 46.03-46.23 53.48-77.72 9.96-31.59 24.36-70.65-0.05-96.46-24.63-7.69-42.98-41.76-65.72-35.66-10.12-27.58-32.93-51.17-57.39-64.92 10.96-9.09 21.09-5.78-0.78-15.08-34.21-2.22-61.32 25.62-76.76 50.18-19.59 29.2-23.98 56.96-38.21 84.03-11.87 24.54-29.38 45.97-40.06 71.23-15.7 26.32-50.22 40.33-61.61 66.97-9.89 17.56-39.94 49-63.25 64.16-9.07 5.26-37.26 44.94-57 66.83-22.27 28.82-55.67 40.12-89.48 49.05-33.05 18.16-60.85 44.61-93.43 62.89-18.34 8.6-31.1 26.33-54.17 23.23z'/%3E%3Cpath fill='%2389a754' d='M607.27 125.05c-5.2 2.29-10.41 4.58-15.61 6.87-0.62 3.93 0.7 6.77 4.52 8.19 7.58 4.79 15.07 9.68 21.4 16.09 4.18 3.27 7.71 7.07 10.01 11.89 7.06 11.84 14.35 23.55 21.61 35.28 9.26-8.34 13.21 2.87 18.67 8.06 10.96 8.05 21.92 16.11 32.89 24.16 3.88-0.65 7.76-1.31 11.64-1.96-0.46-9.03-5.99-16.37-7.03-25.13-1.34-10.68-13.37-16.7-12.47-27.93-1.09-9.39-5.84-18.09-6.32-27.51 8.92-8.32 5.22-22.74 9.64-33.77 4.24-11.62 8.99-23.34 11.39-35.45-0.93-12.62 0.03-25.33 1.8-37.79-1.72-9.38-3.19-18.95-7.14-27.65-5.36-10.65-14.23-19.03-22.32-27.65-5.66-5.83-13.3-9.54-20.68-11.79-2.26-5.72-13.25-10.78-12.38-1.52 0.63 5.16-15.17 15.19-2.77 15.13 15.58-1.84 29.23 10.45 33.31 24.87 5.04 13.56 2.17 28.08-0.68 41.77 0.68 9.78-5.75 17.23-9.38 25.8-2.01 11.75-10.45 20.49-14.18 31.31-2.04 12.02-17.4 4.58-25.86 6.91-6.7 0.25-13.44 0.59-20.05 1.83z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: repeat;
	background-size: 240px 320px;
	background-position: center;
}

.border-bottom-radius {
	border-bottom-right-radius: var(--radius-3xl);
	border-bottom-left-radius: var(--radius-3xl);
}

/* Формы Contact Form 7 */
.wpcf7-form label {
	width: 100%;
	font-family: var(--font-primary);
	font-weight: var(--font-medium);
	color: var(--gray-700);
	margin-bottom: var(--space-2);
}

div.modal-body {
	padding: var(--space-6) var(--space-8);
}

input.wpcf7-submit {
	background: var(--gradient-te);
	color: var(--te-white);
	font-family: var(--font-primary);
	font-weight: var(--font-semibold);
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-3xl);
	border: none;
	transition: all var(--transition-base);
	box-shadow: var(--shadow-sm);
}

input.wpcf7-submit:hover {
	background: var(--gradient-pepper);
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(220, 38, 38, 0.3);
}

input.wpcf7-submit:active {
	transform: translateY(0);
	box-shadow: var(--shadow-sm);
}

@media (max-width: 765px) {
	input.wpcf7-submit {
		width: 100%;
	}
}