/* MatchWeeks Slider Styles - Optimized for fast loading */

/* Betting Toggle Styles */
.anwp-fl-betting-toggle__container {
	display: flex;
	align-items: center;
	max-width: 100%;
}

.anwp-fl-betting-toggle__wrapper {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/Edge */
	padding: 4px 0;
	flex: 1;
}

.anwp-fl-betting-toggle__wrapper::-webkit-scrollbar {
	display: none; /* Chrome/Safari */
}

.anwp-fl-betting-toggle__btn {
    padding: 5px 10px;
    border: 2px solid var(--theme-palette-color-7, #ddd);
    background: var(--theme-palette-color-6, #f5f5f5);
    color: var(--theme-palette-color-3, #333);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s ease;
    outline: none;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: fit-content;
}

.anwp-fl-betting-toggle__btn:hover {
	background: var(--theme-palette-color-7, #e0e0e0);
	border-color: var(--theme-palette-color-3, #bbb);
	transform: translateY(-1px);
}

.anwp-fl-betting-toggle__btn.active {
    background: var(--theme-palette-color-7, #0073aa);
    color: var(--theme-palette-color-3);
    border-color: var(--theme-palette-color-1, #0073aa);
}

/* Locked buttons with lock icon */
.anwp-fl-betting-toggle__btn--locked {
	position: relative;
	padding-right: 20px;
}

.anwp-fl-betting-toggle__lock-icon {
	position: absolute;
	top: 2px;
	right: 3px;
	opacity: 0.7;
	color: var(--theme-palette-color-2);
}

/* Safe Bets button special styling */
.anwp-fl-betting-toggle__btn[data-betting-mode="safe-bets"] {
	border-color: #28a745;
	position: relative;
}

.anwp-fl-betting-toggle__btn[data-betting-mode="safe-bets"]:hover {
	background: #e8f5e9;
	border-color: #28a745;
}

.anwp-fl-betting-toggle__btn[data-betting-mode="safe-bets"].active {
	background: #28a745;
	color: #fff;
	border-color: #28a745;
	box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

/* Navigation Arrows */
.anwp-fl-betting-toggle__arrow {
	background: var(--theme-palette-color-6, #f5f5f5);
	border: 1px solid var(--theme-palette-color-7, #ddd);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	margin: 0 8px;
	color: var(--theme-palette-color-1, #333);
}

.anwp-fl-betting-toggle__arrow:hover {
	background: var(--theme-palette-color-3, #0073aa);
	border-color: var(--theme-palette-color-3, #0073aa);
	color: #fff;
	transform: scale(1.1);
}

.anwp-fl-betting-toggle__arrow:active {
	transform: scale(0.95);
}

.anwp-fl-betting-toggle__arrow.disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

.anwp-fl-betting-toggle__arrow svg {
	stroke: currentColor;
	stroke-width: 2;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Fade animation for betting info */
.match-modern__betting-info {
	transition: opacity 0.25s ease;
	opacity: 1;
}

.match-modern__betting-info.fading {
	opacity: 0;
}

/* Club Search Styles */
.anwp-fl-matchweeks-slider-search__wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.anwp-fl-matchweeks-slider-search__label {
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
}

.anwp-fl-matchweeks-slider-search__input-wrapper {
	flex: 1;
	min-width: 250px;
	display: flex;
	gap: 10px;
	align-items: center;
}

.anwp-fl-matchweeks-slider-search__select {
	min-height: 38px;
}

/* Hidden match animation */
.anwp-fl-game {
	transition: opacity 0.3s ease, height 0.3s ease;
}

.anwp-fl-game[style*="display: none"] {
	opacity: 0;
	height: 0;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

/* Select2 Customization */
.anwp-fl-matchweeks-slider-search__input-wrapper .select2-selection {
    background: var(--theme-palette-color-6) !important;
    min-height: 0 !important;
    height: 40px;
    border: none;
}

.select2-dropdown {
    background: var(--theme-palette-color-6) !important;
}

.anwp-fl-matchweeks-slider-search__input-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--theme-palette-color-7);
    border: none;
}

.anwp-fl-matchweeks-slider-search__input-wrapper .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

/* Force hide headers when filtering */
.anwp-fl-matchweek-slides .anwp-fl-block-header[style*="display: none"] {
	display: none !important;
}

/* Skeleton Loader for Betting Info */
.betting-skeleton {
	animation: betting-skeleton-pulse 1.5s ease-in-out infinite;
}

@keyframes betting-skeleton-pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
}

/* Loading state for betting info */
.match-modern__betting-info.fading {
	opacity: 0.3;
	transition: opacity 0.25s ease;
}

/* No matches message */
.anwp-no-matches-message {
	text-align: center;
	padding: 1.5rem;
	color: #666;
	font-style: italic;
}

/* MatchWeek Navigation Slides Width Control */
.anwp-fl-matchweek-nav-slides__swiper-outer-container {
	max-width: 600px; /* Ограничение ширины навигации */
	margin: 0 auto; /* Центрирование */
}