/**
 * 360 Broadway - Nova Child: Floor plan cards: Floor Plans template and the Floor Plans Slider layout.
 * Loaded only on pages that use it (see bw_css_components() in inc/enqueue.php).
 * Loads after style.css; rules keep their original order.
 */

.floorplan_item_content {
}
.floorplan_item_content {
    border-bottom: 1px solid var(--bw-text);
    padding: 20px 15px;
    text-align: center;
}
.floorplan_item_image {
    height: 240px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-bottom: 15px;
    background-position: center !important;
}
.floorplan_item_text {
}
.floorplan_item_details {
    cursor: pointer;
    text-align: center;
    padding: 10px;
    color: var(--bw-tertiary);
}
.floorplan_item {
    cursor: pointer;
}
.floorplan_item:hover .floorplan_item_image {
    transform: scale(1.1);
}
.floorplan_item_image {
    transition: all 0.3s;
}
.floorplan_item_details {
    position: relative;
}
.floorplan_item_details::before {
    content: "";
    background: var(--bw-teal);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: all 0.3s;
}
.floorplan_item:hover .floorplan_item_details::before {
    width: 100%;
}
.floor-plan-carousel-section {
	background: linear-gradient(90deg, var(--bw-cream) 60%, var(--bw-white) 50%);
	position: relative;
}
.floor-plan-carousel-section .content_block {
	margin: 0;
}
.floor-plan-carousel-section .content_block_content_inner {
	max-width: 600px;
}
.floor-plan-carousel-section .content_block_image {
	padding: 0;
}
.floor-plan-swiper {
	padding: 0 30px;
	position: relative;
}

@media (min-width: 768px) {
	.floor-plan-swiper {
			padding: 0 70px;
		}
}

@media (max-width: 768px) {
	.floor-plan-swiper .carousel-button-prev {
			left: 5px!important;
		}
	.floor-plan-swiper .carousel-button-next {
			right: 5px!important;
		}
	.floorplan-images .swiper-button-next::before,
		.floorplan-images .swiper-button-prev::before,
		.floor-plan-swiper .carousel-button-next::before,
		.floor-plan-swiper .carousel-button-prev::before {
			filter: brightness(100);
		}
}

.floor-plan-carousel {
	width: 100%;
	overflow: hidden;
	padding: 20px 10px;
}
.floor-plan-carousel .swiper-slide {
	background: var(--bw-white);
}
.floor-plan-carousel-section .floorplan_item {
	margin-bottom :0;
}
.floor-plan-carousel-section .floorplan_item_content {
	overflow: hidden;
}
.floor-plan-carousel-section .floorplan_item_image {
	height: 380px;
	margin-bottom: 0;
}
.floorplan_item {
	border: 0;
	box-shadow: 0px 0px 8px 5px rgb(51 45 34 / 8%);
	position: relative;
}
.floorplan_item_image {
	z-index: 0;
    position: relative;
}
.floorplan_item_content {
	border: 0;
	padding-bottom: 30px;
}
a.floor-plan-link:hover {
	color: initial;
}
.floorplan_item_details {
	color: #111111; /* Classic Black on Bellaview Gold — WCAG AA (QA round 1) */
	padding: 14px 20px;
	background: var(--bw-secondary);
	font-size: 20px;
}
.floorplan_item_details::before {
	background: var(--bw-primary);
}
.floorplan_item_text {
	padding: 0 30px;
	position: relative;
	z-index: 1;
}
.floorplan_item_text p {
	text-transform: none;
	font-size: 16px;
}
.bw-watermark-left {
	position: absolute;
	left: 0;
	top: -610px;
	width: 20vw;
	height: 1200px;
	background-image: var(--bw-watermark);
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	opacity: 0.1;
	max-width: 405px;
}

@media (max-width: 768px) {
	.bw-watermark-left {
			top: -500px;
			width: 285px;
			height: 1000px;
			opacity: 0.05;
		}
}

.floorplan_item_details { margin-top: auto;
}
.floor-plan-carousel .swiper-slide { height: auto;
}
.carousel-button-next,
.carousel-button-prev {
    display: block;
    width: 48px !important;
    height: 60px !important;
    border: 1px solid var(--bw-black);
    position: absolute;
	top: calc(50% - 30px);
	cursor: pointer;
}
.carousel-button-next::before,
.carousel-button-prev::before {
    position: absolute;
    width: 15px;
    height: 28px;
    display: block;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background-size: 100% !important;
}
.carousel-button-prev::before {
    background: url("../images/chev-left.png");
    content: "";
}
.carousel-button-next::before {
    background: url("../images/chev-right.png");
    content: "";
}
.floorplan_item_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.floorplan_card {
	position: relative;
	height: 100%;
}
.floorplan_card .floor-plan-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}
.floor-plan-swiper {
	position: relative;
}
.floor-plan-carousel .swiper-slide {
	height: auto;
}
.carousel-button-prev,
.carousel-button-next {
	border: 0;
	cursor: pointer;
}

/* Manual floor plans: availability line on the card (dates, waitlist, notes). */
.floorplan_item_text .floorplan_item_status {
	font-style: italic;
}