.gps-users-category-description{
	text-align:     center;
    font-family:    "Arial", Sans-serif;
    font-size:      18px;
    font-weight:    400;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    word-spacing:   0px;

}
.gps-singapore-guides-catalog-container{
}
.gps-singapore-guides-catalog-controls{
	display: flex; 
	justify-content: 
	space-between; 
	align-items: center; 
	flex-wrap: wrap; 
	gap: 15px; 
	margin-bottom:  5px; 
	padding-bottom: 5px; 
/*	border-bottom: 1px solid #9a9a9a;*/
}
.gps-singapore-guides-sorting,
.gps-singapore-guides-switcher{
	display: flex; 
	gap: 6px; 
	align-items: center;
}
.gps-singapore-guides-sorting-button,
.gps-singapore-guides-switcher-button{
	padding:         6px 10px !important; 
	cursor:          pointer !important; 
	border:          1px solid #000 !important; 
	background:      #fff !important; 
	border-radius:   4px !important; 
	display:         inline-flex !important; 
	align-items:     center; 
	justify-content: center;
}
.sort-btn, .view-btn {
    transition: all 0.2s ease !important;
    color:      #ccc;
}
.sort-btn:hover, .view-btn:hover {
    background: #fafafa !important;
    color:      #000;
}
.sort-btn.active, .view-btn.active {
    background:   #ececec !important; /* Фирменный синий цвет WordPress */
    color:        #fff !important;
    border-color: #000000 !important;
}    
.gps-guides-list {
    list-style: none;
    padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.gps-hide{
	display: none;
}
.gps-guides-list.view-list {
	flex-direction: column;
}
.gps-guides-list.view-grid {
	flex-direction: row;
}
.gps-guide-item {
	background: #fff;
	border: 1px solid #9a9a9a;
	border-radius: 8px;
	padding: 15px;
	box-sizing: border-box;
	transition: box-shadow 0.2s ease;
	align-items: flex-start;
}
.gps-guide-item:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
/* Режим строки (по умолчанию или класс .view-list) */
.gps-guides-list.view-list .gps-guide-item {
	display: flex;	
	flex-wrap: wrap;
	background-color: #fbfbfb;
}
.gps-guides-list.view-list  .gps-guide-link  {
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 16px;
}
.gps-guides-list.view-list .gps-guide-avatar-wrapper{
	width: 320px;
	max-width: 320px;
	min-width: 320px;
	aspect-ratio: 1 / 1;  
	border-radius: 15% !important; 
	object-fit:    cover; 
	border: 3px    solid #fff  !important; 
	box-shadow:    0 2px 8px rgba(0,0,0,0.15)  !important;
	overflow:      hidden;     
}
.gps-guides-list.view-list #gps-guide-avatar-img {
	width:  320px;
    height: 320px;
    object-fit: cover;
    object-position: center;
}
.gps-guides-list.view-list .gps-guide-info-name {
	margin: 3px 0 3px 0;
}
.gps-guides-list.view-list .gps-guide-info-meta-data {
	display: inline-block;
	margin-top: 8px;
}
/* Режим клетки / сетки (.view-grid) */
.gps-guides-list.view-grid  .gps-guide-item {
	display: flex;
	flex-wrap: wrap;
	width: calc((100% - 40px) / 3); 
	background-color: #fbfbfb;
}
.gps-guides-list.view-grid  .gps-guide-link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;	
	width: 100%;
}
.gps-guides-list.view-grid .gps-guide-avatar-wrapper{
	flex: 1 1 100%; 
	width: 100%;            /* Заставляет блок занять всю доступную ширину */
    max-width: 100%;        /* Отменяет любые скрытые ограничения по ширине */
    aspect-ratio: 1 / 1;  
	border-radius: 15% !important; 
	object-fit:    cover; 
	border: 3px    solid #fff  !important; 
	box-shadow:    0 2px 8px rgba(0,0,0,0.15)  !important;
	overflow:      hidden;     
}
.gps-guides-list.view-grid #gps-guide-avatar-img {
    width: 100%;        /* Растягивает картинку по ширине блока */
    height: 100%;       /* Растягивает картинку по высоте блока */
    object-fit: cover;  /* Масштабирует фото без искажения пропорций, обрезая лишнее */
    object-position: center; /* Центрирует лицо гида на фотографии */
}
.gps-guides-list.view-grid .gps-guide-info{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: 16px;
	align-items: center;
	text-align: center;	
	width: 100%;
}
.gps-guides-list.view-grid .gps-guide-info-name {
	margin: 0 0 3px 0;
}
.gps-guides-list.view-grid .gps-guide-info-meta-data {
	display: inline-block;
	margin-top: 8px;
}
.gps-guide-info{
    color: #1E1E1E;
}
.gps-guide-info-name {
	font-family: "Helvetica", Sans-serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 3px;
	color: #000;
}
.gps-guide-info-name:hover {
	text-decoration: underline;
}
.gps-guide-info-meta-item {
	font-size: 14px;
	color: #666;
	display: flex;
	flex-direction: row;
	gap: 5px;
	float: left;
	padding: 2px 4px;
    width: 50%;
}
.gps-guide-info-meta-item div{
	padding-left: 4px;
	margin-top: -1px;
}
.gps-guide-info-availability,
.gps-guide-info-short-descriprion{
    margin: 6px 0;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 19px;    
}

@media (max-width: 768px) {
	.gps-guides-list.view-grid .gps-guide-item {
		width: calc((100% - 20px) / 2);
	}
}
@media (max-width: 480px) {
	.gps-users-category-description {
		font-size: 14px;
		letter-spacing: 1.2px;
		word-spacing: 0px;		
        line-height: 1.2em;

	}
	.gps-guides-list.view-grid .gps-guide-item {
		width: 100%;
	}
	.gps-guides-list.view-list #gps-guide-avatar-img {
    	width: 144px;
    	height: 144px;
    	object-fit: cover;
    	object-position: center;
	}
	.gps-guides-list.view-list .gps-guide-avatar-wrapper {
    	width: 144px;
    	max-width: 144px;
    	min-width: 144px;
    	height: 144px;
    	aspect-ratio: 1 / 1;
	}
	.gps-guides-list.view-list .gps-guide-info {
    	margin-left: -146px;
	}
	.gps-guides-list.view-list .gps-guide-info-name {
		font-size: 18px;
		letter-spacing: 2px;
		margin-left: 146px !important;
	}
	.gps-guides-list.view-list .gps-guide-info-meta-data {		
    	margin-top: 4px;
    	margin-left: 140px;
		margin-bottom: 12px;
	}
	.gps-guides-list.view-list .gps-guide-info-meta-item {
		width: 100%;
	}
    .gps-guides-list.view-list .gps-guide-info-availability,
	.gps-guides-list.view-list .gps-guide-info-short-descriprion {
    	margin-left: -14px;
	}	
}
/* Стили для активной кнопки переключателя */
.guides-view-switcher button.active {
	background: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}
/* Контейнер прелоадера (центрирование по экрану) */
.gps-loader-wrapper {
    display: none; /* Изначально скрыт */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    align-items: center;
    justify-content: center;
}

/* Сама крутящаяся линия */
.gps-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #a46497; /* Цвет активной линии (синий WP) */
    border-radius: 50%;
    animation: gpsSpin 0.8s linear infinite;
}

/* Анимация вращения */
@keyframes gpsSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Состояние каталога во время загрузки */
#gps-guides-ajax-wrapper.loading {
    opacity: 0.3;
    filter: blur(1px); /* Легкое размытие для лучшего визуального эффекта */
    pointer-events: none; /* Блокируем клики по карточкам во время загрузки */
}