h2{
	text-align:center;
	font-family: 'Play';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 46px;
	color: #000000;
}

.tour-calendar .calendar-filter h2{font-family: "Play-Bold", sans-serif;font-size:40px;margin-bottom:20px;}

.tour-catalog-breadcrumb .container{
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 20px;
}
/* Стили остаются без изменений */
.tour-calendar {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.filter-form {
    margin-bottom: 30px;
}


.filter-label {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 5px;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
}

.checkbox-label input[type="checkbox"] {
    margin: 0;
}

.year-group {
    margin-bottom: 15px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.year-title {
    background: #f8f9fa;
    padding: 10px 15px;
    font-weight: 600;
    color: #495057;
    border-bottom: 1px solid #e9ecef;
}

.year-months {
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.month-checkbox-label {
    cursor: pointer;
}

.month-checkbox {
    display: none;
}

.month-navigation{
display:flex;
justify-content:center;
height:100%;
}

.month-link {
    display: inline-block;
    padding: 8px 16px;
    background: white;
    border: 0.5px solid #242424;
    text-decoration: none;
    color: #242424;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
	border-radius: 10px;
	font-family: "Play-Regular", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	padding: 6px;
}

.month-link:hover {
   background: #FFEBE2;
    border-color: #F77514;
    color: #F77514;
}

.month-checkbox:checked + .month-link {
   background: #FFEBE2;
    border-color: #F77514;
    color: #F77514;
	
}

.location-select {
    padding: 10px 12px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    max-width: 300px;
    background: white;
}

.location-select:focus {
    outline: none;
    border-color: #007bff;
}

.filter-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
}

.tour-item {
    display: flex;
    align-items: center;
    padding: 20px;
    margin-bottom: 15px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

.tour-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.tour-date {
    flex: 0 0 200px;
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
}

.tour-info {
    flex: 1;
    padding: 0 20px;
}

.tour-title {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.tour-title a {
    color: #2c3e50;
    text-decoration: none;
}

.tour-title a:hover {
    color: #007bff;
}

.tour-meta {
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #6c757d;
}

.tour-price {
    color: #28a745;
    font-weight: 600;
}

.tour-departure {
    margin-top: 8px;
    font-size: 14px;
    color: #6c757d;
}

.tour-actions {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.places-available { color: #28a745; }
.places-few { color: #ffc107; }
.places-none { color: #dc3545; }

.no-tours, .loading, .error {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
    font-size: 18px;
}

.loading {
    color: #007bff;
}

.error {
    color: #dc3545;
}
.table-gold-light th{    
	background-color: #FFEBE2 !important;
    height: 54px;
    text-align: center;
    line-height: 54px;
	position:relative;
}
.btn-print{float:right;	opacity: 0.5;
	background: #FFFFFF;
	border: 0.5px solid #242424;
	border-radius: 10px;
	font-family: 'Play';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #242424;   
	margin-top: 10px;
}
.filter-actions{
	position: absolute;
    right: -13px;
    height: 100%;
    top: 0px;
    bottom: 0;
} 
.month-title-printing{display: none !important;}
.add-favourite img{filter: invert(0.5); !important;}
.add-sharing:hover img{filter: brightness(2.5) !important;}
.table th{
	text-align:center;
	font-family: 'Play';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

.calendar-tours.table-responsive-xxl table thead tr th{
font-family: "Play-Bold", sans-serif;
font-size: 14px;
}

.table th.month-title,
.table th.mont-title-printing{
	font-family: "Play-Bold", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
	line-height: 45px;
	color: #000000;
}
.table-gold-light .btn-sm:hover{
	opacity: 1;
}

/* It is a long established fact that a reader will be distracted by */
.table td{
	text-align:center;
	font-family: "Play-Regular", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #000000;   
	vertical-align: middle;
}

.table-gold-light th.month-title .btn{
font-family: "Play-Bold", sans-serif;
font-size:14px;
color:#242424;
opacity: 1;
border: 1px solid #242424;
border-radius: 10px;
}
.table td:nth-child(2) a{
	font-family: "Play-Bold", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #F77514;
	text-decoration:none;
}

.tour-seats.places-few{
color:#F08C00;
font-family: "Play-Bold", sans-serif;
}

.tour-seats.places-none{
color:#FF0900;
font-family: "Play-Bold", sans-serif;
}

.tour-seats.places-available{
color:#00A421;
font-family: "Play-Bold", sans-serif;
}

.filter-form{
	min-height: 121px;
	background: #FFFFFF;
	border: 0.5px solid #A8A8A8;
	border-radius: 10px;
	padding:20px;
	position:relative;
}
.filter-label{
	font-family: "Play-Bold", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
	line-height: 24px;
	color: #000000;
margin-bottom:30px;
}
.location-select{
	display:block;
	font-family: "Play-Regular", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #242424;
	background: #EBEBEB;
	border-radius: 10px;
width:305px;
}
#update-filter{
	width: 305px;
    height: calc(100% + 2px);
    background: #FFEBE2;
    border-width: 0.5px 0.5px 0.5px 0px;
    border-style: solid;
    border-color: #A8A8A8;
    border-radius: 0px 10px 10px 0px;
    font-family: "Play-Bold", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    text-transform: uppercase;
    color: #F77514;


}
.table th:nth-child(1){width: 20%;}
.table th:nth-child(2){width: 30%;}
.table th:nth-child(3){width: 15%;}
.table th:nth-child(4){width: 10%;}
.table th:nth-child(5){width: 25%;}
.table td:nth-child(1){width: 20%;}
.table td:nth-child(2){	width: 30%;}

.table td:nth-child(3){width: 15%;}
.table td:nth-child(4){width: 10%;}
.table td:nth-child(5){width: 25%;}
.table .btn-gradiant-hover{
	background-color:#EBEBEB !important;
	color:#949494!important;
}
.table tr:hover .btn-gradiant-hover{border: 1px solid #FF8A00 !important;}

@media (max-width: 1200px) {
    .btn {
        margin-bottom:1rem;
	}
}
@media (max-width: 991px) {
	
	#update-filter{
		border-radius: 10px;
		border-width:0.5px;margin:0 auto;
	}
	.filter-actions{
		position: unset;
		right: 0px;
		height: auto;
		top: 0px;
		bottom: 0;
		
	}
}
@media (max-width: 768px) {
	#update-filter{
		border-radius: 10px;
	}
    .tour-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .tour-date,
    .tour-info,
    .tour-actions {
        flex: none;
        width: 100%;
        padding: 0;
    }
    
    .tour-info {
        margin: 15px 0;
        padding: 15px 0;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }
    
    .tour-actions {
        flex-direction: row;
    }
    
    .year-months {
        justify-content: center;
    }
    
    .year-title {
        text-align: center;
    }
    
    .filter-actions {
        flex-direction: column;
    }
    
    .btn {
        margin-bottom:1rem;
    }
    
    .location-select {
        max-width: 100%;
    }
	.table{zoom: 0.8;}
}

@media (max-width: 600px) {    
	.table{zoom: 0.7;}
}