/* 
 * Unified Buttons and Tabs Styles
 * Единый дизайн для всех кнопок и табов на сайте
 */

/* =========================
   КНОПКИ (Buttons)
   ========================= */

/* Базовые стили кнопок */
.btn, 
.btn-primary,
.btn-secondary,
.afisha-btn,
.document-btn,
.view-all-button,
.blog-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 1.75rem;
	border-radius: 0.5rem;
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2;
}

/* Первичная кнопка (желтая) */
.btn-primary,
.afisha-btn-primary,
.document-btn--view,
.view-all-button,
.btn-buy-ticket {
	background: linear-gradient(135deg, #CE9826 0%, #a87d1f 100%);
	color: #fff;
	border-color: #CE9826;
}

.btn-primary:hover,
.afisha-btn-primary:hover,
.document-btn--view:hover,
.view-all-button:hover,
.btn-buy-ticket:hover {
	background: linear-gradient(135deg, #a87d1f 0%, #8a6719 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(206, 152, 38, 0.3);
}

/* Вторичная кнопка (белая с границей) */
.btn-secondary,
.afisha-btn-secondary,
.document-btn--download {
	background: #fff;
	color: #CE9826;
	border-color: #CE9826;
}

.btn-secondary:hover,
.afisha-btn-secondary:hover,
.document-btn--download:hover {
	background: #CE9826;
	color: #fff;
}

/* Отключенная кнопка */
.afisha-btn-disabled,
.btn-sold-out,
.btn-disabled {
	background: #E5E7EB;
	color: #9CA3AF;
	border-color: #E5E7EB;
	cursor: not-allowed;
}

.afisha-btn-disabled:hover,
.btn-sold-out:hover,
.btn-disabled:hover {
	transform: none;
	box-shadow: none;
}

/* Маленькая кнопка */
.btn-small {
	padding: 0.625rem 1.25rem;
	font-size: 0.875rem;
}

/* =========================
   ТАБЫ (Tabs)
   ========================= */

/* Контейнер табов */
.tabs-container,
.spektakl-tabs,
.person-tabs,
.documents-filters,
.afisha-filters {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1rem;
	background: #F9FAFB;
	border-radius: 0.75rem;
	margin-bottom: 2rem;
}

/* Базовые стили табов */
.tab,
.spektakl-tabs button,
.person-tabs button,
.documents-filter-btn,
.afisha-filter-btn {
	padding: 0.75rem 1.5rem;
	background: #fff;
	color: #374151;
	border: 2px solid #E5E7EB;
	border-radius: 0.5rem;
	font-weight: 600;
	font-size: 0.9375rem;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.tab:hover,
.spektakl-tabs button:hover,
.person-tabs button:hover,
.documents-filter-btn:hover,
.afisha-filter-btn:hover {
	border-color: #CE9826;
	color: #CE9826;
	background: #FFFBF0;
	transform: translateY(-2px);
}

/* Активный таб */
.tab.active,
.spektakl-tabs button.active,
.person-tabs button.active,
.documents-filter-btn.active,
.afisha-filter-btn.active {
	background: linear-gradient(135deg, #CE9826 0%, #a87d1f 100%);
	color: #fff;
	border-color: #CE9826;
}

.tab.active:hover,
.spektakl-tabs button.active:hover,
.person-tabs button.active:hover,
.documents-filter-btn.active:hover,
.afisha-filter-btn.active:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(206, 152, 38, 0.3);
}

/* =========================
   АДАПТИВНОСТЬ
   ========================= */

@media (max-width: 767px) {
	.btn,
	.btn-primary,
	.btn-secondary {
		width: 100%;
		justify-content: center;
	}
	
	.tabs-container,
	.spektakl-tabs,
	.person-tabs,
	.documents-filters,
	.afisha-filters {
		gap: 0.5rem;
		padding: 0.75rem;
	}
	
	.tab,
	.spektakl-tabs button,
	.person-tabs button,
	.documents-filter-btn,
	.afisha-filter-btn {
		padding: 0.625rem 1.25rem;
		font-size: 0.875rem;
	}
}

/* =========================
   ИКОНКИ В КНОПКАХ
   ========================= */

.btn svg,
.tab svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

/* Анимация стрелки при наведении */
.btn:hover svg,
.view-all-button:hover svg {
	transform: translateX(4px);
}