/* EBD design controls (inc/design.php, assets/js/design.js). Desktop 1024px+, tablet 782-1023px, mobile to 781px. */

/* Hide on a screen size */
@media (min-width: 1024px) { .ebd-hide-desktop { display: none !important; } }
@media (min-width: 782px) and (max-width: 1023px) {
	.ebd-hide-tablet { display: none !important; }
	.ebd-stack-t.wp-block-columns { flex-wrap: wrap !important; }
	.ebd-stack-t.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 781px) {
	.ebd-hide-mobile { display: none !important; }
	.ebd-reverse-m.wp-block-columns, .ebd-reverse-m.is-layout-flex { flex-direction: column-reverse !important; }
}

/* Hover effects */
.ebd-hover-lift, .ebd-hover-glow, .ebd-hover-grow { transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; }
.ebd-hover-lift:hover { transform: translateY(-6px); box-shadow: 0 18px 40px -18px rgba(11, 21, 30, .35); }
.ebd-hover-glow:hover { box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 35%, transparent), 0 18px 40px -20px rgba(11, 21, 30, .3); }
.ebd-hover-grow:hover { transform: scale(1.03); }
.ebd-hover-zoom { overflow: hidden; }
.ebd-hover-zoom img, .ebd-hover-zoom .wp-block-cover__image-background { transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.ebd-hover-zoom:hover img, .ebd-hover-zoom:hover .wp-block-cover__image-background { transform: scale(1.06); }

/* Sticky */
.ebd-sticky { position: sticky; top: var(--ebd-sticky-top, 100px); align-self: flex-start; }
.admin-bar .ebd-sticky { top: calc(var(--ebd-sticky-top, 100px) + var(--wp-admin--admin-bar--height, 32px)); }

/* Parallax: the script moves the photo; give it room so no edge shows. */
[data-ebd-parallax] { overflow: hidden; }
[data-ebd-parallax] .ebd-px-target { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
	.ebd-hover-lift:hover, .ebd-hover-grow:hover, .ebd-hover-zoom:hover img, .ebd-hover-zoom:hover .wp-block-cover__image-background { transform: none; }
	[data-ebd-parallax] .ebd-px-target { transform: none !important; }
}

/* Editor canvas: blocks hidden on the device you are previewing stay visible but faded, so you can still select them. */
.ebd-ed-hide-desktop, .ebd-ed-hide-tablet, .ebd-ed-hide-mobile { --ebd-ed-faded: 1; }
@media (min-width: 1024px) { .ebd-ed-hide-desktop { opacity: .35; outline: 1px dashed #c0392b; outline-offset: 2px; } }
@media (min-width: 782px) and (max-width: 1023px) { .ebd-ed-hide-tablet { opacity: .35; outline: 1px dashed #c0392b; outline-offset: 2px; } }
@media (max-width: 781px) { .ebd-ed-hide-mobile { opacity: .35; outline: 1px dashed #c0392b; outline-offset: 2px; } }