/* =========================================================================
   WMoving Templates
   Colors, fonts and type scale copied from the Oxygen theme (11.css + 229.css).
   Mobile-first. px units. Flexbox. Prefix: wmoving.
   ========================================================================= */

:root {
	/* Theme colors */
	--wmoving-dark:      #221e13;  /* warm dark - header, footer, hero overlay */
	--wmoving-gold:      #e5b318;  /* gold accent */
	--wmoving-gold-dark: #d1a112;  /* gold hover */
	--wmoving-white:     #ffffff;
	--wmoving-mute:      rgba(255, 255, 255, 0.7);  /* muted light text */
	--wmoving-line:      rgba(255, 255, 255, 0.1);  /* borders on dark */
	--wmoving-body:      #221e13;  /* body text color */
	--wmoving-body-soft: #555046;
	--wmoving-paper:     #ffffff;
	--wmoving-paper-2:   #f6f4ec;  /* cream */
	--wmoving-ink-line:  #e7e3d8;

	/* Theme fonts */
	--wmoving-display: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
	--wmoving-body-font: 'Poppins', 'Helvetica Neue', Arial, sans-serif;

	--wmoving-shell: 1296px;
}

/* -------------------------------------------------------------------------
   BASE
   ---------------------------------------------------------------------- */

.wmoving-page {
	margin: 0;
	background: var(--wmoving-paper);
	color: var(--wmoving-body);
	font-family: var(--wmoving-body-font);
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
}

.wmoving-page *,
.wmoving-page *::before,
.wmoving-page *::after {
	box-sizing: border-box;
}

.wmoving-page img {
	max-width: 100%;
	height: auto;
}

/* Links inherit the context color; gold comes only from explicit classes
   (e.g. .wmoving-entry a), so menu and footer links keep their own color. */
.wmoving-page a {
	text-decoration: none;
}

.wmoving-shell {
	width: 100%;
	max-width: var(--wmoving-shell);
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

.wmoving-skip {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 9999;
	background: var(--wmoving-dark);
	color: #fff;
	padding: 12px 18px;
}

.wmoving-skip:focus {
	left: 0;
}

.wmoving-page :focus-visible {
	outline: 2px solid var(--wmoving-gold);
	outline-offset: 2px;
}

/* Icons - base */
.wmoving-page svg {
	display: inline-block;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------
   BUTTONS (border-radius 3px from theme)
   ---------------------------------------------------------------------- */

.wmoving-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 24px;
	border: 1px solid transparent;
	border-radius: 3px;
	font-family: var(--wmoving-body-font);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.wmoving-btn--gold {
	background: var(--wmoving-gold);
	color: var(--wmoving-dark);
}

.wmoving-btn--gold:hover {
	background: var(--wmoving-gold-dark);
	color: var(--wmoving-dark);
}

/* -------------------------------------------------------------------------
   PAGE CONTENT (post_content)
   ---------------------------------------------------------------------- */

.wmoving-main {
	padding-top: 56px;
	padding-bottom: 64px;
}

.wmoving-entry {
	max-width: 860px;
}

.wmoving-entry > *:first-child { margin-top: 0; }

.wmoving-entry h1,
.wmoving-entry h2,
.wmoving-entry h3,
.wmoving-entry h4 {
	font-family: var(--wmoving-display);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: 0.5px;
	color: var(--wmoving-dark);
}

.wmoving-entry h1 { margin: 0 0 18px; font-size: 52px; }
.wmoving-entry h2 { margin: 40px 0 16px; font-size: 40px; }
.wmoving-entry h3 { margin: 32px 0 14px; font-size: 30px; }
.wmoving-entry h4 { margin: 26px 0 12px; font-size: 22px; }

.wmoving-entry p,
.wmoving-entry li {
	font-size: 16px;
	line-height: 1.7;
	color: var(--wmoving-body-soft);
}

.wmoving-entry p { margin: 0 0 18px; }

.wmoving-entry ul,
.wmoving-entry ol { margin: 0 0 18px; padding-left: 22px; }

.wmoving-entry li { margin-bottom: 8px; }

.wmoving-entry a { color: var(--wmoving-gold); text-decoration: underline; }
.wmoving-entry a:hover { color: var(--wmoving-gold-dark); }

.wmoving-entry blockquote {
	margin: 26px 0;
	padding: 16px 22px;
	background: var(--wmoving-paper-2);
	border-left: 4px solid var(--wmoving-gold);
	border-radius: 0 6px 6px 0;
}

.wmoving-entry blockquote p:last-child { margin-bottom: 0; }

.wmoving-entry img { border-radius: 4px; }

.wmoving-entry table {
	width: 100%;
	margin: 0 0 22px;
	border-collapse: collapse;
	font-size: 15px;
}

.wmoving-entry th,
.wmoving-entry td {
	padding: 11px 14px;
	border: 1px solid var(--wmoving-ink-line);
	text-align: left;
}

.wmoving-entry th {
	background: var(--wmoving-paper-2);
	font-weight: 600;
}



/* -------------------------------------------------------------------------
   ACCESSIBILITY
   ---------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.wmoving-page * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}
