/* Local overrides for landing-zoe.
   The original page loaded its lightbox skin as PNG sprites from the WordPress
   origin (zoepark.com.br), which no longer resolves. Those URLs were replaced
   with a transparent pixel in main.css; the controls that actually matter are
   redrawn here as inline SVG so the gallery stays usable offline. */

.ilightbox-toolbar.metro-white a,
.ilightbox-toolbar.metro-white a:hover {
	background-image: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px 11px;
	border-radius: 2px;
}

.ilightbox-toolbar.metro-white a.ilightbox-close,
.ilightbox-toolbar.metro-white a.ilightbox-close:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23222' stroke-width='3' stroke-linecap='round' d='M4 4l16 16M20 4L4 20'/%3E%3C/svg%3E");
}

.ilightbox-toolbar.metro-white a.ilightbox-fullscreen,
.ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M3 9V3h6M21 9V3h-6M3 15v6h6M21 15v6h-6'/%3E%3C/svg%3E");
}

/* Slideshow play/pause and the social/thumbnail chrome are not used by this page. */
.ilightbox-toolbar.metro-white a.ilightbox-play,
.ilightbox-toolbar.metro-white a.ilightbox-pause,
.ilightbox-holder.metro-white .ilightbox-social {
	display: none;
}

/* The loader was a spritesheet animation; a CSS spinner replaces it. */
.ilightbox-loader.metro-white div {
	background: #fff;
	border-radius: 100%;
}

.ilightbox-loader.metro-white div::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 2px solid rgba(0, 0, 0, .2);
	border-top-color: #222;
	border-radius: 100%;
	animation: ilightbox-spin 700ms linear infinite;
}

@keyframes ilightbox-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.ilightbox-loader.metro-white div::after { animation: none; }
}

/* Caption and alert panels lost their background sprite - flat fills instead. */
.ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption {
	background: rgba(255, 255, 255, .92);
	color: #222;
}

.ilightbox-holder.metro-white .ilightbox-alert {
	background: rgba(255, 255, 255, .92);
	color: #222;
}

/* Hero (.fusion-builder-row-1): its banner image was lost with the WordPress
   origin, so a saved photo carries the section under a brand-colour wash.

   The image is set here rather than through Avada's --awb-background-image
   custom property: a url() inside a custom property resolves against the
   stylesheet that substitutes it, so a document-relative path written inline
   in index.html would be looked up under assets/css/. The wash is an overlay
   rather than a gradient for a related reason - Avada's parallax plugin
   regex-strips url() out of the computed background-image. */
.fusion-builder-row-1 {
	position: relative;
	background-image: url(../img/IMG-03.jpeg);
	background-size: cover;
	/* Bias the crop upward so more of the Zoe Park sign sits behind the headline.
	   The attendant at the counter stays in frame - she is near the middle of the
	   photo, so no crop that keeps the sign can also exclude her. */
	background-position: center 22%;
	background-repeat: no-repeat;
}

.fusion-builder-row-1::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: rgba(159, 0, 133, .72);
	pointer-events: none;
}

.fusion-builder-row-1 > .fusion-row {
	position: relative;
	z-index: 1;
}

/* The form hands the lead to a mail client, which silently does nothing for a
   visitor on webmail with no client configured. The address is therefore also
   on the page, where it can be read and copied. */
.zoe-contact-fallback {
	margin-top: 14px;
	font-size: 15px;
	line-height: 1.5;
}

.zoe-contact-fallback a {
	font-weight: 600;
	text-decoration: underline;
}