/* WordPress-specific additions to the original design (Contact Form 7 newsletter, admin bar, screen-reader helpers). */

.modules__grid[hidden] { display: none; }

.newsletter__form .wpcf7 { width: 100%; }
.newsletter__form .wpcf7-form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.newsletter__form .wpcf7-form p { margin: 0; }
.newsletter__form .wpcf7-form-control-wrap { display: block; }
.newsletter__form input[type="submit"].btn { width: 100%; cursor: pointer; border: 0; }
.newsletter__form .wpcf7-spinner { position: absolute; margin: 0; }
.newsletter__form .wpcf7-not-valid-tip { font-size: 12px; line-height: 16px; color: #f87171; margin-top: 4px; }
.newsletter__form .wpcf7 form .wpcf7-response-output { margin: 0; padding: 0; border: 0; font-size: 12px; line-height: 16px; color: var(--color-primary); }
.newsletter__form .wpcf7 form.invalid .wpcf7-response-output,
.newsletter__form .wpcf7 form.failed .wpcf7-response-output { color: #f87171; }

.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Menu icons uploaded in the Media Library: drawn as a mask so they follow the menu text colour. */
.menu-icon-img {
	display: inline-block;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--icon-url) center / contain no-repeat;
	mask: var(--icon-url) center / contain no-repeat;
}

/* Logo chosen in Appearance → Customize → Site Identity */
.site-header__logo:has(.custom-logo) { width: auto; }
.site-header__logo img.custom-logo { width: auto; height: 40px; max-width: 100%; }
.mobile-nav__head .site-header__logo img.custom-logo { height: 36px; }

/* Article cover: keep the 16:9 frame whatever the uploaded image's proportions are. */
.ad-cover__img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }