/* AnyDress Try-On — site header bar ([anydress_header]).
   Deliberately palette-neutral: text inherits the theme; grays only.
   Width: aligned to the theme's WIDE content size (same as the footer),
   breaking out of any constrained parent — same technique as the widget. */

.adt-header.adt-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	box-sizing: border-box;
	width: min(var(--wp--style--global--wide-size, 1340px), calc(100vw - 40px)) !important;
	max-width: none !important;
	margin-left: calc((100% - min(var(--wp--style--global--wide-size, 1340px), calc(100vw - 40px))) / 2) !important;
	margin-right: 0 !important;
	padding: 14px 0;
}

.adt-header-left { display: flex; align-items: center; gap: 16px; min-width: 0; flex: 1 1 auto; overflow: hidden; }

.adt-header-site {
	font-size: 1.35rem;
	font-weight: 600;
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}
.adt-header-site:hover { opacity: 0.75; }

.adt-header-sep { width: 1px; height: 22px; background: #d1d5db; flex: none; }

.adt-header-page {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #6b7280;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.adt-header-right { display: flex; align-items: center; gap: 16px; flex: 0 0 auto; }

.adt-header-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 0.9rem;
	font-weight: 600;
	white-space: nowrap;
}

.adt-header-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.55;
	flex: none;
}

.adt-header-email { font-size: 0.95rem; color: #6b7280; white-space: nowrap; }

.adt-header-logout {
	font-size: 0.95rem;
	font-weight: 600;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.adt-header-logout:hover { opacity: 0.75; }

/* ---------- footer ([anydress_footer]) ---------- */

.adt-footer.adt-footer {
	box-sizing: border-box;
	width: min(var(--wp--style--global--wide-size, 1340px), calc(100vw - 40px)) !important;
	max-width: none !important;
	margin-left: calc((100% - min(var(--wp--style--global--wide-size, 1340px), calc(100vw - 40px))) / 2) !important;
	margin-right: 0 !important;
	padding: 40px 0 28px;
	color: #0f172a;
}

/* Neutralize any stray tags injected by WordPress content filters. */
.adt-footer br, .adt-footer p:empty { display: none !important; }

.adt-footer-top { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.adt-footer-brand { font-size: 1.35rem; font-weight: 700; }
.adt-footer-links { display: flex; flex-wrap: wrap; gap: 8px 28px; justify-content: flex-end; margin-left: auto; flex: 1; }
.adt-footer-links a { color: #475569; text-decoration: none; font-size: 0.95rem; }
.adt-footer-links a:hover { color: #0f172a; text-decoration: underline; text-underline-offset: 3px; }

.adt-footer-social { margin-top: 10px; display: flex; align-items: center; gap: 10px; font-size: 0.9rem; }
.adt-footer-social a { color: #64748b; text-decoration: none; }
.adt-footer-social a:hover { color: #0f172a; }
.adt-footer-social span { color: #cbd5e1; }

.adt-footer-rule { border: none; border-top: 1px solid #e2e8f0; margin: 24px 0 18px; }

.adt-footer-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 0.85rem; color: #64748b; }

@media (max-width: 781px) {
	.adt-footer.adt-footer { padding: 28px 0 20px; }
	.adt-footer-top { flex-direction: column; align-items: flex-start; gap: 16px; }
	.adt-footer-links { justify-content: flex-start; margin-left: 0; flex: none; gap: 10px 20px; }
	.adt-footer-bottom { flex-direction: column; gap: 6px; }
}

/* Mobile: site name + pill + log out only. The left side shrinks with an
   ellipsis instead of overflowing under the pill. */
@media (max-width: 781px) {
	.adt-header.adt-header { gap: 10px; padding: 12px 0; }
	.adt-header-page, .adt-header-sep, .adt-header-email { display: none; }
	.adt-header-site { font-size: 1.05rem; }
	.adt-header-right { gap: 10px; }
	.adt-header-pill { font-size: 0.8rem; padding: 5px 10px; gap: 6px; }
	.adt-header-logout { font-size: 0.85rem; }
}