/* CSS глобальные переменные */
:root {
	/* ========== ПЕРЕМЕННЫЕ ДЛЯ КНОПОК ========== */
	/* Основные параметры кнопок */
	--btn-font-family: var(--font-family);
	--btn-font-size: 1rem;
	--btn-font-weight: 700;
	--btn-line-height: 1;
	--btn-border-radius: 5px;
	--btn-border-width: 1px;
	--btn-margin: 0;
	--btn-transition: all 0.3s ease;

	/* Размеры кнопок */
	--btn-padding-x: 1.875rem;
	--btn-padding-y: 0.6875rem;

	/* Размеры кнопок BIG */
	--btn-big-padding-x: 2.125rem;
	--btn-big-padding-y: 0.8125rem;
	--btn-big-font-size: 1rem;

	/* Размеры кнопок MIN */
	--btn-min-padding-x: 1.875rem;
	--btn-min-padding-y: 0.5rem;
	--btn-min-font-size: 1rem;

	/* Цвета PRIMARY кнопки */
	--btn-primary-bg: var(--color-corporate);
	--btn-primary-color: var(--color-light);
	--btn-primary-border: transparent;

	/* Цвета PRIMARY HOVER */
	--btn-primary-hover-bg: var(--color-light);
	--btn-primary-hover-color: var(--color-corporate);
	--btn-primary-hover-border: var(--color-corporate);
	--bs-btn-active-color: var(--btn-primary-color);
	--bs-btn-active-bg: var(--btn-primary-bg);
	--bs-btn-active-border-color: var(--btn-primary-bg);

	/* Цвета OUTLINE кнопки */
	--btn-outline-bg: transparent;
	--btn-outline-color: var(--color-corporate);
	--btn-outline-border: var(--color-corporate);

	/* Цвета OUTLINE HOVER */
	--btn-outline-hover-bg: var(--color-corporate);
	--btn-outline-hover-color: var(--color-light);
	--btn-outline-hover-border: var(--color-corporate);

	/* Цвета DISABLED */
	--bs-btn-disabled-color: var(--color-light);
	--bs-btn-disabled-bg: var(--color-corporate);
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-disabled-opacity: 0.65;

	/* Эффекты кнопок */

	/* Тени кнопок */
	--btn-hover-shadow: 0 6px 20px rgba(220, 53, 69, 0.3);
	--btn-focus-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.4);
	--btn-active-shadow: 0 2px 8px rgba(220, 53, 69, 0.2);
}

/* Адаптивные стили */
@media (max-width: 767.98px) {
	:root {
		/* Адаптивные размеры кнопок */
		--btn-padding-x: 1.75rem;
		--btn-padding-y: 0.75rem;
		--btn-font-size: 0.9rem;
		--btn-min-padding-x: 1.25rem;
		--btn-min-padding-y: 0.5rem;
		--btn-min-font-size: 0.8rem;
		--btn-big-padding-x: 2.25rem;
		--btn-big-padding-y: 1rem;
		--btn-big-font-size: 1rem;
	}
}

@media (max-width: 575.98px) {
	:root {
		/* Мобильные размеры кнопок */
		--btn-padding-x: 1.5rem;
		--btn-padding-y: 0.625rem;
		--btn-font-size: 0.85rem;
		--btn-min-padding-x: 1rem;
		--btn-min-padding-y: 0.375rem;
		--btn-min-font-size: 0.75rem;
		--btn-big-padding-x: 2rem;
		--btn-big-padding-y: 0.875rem;
		--btn-big-font-size: 0.95rem;
	}
}

/*
******************************************
Стили кнопок 
******************************************
*/

/* БАЗОВАЯ КНОПКА */
.btn {
	display: inline-block;
	padding: var(--btn-padding-y) var(--btn-padding-x);
	font-family: var(--btn-font-family);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	line-height: var(--btn-line-height);
	text-decoration: none;
	cursor: pointer;
	border: var(--btn-border-width) solid var(--btn-primary-border);
	border-radius: var(--btn-border-radius);
	background: var(--btn-primary-bg);
	color: var(--btn-primary-color);
	transition: var(--btn-transition);
	outline: none;
	margin: var(--btn-margin);
}

/* HOVER эффект */
.btn:hover {
	background: var(--btn-primary-hover-bg);
	color: var(--btn-primary-hover-color);
	border-color: var(--btn-primary-hover-border);
	box-shadow: var(--btn-hover-shadow);
}

/* FOCUS эффект */
.btn:focus {
	background: var(--btn-primary-hover-bg);
	color: var(--btn-primary-hover-color);
	border-color: var(--btn-primary-hover-border);
	box-shadow: var(--btn-focus-shadow);
}

/* ACTIVE эффект */
.btn:active {
	box-shadow: var(--btn-active-shadow);
}

/* DISABLED состояние */
.btn:disabled {
	pointer-events: none;
}

/* РАЗМЕР MIN */
.btn-min {
	padding: var(--btn-min-padding-y) var(--btn-min-padding-x);
	font-size: var(--btn-min-font-size);
}

/* РАЗМЕР BIG */
.btn-big {
	padding: var(--btn-big-padding-y) var(--btn-big-padding-x);
	font-size: var(--btn-big-font-size);
}

/* OUTLINE кнопка */
.btn-outline-primary {
	--bs-btn-disabled-color: var(--btn-outline-color);
	--bs-btn-disabled-border-color: var(--btn-outline-border);
	--bs-btn-active-bg: var(--btn-outline-color);
	--bs-btn-active-border-color: var(--btn-outline-color);

	background: var(--btn-outline-bg);
	color: var(--btn-outline-color);
	border-color: var(--btn-outline-border);
}

.btn-outline-primary:hover {
	background: var(--btn-outline-hover-bg);
	color: var(--btn-outline-hover-color);
	border-color: var(--btn-outline-hover-border);
	box-shadow: var(--btn-hover-shadow);
}

.btn-outline-primary:focus {
	background: var(--btn-outline-hover-bg);
	color: var(--btn-outline-hover-color);
	border-color: var(--btn-outline-hover-border);
	box-shadow: var(--btn-focus-shadow);
}

.btn-outline-primary:active {
	box-shadow: var(--btn-active-shadow);
}

/*
******************************************
Аккардион
******************************************
*/
/*** ACCORDION ***/
.accordion-item {
	border-radius: 5px;
	background: #e6e6e6;
}

.accordion-button {
	font-weight: 700;
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	background-color: #e6e6e6;
	border-radius: 5px;
	color: var(--dark-color);
}

.accordion-button:not(.collapsed) {
	--bs-accordion-active-color: var(--dark-color);
	background-color: #e6e6e6;
	box-shadow: none;
	border-radius: 5px;
}

.accordion-button:focus {
	z-index: 3;
	outline: 0;
	border-color: transparent;
	border-radius: 5px;
	box-shadow: none;
}

.accordion-body {
	padding: 1rem 1.25rem;
	padding-top: 0px;
}

.accordion-body p {
	color: #4b4b4b;
	font-weight: 300;
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	line-height: 1.35;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
	background-image: url(../img/ico/chevron-down.svg);
	background-position: center;
	border-radius: 5px;
}