/* Bridging rules.
   main.css was written for hand-made markup; WordPress blocks wrap things in lists and extra
   divs. These rules make the block output land in exactly the same place visually, so the design
   is unchanged while the content becomes editable in the normal editor. */

/* --- menus ------------------------------------------------------------ */
.main-nav .wp-block-navigation__container,
.footer nav .wp-block-navigation__container {
	display: flex;
	align-items: center;
	gap: inherit;
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-nav { gap: 26px; }
.footer nav { gap: 18px; }
.main-nav .wp-block-navigation-item__content,
.footer nav .wp-block-navigation-item__content { text-decoration: none; }
.wp-block-navigation .wp-block-navigation-item { margin: 0; }

/* The theme's own mobile menu button drives .main-nav, so the block's overlay stays out of it. */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close { display: none !important; }

/* --- logo ------------------------------------------------------------- */
.brand.wp-block-site-logo a,
.footer-brand.wp-block-site-logo a { display: block; }
.brand.wp-block-site-logo img { width: 150px; height: auto; }
.footer-brand.wp-block-site-logo img { width: 145px; filter: brightness(0) invert(1); }

/* --- footer social ---------------------------------------------------- */
.footer-social { margin-top: 18px; gap: 10px; padding: 0; }
.footer-social .wp-social-link { background: rgba(255, 255, 255, .1); }
.footer-social .wp-social-link:hover { background: var(--pink); transform: translateY(-2px); }

/* --- inner pages ------------------------------------------------------ */
.site-main { padding: 48px 0 64px; }
.page-title {
	font-family: Anton, Impact, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.02;
	font-size: clamp(34px, 4.4vw, 58px);
	margin: 0 0 22px;
}
.site-main p { margin-bottom: 15px; }
.site-main h2 { font-size: clamp(26px, 3vw, 38px); margin: 30px 0 12px; }
.site-main h3 { font-size: 21px; margin: 24px 0 10px; }
.site-main ul,
.site-main ol { margin: 0 0 16px 1.2em; }
.site-main li { margin-bottom: 6px; }
.site-main a:not(.button) { color: var(--pink-dark); text-decoration: underline; }

/* --- block defaults that would otherwise fight the design -------------- */
/* Block gap is off globally so the homepage keeps its own spacing; ordinary pages
   still need a normal rhythm between blocks. */
.site-main .is-layout-flow > * + * { margin-block-start: 1.1em; }

.wp-block-group.container { width: min(calc(100% - 80px), var(--container)); margin-inline: auto; }
.wp-block-image img { border-radius: inherit; }

@media (max-width: 860px) {
	.wp-block-group.container { width: calc(100% - 32px); }
	.site-main { padding: 32px 0 48px; }
}