/* 04.06.2025: стили формы обратной связи (как страница «Статистика») — начало */

/* Полная ширина колонки контента, без узкого article + сайдбара */
body.page-template-page-feedback-php #primary.content-area {
	float: none;
	width: 100%;
	max-width: 100%;
}

body.page-template-page-feedback-php #secondary {
	display: none;
}

body.page-template-page-feedback-php .site-main {
	width: 100%;
	max-width: 100%;
}

section.stats-page.calorazh-feedback-page {
	max-width: 790px;
	width: 100%;
	margin: 0 auto;
	/* 02.06.2026: отступ снизу перед подвалом */
	padding: 0 0 50px;
	box-sizing: border-box;
	--stats-surface: #ffffff;
	--stats-border: #eceef1;
	--stats-radius: 16px;
	--stats-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.03);
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #1f2937;
}

/* 08.06.2026: было margin 0 0 16px → отступы у .calorazh-page-head / .calorazh-page-title в calorazh-page-title.css */

.calorazh-feedback {
	width: 100%;
	max-width: 100%;
}

.calorazh-feedback__lead {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.45;
	color: #64748b;
}

.calorazh-feedback__notice {
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 14px;
	line-height: 1.45;
	border: 1px solid var(--stats-border);
	background: var(--stats-surface);
	box-shadow: var(--stats-shadow);
}

.calorazh-feedback__notice--success {
	background: #f0fdf4;
	color: #15803d;
	border-color: #bbf7d0;
}

.calorazh-feedback__notice--error {
	background: #fef2f2;
	color: #b91c1c;
	border-color: #fecaca;
}

.calorazh-feedback__card.stats-chart-card {
	padding: 12px 16px 18px;
	border: 1px solid var(--stats-border);
	border-radius: var(--stats-radius);
	background: var(--stats-surface);
	box-shadow: var(--stats-shadow);
}

.calorazh-feedback-page .calorazh-feedback__card h2.calorazh-feedback__card-title,
.calorazh-feedback-page .calorazh-feedback__card .stats-chart-card__title {
	margin: 0 0 12px !important;
	padding: 0;
	font-size: 16px !important;
	line-height: 1.3;
	font-weight: 700;
	color: #111827;
}

.calorazh-feedback__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.calorazh-feedback__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.calorazh-feedback__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.calorazh-feedback__label {
	font-weight: 600;
	font-size: 14px;
	color: #334155;
}

/* 02.06.2026: font-size 16px — без авто-зума Safari на iPhone при фокусе в поле — начало */
.calorazh-feedback__input,
.calorazh-feedback__textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e3e7ed;
	border-radius: 12px;
	padding: 10px 12px;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	color: #111827;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
/* 02.06.2026: font-size 16px — без авто-зума Safari на iPhone при фокусе в поле — конец */

/* Без оранжевого outline браузера на :invalid (пустой email) */
.calorazh-feedback-page .calorazh-feedback__input:focus,
.calorazh-feedback-page .calorazh-feedback__input:focus-visible,
.calorazh-feedback-page .calorazh-feedback__textarea:focus,
.calorazh-feedback-page .calorazh-feedback__textarea:focus-visible {
	outline: none !important;
	border-color: #86efac !important;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2) !important;
}

.calorazh-feedback-page .calorazh-feedback__input:invalid,
.calorazh-feedback-page .calorazh-feedback__input:user-invalid,
.calorazh-feedback-page .calorazh-feedback__input:-moz-ui-invalid,
.calorazh-feedback-page .calorazh-feedback__textarea:invalid,
.calorazh-feedback-page .calorazh-feedback__textarea:user-invalid {
	border-color: #e3e7ed;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	outline: none;
}

.calorazh-feedback-page .calorazh-feedback__input:invalid:focus,
.calorazh-feedback-page .calorazh-feedback__input:invalid:focus-visible,
.calorazh-feedback-page .calorazh-feedback__input:user-invalid:focus,
.calorazh-feedback-page .calorazh-feedback__input:user-invalid:focus-visible,
.calorazh-feedback-page .calorazh-feedback__textarea:invalid:focus,
.calorazh-feedback-page .calorazh-feedback__textarea:invalid:focus-visible {
	outline: none !important;
	border-color: #86efac !important;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2) !important;
}

.calorazh-feedback__textarea {
	min-height: 9rem;
	resize: vertical;
}

.calorazh-feedback__hint {
	font-size: 12px;
	color: #94a3b8;
}

.calorazh-feedback__submit {
	align-self: flex-start;
	min-height: 44px;
	margin-top: 4px;
	padding: 10px 22px;
	border: 1px solid #22c55e !important;
	border-radius: 999px;
	background: #22c55e;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	cursor: pointer;
	outline: none !important;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.calorazh-feedback__submit:hover {
	background: #16a34a;
	border-color: #16a34a !important;
}

.calorazh-feedback__submit:active {
	background: #15803d;
	border-color: #15803d !important;
}

.calorazh-feedback__submit:focus,
.calorazh-feedback__submit:focus-visible {
	outline: none !important;
	border-color: #16a34a !important;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.35) !important;
}

.calorazh-feedback__submit:focus:not(:focus-visible) {
	box-shadow: none !important;
}

.calorazh-feedback__legal {
	margin: 0;
	font-size: 12px;
	color: #64748b;
	line-height: 1.45;
}

.calorazh-feedback__legal a {
	color: #16a34a;
	font-weight: 600;
	text-decoration: none;
}

.calorazh-feedback__legal a:hover {
	color: #15803d;
	text-decoration: underline;
}

/* 04.06.2025: стили формы обратной связи — конец */