/* Дополнительные стили темы «Samopoznanie» поверх скомпилированного landing.css. */

/* Плавный скролл к якорям с учётом фиксированной шапки */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 5rem;
}

/* Состояние шапки при прокрутке (аналог scrolled из React-версии) */
#samo-nav.samo-nav-scrolled {
	border-color: rgba(232, 196, 104, 0.1);
	background-color: rgba(11, 11, 26, 0.7);
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
}

/* Отступ под админ-бар WordPress для фиксированной шапки */
.admin-bar #samo-nav {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar #samo-nav {
		top: 46px;
	}
}

/* Аккордеон программы: триггер занимает всю ширину, курсор-указатель */
.samo-acc-trigger {
	cursor: pointer;
	background: transparent;
	border: 0;
	color: inherit;
	font: inherit;
}
.samo-acc-item[data-state="open"] {
	border-color: rgba(232, 196, 104, 0.3) !important;
	box-shadow: 0 0 28px rgba(232, 196, 104, 0.14);
}
.samo-acc-trigger[data-state="open"] > h3,
.samo-acc-trigger[data-state="open"] h3 {
	color: #f2db94;
}
.samo-acc-trigger[data-state="open"] > svg {
	--tw-rotate: 180deg;
	transform: rotate(180deg);
}

/* Чекбокс согласия в стиле темы */
.samo-checkbox {
	appearance: none;
	-webkit-appearance: none;
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
	border: 1px solid #64748b;
	border-radius: 0.25rem;
	background: transparent;
	cursor: pointer;
	position: relative;
	margin: 0;
}
.samo-checkbox:checked {
	background-color: #e8c468;
	border-color: #e8c468;
}
.samo-checkbox:checked::after {
	content: "";
	position: absolute;
	left: 0.28rem;
	top: 0.08rem;
	width: 0.3rem;
	height: 0.55rem;
	border: solid #0b0b1a;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.samo-checkbox:focus-visible {
	outline: 2px solid rgba(232, 196, 104, 0.5);
	outline-offset: 2px;
}

/* Спиннер состояния «Отправляем…» */
.samo-spin {
	animation: samo-rotate 1s linear infinite;
}
@keyframes samo-rotate {
	to {
		transform: rotate(360deg);
	}
}

/* [hidden] должен побеждать flex/grid-утилиты Tailwind */
[hidden] {
	display: none !important;
}