/* general property styles */
.listing-type-container {
    background: var(--agj-green);
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listing-type-container.sold {
    background: var(--agj-red);
}

.listing-type-container a,
.listing-type-container:hover a {
    color: white;
}

/* property listing */
.agj-property-price {
    font-size: 24px;
    font-weight: 600;
}

.agj-price-monthly {
    font-size: 18px;
    font-weight: 500;
}

/* property cards */
.property-card-container {
    cursor: pointer;
}

.pc-listing-type .listing-type-container {
    display: inline-block;
    padding: 8px 4px;
    width: fit-content;
    margin: 8px;
}

.pc-listing-type .listing-type-container a {
    font-size: 15px;
}

/* limit the property image display to 1 */
/*.pc-property-image-limit .image-item:nth-of-type(n + 2) {*/
/*    display: none !important;*/
/*}*/

/*.pc-property-image-limit .image-list,*/
/*.pc-property-image-limit .image-item {*/
/*    margin: 0px !important;*/
/*}*/

/* /properties */
.property-search-container {
    flex-grow: 1 !important;
}

.property-sort-container,
.property-types-container,
.listing-types-container {
    max-width: 15%;
}

.property-search-container,
.property-sort-container,
.property-types-container,
.listing-types-container {
    display: grid;
    grid-gap: 2px;
}

.property-search-container > p,
.property-sort-container > p,
.property-types-container > p,
.listing-types-container > p {
    /* font-size: 14px; */
    /* line-height: 14px; */
    /* font-weight: 500; */
    display: none;
}

/* /properties/<property_name> */
.agj-property-header {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.agj-property-header .agj-property-price {
    font-size: 32px !important;
    font-weight: 600;
}

.agj-property-header .agj-price-monthly {
    font-size: 24px !important;
}

.agj-property-title-container {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
}

.agj-property-title-container > h2 {
    font-size: 26px !important;
    line-height: 28px;
}

.agj-property-title-container > span {
    font-size: 18px !important;
    line-height: 20px;
}

.agj-property-details {
    font-size: 16px;
    line-height: 24px;
}

/* property image gallery */
/*.pig-image-preview {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.pig-image-preview .image-list {*/
/*    display: flex;*/
/*    transition: transform 0.6s ease-in-out;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.pig-image-preview .image-item {*/
/*    min-width: 100%;*/
/*}*/

/*.pig-image-preview img {*/
/*    border-radius: 10px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.pig-image-gallery-selection .value {*/
/*    padding: 4px 0;*/
/*    overflow-x: auto;*/
/*    margin-top: -30px;*/
/*}*/

/* property image/videos gallery */
.property-gallery-preview {
	position: relative;
	overflow: hidden;
	transition: height 0.3s ease;
}

.property-gallery-preview .property-gallery-list {
	display: flex;
	transition: transform 0.6s ease-in-out;
	width: 100%;
}

.property-gallery-preview .property-gallery-item {
	min-width: 100%;
}

.property-gallery-preview img,
.property-gallery-preview video {
	border-radius: 10px;
	width: 100%;
	height: auto;
}

/*.gallery-selection {*/
/*	padding: 4px 0;*/
/*	overflow-x: auto;*/
/*	margin-top: -30px;*/
/*}*/

/* Style images directly when .image-list absent (single image) */
/*.pig-image-gallery-selection .value > img {*/
/*    flex: 0 0 auto;*/
/*    width: 146px;*/
/*    height: 94px;*/
/*    border-radius: 6px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 0 0 1px #d0d0d0 inset;*/
/*    margin-top: 30px;*/
/*    cursor: pointer;*/
/*}*/

/*.pig-image-gallery-selection .image-list {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 6px;*/
/*}*/

/*.pig-image-gallery-selection figure {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*.pig-image-gallery-selection .image-item {*/
/*    flex: 0 0 auto;*/
/*    width: 146px;*/
/*    height: 94px;*/
/*    border-radius: 6px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 0 0 1px #d0d0d0 inset;*/
/*}*/

/*.pig-image-gallery-selection .image-item img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    border-radius: 6px;*/
/*    display: block;*/
/*    cursor: pointer;*/
/*}*/

/*.pig-image-gallery-selection .value::-webkit-scrollbar {*/
/*    height: 6px;*/
/*}*/

/*.pig-image-gallery-selection .value::-webkit-scrollbar-thumb {*/
/*    background: #ccc;*/
/*    border-radius: 10px;*/
/*}*/

.property-gallery-selection {
	overflow: hidden;
	position: relative;
    overflow-x: auto !important;
    padding-bottom: 5px !important; 
}

.property-gallery-selection .property-gallery-list {
	display: flex;
	flex-direction: row;
	gap: 6px;
	/*overflow-x: hidden;*/
	/*scroll-behavior: smooth;*/
}

.property-gallery-selection .property-gallery-item {
	flex: 0 0 auto;
	width: 146px;
	height: 94px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 0 1px #d0d0d0 inset;
	cursor: pointer;
}

.property-gallery-selection .property-gallery-item.active {
	border: 3px solid var(--agj-green);
}

.property-gallery-selection .property-gallery-item img,
.property-gallery-selection .property-gallery-item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
	display: block;
	cursor: pointer;
}

.property-gallery-selection::-webkit-scrollbar {
	height: 6px;
}

.property-gallery-selection::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}

/* property card */
.property-thumbnail {
	z-index: 10px;
}

.property-thumbnail img,
.property-thumbnail video {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
}

@media (max-width: 738px) {
    .agj-property-header {
        flex-direction: column;
    }
}