/* ===== BLOCK STYLES ====== */
.dyad-image-set {
	margin: var(--margin-top, 0) auto 0;
}

.dyad-image-set img {
	display: block;
	width: 100%;
}
.dyad-image-set .ratio img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.is-even.dyad-image-set .image-holder .ratio img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.is-even.dyad-image-set .wp-block,
.is-even.dyad-image-set .image-holder {
	flex: 1 1 100% !important;
}

.dyad-image-set .wp-block {
	flex: 1 1 0;
	flex: var(--ratio, 1) 1 0;
}

.dyad-image-set .dyad-image-set-innerblock {
	width: 100%;
	margin: 0;
}
.dyad-image-set .dyad-image-set-innerblock .dyad-image {
	padding: 0.25rem 0;
}
@media screen and (min-width: 40em) {
	.dyad-image-set .dyad-image-set-innerblock {
		width: 100%;
		margin: 0.5% auto;
	}
	.dyad-image-set .dyad-image-set-innerblock .dyad-image {
		padding: 0;
	}
}
#editor .dyad-image-set .dyad-image-set-innerblock {
	padding-top: 18px;
}
#editor .dyad-image-set .dyad-image-set-innerblock:not(:has(.dyad-image)) {
	min-height: 5em;
	background-color: #efefef;
	/* width: 95%; */
	padding-bottom: 1em;
}
#editor .dyad-image-set :where(.wp-block) {
	width: 100%;
	max-width: 100%;
}
#editor .dyad-image-set .dyad-image-set-innerblock .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
#editor .dyad-image-set .dyad-image-set-innerblock .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
	color: #000;
}
#editor .dyad-image-set .wp-block {
	margin-bottom: 34px;
}
#editor .dyad-image-set .block-list-appender {
	/* position: relative; */
	/* margin-bottom: 28px; */
	flex: 0 0 100% !important;
	margin-bottom: 5px;
}
.dyad-image-set .block-list-appender button {
	background: #000 !important;
	color: #fff !important;
}
.dyad-image-set .block-list-appender button:hover {
	background: var(--wp-admin-theme-color);
	color: #fff;
}

/*==== SPECIAL SLIDESHOW THINGS =====*/

/* @media screen and .dyad-image-set .dyad-image-set-innerblock.heart-slideshow.showroom-mobile-slideshow {
	opacity: 1;
	height: 100%;
} */

.dyad-image-set .dyad-image-set-innerblock > * {
	margin-top: var(--image-set-gap, 0);
}

.dyad-image-set .dyad-image {
	margin: 0;
	flex: 0 0 0;
	flex: var(--ratio, 1) 1 0;
}

@media screen and (min-width: 50em) {
	.dyad-image-set .dyad-image.is-vertical:only-child {
		margin: 0 auto;
		max-width: 50%;
		/* max-width: calc(var(--ratio, 0.75) * 90vh); */
	}
}

/* .dyad-image-set .dyad-image:not(:first-child) {
	margin-top: 0.5rem;
} */

.dyad-image-set-innerblock .dyad-image .ratio {
	width: 100%;
	position: relative;
	padding: 0;
	padding-top: var(--padding, 100%);
	/* padding-top: var(--row-padding, var(--padding, 100%)); */
}

@media screen and (min-width: 768px) {
	.is-even .dyad-image-set-innerblock .dyad-image .ratio {
		padding-top: var(--row-padding, var(--padding, 100%));
	}
	.is-even .dyad-image-set-innerblock .dyad-image.image-missing:only-child .ratio {
		padding-top: 60%;
	}

	.dyad-image-set .dyad-image-set-innerblock {
		display: flex;
		align-items: stretch;
		justify-content: center;
		gap: 0.5rem;
	}

	.dyad-image-set .dyad-image-set-innerblock > * {
		margin-top: 0;
	}

	.dyad-interiors-row .dyad-image-set-innerblock .dyad-image:not(:first-child),
	.dyad-image-set-innerblock .acf-notify:not(:first-child),
	.dyad-image-set-innerblock .wp-block-acf-dyad-image:not(:first-child) {
		margin-top: 0;
	}
}

/* .dyad-image-set-innerblock .wp-block .acf-block-preview:only-child .ratio {
	padding-top: var(--row-padding, var(--padding, 40%));
}

.dyad-image-set-innerblock:has(.acf-block-preview:nth-child(n + 3):last-child) .acf-block-preview .ratio {
	padding-top: var(--row-padding, var(--padding, 130%));
} */

@media screen and (max-width: 767px) {
	.heart-slideshow.showroom-mobile-slideshow {
		height: 0;
		padding-top: 110%;
	}

	.dyad-image-set:has(.showroom-mobile-slideshow) {
		margin-bottom: 2em;
	}
}

/* ===== CMS/WORDPRESS-SPECIFIC STYLES ====== */
#editor .dyad-image-set {
	margin-bottom: 1rem;
	/* padding: 0.6rem; */
}

#editor .heart-slideshow.showroom-mobile-slideshow {
	height: 100%;
	max-height: 100%;
	padding-top: 0;
}

#editor .dyad-image-set:hover {
	outline: 1px dotted;
}

#editor .dyad-image-set.is-even .dyad-image-set-innerblock::after {
	content: "Image Set: Even";
}

#editor .dyad-image-set .dyad-image-set-innerblock::after {
	display: none;
	content: "Image Set: Natural";
	position: absolute;
	top: 0;
	right: auto;
	/* bottom: 4px; */
	bottom: auto;
	left: 0;
	background-color: #ddd;
	color: #000;
	font-size: 8px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding: 4px 8px;
}

#editor .dyad-image-set .dyad-image-set-innerblock figcaption p {
	margin-top: 0;
}

#editor .is-selected .dyad-image-set .dyad-image-set-innerblock::after,
#editor .dyad-image-set:hover .dyad-image-set-innerblock::after {
	display: block;
}

#editor .dyad-image-set .dyad-image-set-innerblock img {
	opacity: 1 !important;
}