/*
 * Companion styles for the Plantek West clone chrome. The header now reuses
 * the site's own Tailwind classes verbatim (see site-tailwind.css), so this
 * file only covers the footer and the contact-form shortcode, which don't
 * have a 1:1 markup match to reuse those classes from.
 */

:root {
	--pwc-ink: #12181f;
	--pwc-muted: #9aa3ad;
	--pwc-text: #e8e8e8;
}

/* Revolution Slider also defines .rise as an image filter and can print its
 * stylesheet after WordPress's normal dequeue phase. Keep the source site's
 * entrance animation in normal document flow and suppress those filter layers. */
.pwc-main .rise {
	position: static !important;
	filter: none !important;
}
.pwc-main .rise::before,
.pwc-main .rise::after {
	content: none !important;
	display: none !important;
}

/* WordPress fixes its logged-in toolbar to the viewport. Without matching the
 * sticky offset, the draft header slides behind that toolbar while scrolling. */
body.admin-bar > header.sticky {
	top: 32px !important;
}
@media (max-width: 782px) {
	body.admin-bar > header.sticky {
		top: 46px !important;
	}
}
@media (max-width: 600px) {
	body.admin-bar > header.sticky {
		top: 0 !important;
	}
}

.pwc-footer { background: var(--pwc-ink); color: var(--pwc-muted); }
.pwc-footer a { color: var(--pwc-muted); text-decoration: none; }

/* Only source-designated zoom and gallery controls advertise enlargement. */
.pwc-main button[data-pwc-gallery] img,
.pwc-main button[class*="cursor-zoom-in"] img,
.pwc-main button[aria-label*="full screen" i] img,
.pwc-main [data-pwc-lightbox] img,
.pwc-main img.cursor-zoom-in { cursor: zoom-in; }
.pwc-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(18, 24, 31, 0.95);
}
.pwc-lightbox[hidden] { display: none; }
.pwc-lightbox figure { margin: 0; max-width: calc(100vw - 8rem); text-align: center; }
.pwc-lightbox img { max-width: 100%; max-height: 82vh; width: auto; height: auto; object-fit: contain; margin: 0 auto; display: block; }
.pwc-lightbox figcaption { min-height: 1.5rem; margin-top: 0.75rem; color: var(--pwc-text); font-size: 0.9rem; line-height: 1.5; }
.pwc-lightbox-close {
	position: absolute;
	top: 1.25rem;
	right: 1.5rem;
	background: none;
	border: 0;
	color: var(--pwc-text);
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
}
.pwc-lightbox-prev, .pwc-lightbox-next {
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	transform: translateY(-50%);
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: rgba(18, 24, 31, 0.8);
	color: var(--pwc-text);
	font-size: 2.25rem;
	line-height: 1;
	cursor: pointer;
}
.pwc-lightbox-prev { left: 1rem; }
.pwc-lightbox-next { right: 1rem; }
.pwc-lightbox-prev[hidden], .pwc-lightbox-next[hidden] { display: none; }
.pwc-footer a:hover { color: var(--pwc-text); }
.pwc-footer h3 { color: var(--pwc-text); font-size: 1rem; margin-bottom: 0.75rem; }
.pwc-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.pwc-footer-col ul { list-style: none; margin: 0; padding: 0; }
.pwc-footer-col li { margin-bottom: 0.4rem; }
.pwc-social { display: flex; gap: 1rem; margin-top: 1rem; }
.pwc-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 2rem; padding-top: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; font-size: 0.85rem; }
.pwc-footer-tag { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.08); text-align: center; font-size: 0.75rem; line-height: 1.6; opacity: 0.75; }
.pwc-footer-tag a { color: inherit; text-decoration: underline; }

@media (max-width: 768px) {
	.pwc-footer-grid { grid-template-columns: 1fr 1fr; }
	.pwc-lightbox figure { max-width: calc(100vw - 2rem); }
	.pwc-lightbox img { max-height: 74vh; }
	.pwc-lightbox-prev, .pwc-lightbox-next { top: auto; bottom: 1rem; transform: none; }
}

/* Contact form (shortcode) */
.pwc-contact-form { display: grid; gap: 1rem; max-width: 640px; }
.pwc-contact-form label { display: block; font-weight: 600; margin-bottom: 0.35rem; }
.pwc-contact-form input, .pwc-contact-form select, .pwc-contact-form textarea {
	width: 100%; padding: 0.6rem 0.75rem; border: 1px solid #ccc; border-radius: 4px; font-family: inherit;
}
.pwc-contact-form .pwc-btn-primary { border: 0; cursor: pointer; }
.pwc-form-notice { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; }
.pwc-form-notice.success { background: #e5f6ea; color: #1e5e2f; }
.pwc-form-notice.error { background: #fbe7e7; color: #7a1f1f; }