/*
Theme Name: Burgh Property
Description: Child theme for Avada
Author: Ian Livingstone
Author URI: https://www.freakwebdesign.co.uk
Template: Avada
Version: 1.0.10 -> Property Hive Integration
Text Domain:  Avada
*/

:root {
	--blue: #21517c;
}

/* New CSS September 2025 */

/* Property Listings */
.post-type-archive-property {
	#content {
		width: 100%;
		margin-bottom: 2rem;

		.propertyhive-views {
			ul {
				list-style-type: none;
				list-style-position: inside;

				display: flex;
				flex-direction: row;
				gap: 0.5rem;

				padding: 0;
				margin: 0 0 1.5rem;

				li {
					color: white;
					background-color: var(--blue);
					border: 1px solid var(--blue);
					transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					
					font-size: 1rem;
					
					a {
						width: 100%;
						height: 100%;
						padding: 0.75em 1.5em;
						color: white;
					}

					&.active,
					&:hover {
						background-color: white;
						a {
							color: var(--blue);
						}
					}
				}
			}
		}

		&:has(input#department_residential-sales[checked]) .properties {
				.price {
					display: flex;
					flex-direction: row-reverse;
					justify-content: center;
					gap: 0.66ch;
				}
			}

		&:has(input#department_residential-lettings[checked]) .properties {

				.details-wrapper .price {
					text-transform: uppercase;
				}
				.available-date::before {
					content: 'Available:';
				}
				.available-date {
					font-family: Poppins, sans-serif !important;
				 	font-size: 0.6em;
					font-style: normal; 
					display: flex;
					flex-direction: row;
					justify-content: center;
					gap: 0.66ch;
				}
			}

		form.property-search-form {
			display: flex;
			flex-direction: row;
			gap: 1rem;
			row-gap: 0.5rem;
			align-items: flex-end;
			flex-wrap: wrap;

			@media screen and (max-width: 960px) {

			}

			div.control {
				display: flex !important;
				flex-direction: column;
				gap: 0.25rem;
				padding: 0;
			}

			input[type="submit"] {
				font-size: 1.25rem;
				color: white;
				background-color: var(--blue);
				border: 1px solid var(--blue);
				transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				padding: 0.25rem 0.75rem;

				&:hover {
					color: var(--blue);
					background-color: white;
					cursor: pointer;
				}
			}

			&:has(input#department_residential-sales[checked]) {
				.lettings-only {
					display: none !important;
				}
			}

			&:has(input#department_residential-lettings[checked]) {
				.sales-only {
					display: none !important;
				}
			}

			
		}

		.properties {
			.thumbnail {
				aspect-ratio: 3/2;
				overflow: hidden;
				img {
					aspect-ratio: 3/2;
					object-fit: cover;
					width: 100%;
					height: 100%;
					
					
				}
				.flag {
					font-size: 1rem !important;
				}
			}
			.details {
				display: flex;
				flex-direction: column;
				gap: 0.5rem;
				background-color: #f6f6f6;

				h3 {
					padding: 0.25rem 0.75rem;
					flex-grow: grow;
					text-align: center;
					font-size: 1.5rem;
					display: flex;
					flex-direction: column;
					justify-content: center;
					min-height: 4.2em;
					margin-bottom: 0;
					@media screen and (max-width: 1024px) {
						min-height: 5.5em;
					}
					@media screen and (max-width: 590px) {
						min-height: 3em;
					}
				}
				.details-wrapper {
					background-color: var(--blue);
					color: white;
					font-family: PT-Serif, serif;
					font-style: italic;
					font-weight: 500;
					font-size: 1.5rem;
					padding: 0.25rem 0.75rem;
					line-height: 1.5;
					text-align: center;
					
				}
			}
		}

		.page-numbers {
			font-size: 1.5rem;
			font-weight: 600;
			display: flex;
			flex-direction: row;
			gap: 1em;
			justify-content: center;
			
		}
	}

	.propertyhive-map-canvas-wrapper {
		margin-bottom: 8rem;
	}
}

/* Property Page */
.single-property {
	&.department-residential-lettings {
		.lbtt {
			display: none !important;
		}

		.price {
			text-align: right;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			gap: 0.66ch;

			@media screen and (max-width: 1024px) {
				text-align: left !important;
				justify-content: normal;
				padding-top: 0.5em;
				border-top: 1px solid white;
				margin-top: 0.5em;
				
			}

			.price-qualifier {
				font-family: PT-Serif, serif !important;
				font-style: italic;
				font-weight: 300;
				font-size: 1.75rem;
				text-transform: uppercase;
			}
		}
	}
	&.department-residential-sales {
		.property-reference-number-shortcode {
			display: none;
		}
		.price {
			text-align: right;
			display: flex;
			flex-direction: column-reverse;
			align-items: flex-end;
			gap: 0.25rem;

			@media screen and (max-width: 1024px) {
				text-align: left;
				align-items: flex-start;
				padding-top: 0.5em;
				border-top: 1px solid white;
				margin-top: 0.5em;
			}

			.price-qualifier {
				font-family: PT-Serif, serif !important;
				font-style: italic;
				font-weight: 300;
				font-size: 1.75rem;
			}
		}
	}
	main#main {
		padding-top: 0; 
	}
	#content {
		width: 100%;
		
		margin-bottom: 2rem;



		.fusion-layout-column {
			margin-bottom: 0 !important;
		}

		#address_bar {
			color: white;
			font-family: Poppins, sans-serif !important;

			.property-address-street-shortcode,
		 	.property-price-shortcode {
				line-height: 1 !important;
				font-family: Poppins, sans-serif !important;
				font-weight: 300;
				font-size: 3rem;
			}
			
			.property-address-town-city-shortcode {
				display: flex;
				flex-direction: row;
				align-items: baseline;
			}
			.property-address-town-city-shortcode:after {
				margin-right: 1ch;
				content: ', ';
			}

			.property-address-town-city-shortcode,
			.property-address-postcode-shortcode {
				font-family: PT-Serif, serif !important;
				font-style: italic;
				font-weight: 300;
				font-size: 1.75rem;
				line-height: 1.3;
			}

			.property-full-description-shortcode .description h4.fusion-responsive-typography-calculated {
				display: none !important;
			}
		}

		#images_wrapper {
			.fusion-column-wrapper{
				margin: 0;
				.images {
					/* max-width: 1144px;
					margin-left: calc(-4% / 2 );
					margin-right: calc(-4% / 2 ); */
		
					.thumbnails {
						/* display: flex;
						flex-direction: column; */
					}
				} 
			}
		}	
		#slider {
			
			> .flex-viewport {
				margin-bottom: 0.25rem;
			}
		}
		#slider,
		.thumbnails {
			.flex-direction-nav {
				a {
					background-color: white;
					&:before {
						color: var(--blue) !important;
						font-size: 30px;
					}
				}
				.flex-next:before {
					margin-right: 0.1em;
				}
			}
		}
		#slider.flexslider,
	 	.thumbnails.flexslider {
			margin-bottom: 0;
			border: 0;

		}

		#details_box {
			.property_actions {
				ul {
					list-style-type: none;
					list-style-position: inside;
					margin: 1em 0;
					padding: 0;
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 0.75rem;

					.action-make-enquiry {
						grid-column: span 2;
					}

					@media screen and (max-width: 515px) {
    				grid-template-columns: 1fr;
						.action-make-enquiry {
							grid-column: span 1;
						}
					}

					

					li {
						width: 100%;
						height: 3em;
						padding: 0;
						margin: 0;
						
						a {
							background-color: var(--blue);
							color: white;
							padding: 1em 2em;
							margin: 0;
							text-align: center;
							width: 100%;
							height: 100%;
							display: flex;
							flex-direction: row;
							justify-content: center;
							align-items: center;
							line-height: 1.25;
			
							&:hover {
								background-color: white;
								color: var(--blue);
							}
						}
					}
				}
			}
			
			.property-type-shortcode,
			.property-reception_rooms-shortcode,
			.property-bedrooms-shortcode,
			.property-bathrooms-shortcode,
			.property-let-available-date-shortcode,
	 		.property-deposit-shortcode,
			.property-reference-number-shortcode,
		 	.council-tax-band,
			.epc-rating {
		 		font-family: Poppins, sans-serif;
				font-size: 20px !important;
				font-weight: 300;
			}
		}

		.council-tax-band {
			margin-top: 1em;
			border-top: 1px solid currentColor;
			padding-top: 1em;
		}

		.stamp-duty-calculator-scotland {
			.stamp-duty-calculator-results-scotland {
				h4 {
					display: none;
				}
			}
			button {
				color: white;
				font-size: 16px;
				padding: 1em 2em;
				background-color: var(--blue);
				transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				border: 1px solid var(--blue);
				margin-top: 1em;
				&:hover {
					background-color: white;
					color: var(--blue);
					cursor: pointer;
				}
			}
		}

		#features_and_map,
	 	#features_heading h4 {
			
			color: white !important;
		}

		#inline_enquiry {
			max-width: 720px;
			padding: 1rem;
			margin: 0 auto;
			
			.enquiry-heading {
				text-align: center;

				span {
					color: var(--blue);
					font-family: PT-Serif, serif !important;
					font-style: italic;
					font-weight: 500;
					font-size: 30px;
				}
			}

			input[type="submit"] {
				color: white;
				font-size: 20px;
				padding: 1em 2em;
				background-color: var(--blue);
				transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				border: 1px solid var(--blue);
				margin-top: 1em;
				&:hover {
					background-color: white;
					color: var(--blue);
					cursor: pointer;
				}
			}
		}
	}
}