/*
Theme Name: NI Fencing 2026
Description: Official block child theme for Northern Ireland Fencing. Visual design based on Morrow brand guidelines; theme implementation is independent.
Author: Fergus Wilson
Template: twentytwentyfive
Version: 1.4.0
Text Domain: ni-fencing-2026
*/

/*
 * Contact Form 7 submit — matches block buttons (Lunge + Parry white, pill shape).
 * Hover: Resilience green. Use page-form on wrapper to beat legacy gold inline CSS.
 */

.wpcf7 input[type="submit"] {
	background-color: var(--wp--preset--color--custom-lunge-green, #008556);
	border: none;
	border-radius: 3.125rem;
	color: var(--wp--preset--color--custom-parry-white, #ffffff);
	cursor: pointer;
	font-family: var(--wp--preset--font-family--montserrat, Montserrat, sans-serif);
	font-size: inherit;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: inherit;
	padding: 1rem 2.25rem;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
	width: auto;
}

.wpcf7 input[type="submit"]:hover {
	background-color: var(--wp--preset--color--custom-resilience-green, #124734);
	color: var(--wp--preset--color--custom-parry-white, #ffffff);
}

/* Overrides embedded .page-form gold CSS on some pages */
.page-form .wpcf7 input[type="submit"] {
	background-color: var(--wp--preset--color--custom-lunge-green, #008556) !important;
	border: none !important;
	border-radius: 3.125rem !important;
	color: var(--wp--preset--color--custom-parry-white, #ffffff) !important;
	font-family: var(--wp--preset--font-family--montserrat, Montserrat, sans-serif) !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	padding: 1rem 2.25rem !important;
	text-transform: uppercase !important;
	width: auto !important;
}

.page-form .wpcf7 input[type="submit"]:hover {
	background-color: var(--wp--preset--color--custom-resilience-green, #124734) !important;
}

.footer-min-contact-form .wpcf7-form label,
.footer-min-contact-form .wpcf7-form textarea,
.footer-min-contact-form .wpcf7-form input {
	width: 100%;
}

.footer-min-contact-form .wpcf7 form .wpcf7-response-output {
	font-size: x-small;
}

.footer-min-contact-form p {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Footer: three-column layout (brand | email | contact form) */
.ni-fencing-footer__columns {
	align-items: center;
}

.ni-fencing-footer__columns > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.ni-fencing-footer__brand .wp-block-image {
	margin: 0;
}

.ni-fencing-footer__brand .wp-block-image img {
	display: block;
}

.ni-fencing-footer__email {
	width: 100%;
}

.ni-fencing-footer__email p {
	margin: 0;
	white-space: nowrap;
}

.ni-fencing-footer__form {
	margin-left: auto;
	width: 100%;
}

@media (max-width: 781px) {
	.ni-fencing-footer__form {
		margin-left: 0;
	}
}

/* Logo patterns: min width 200px only (padding is on the group block in the pattern) */
.nif-logo-pattern .wp-block-image img {
	height: auto;
	min-width: 200px;
}

/* Bands: alignment is handled by core (alignfull + layout constrained on outer group). */

/* Smash Balloon Instagram Feed – fill its container */
#sb_instagram {
	box-sizing: border-box;
}

#sb_instagram #sbi_images {
	width: 100% !important;
}

#sb_instagram .sbi_item {
	box-sizing: border-box;
}

#sb_instagram .sbi_photo_wrap,
#sb_instagram .sbi_photo {
	width: 100% !important;
}

#sb_instagram .sbi_follow_btn {
	margin-inline: auto;
}

/* Duotone: matches theme preset "NI Fencing Lunge & White" (Lunge #008556 + Parry White) */
#sb_instagram .sbi_item .sbi_photo img {
	filter: url(#wp-duotone-ni-fencing-green);
}

/* Do not duotone header / follow UI */
#sb_instagram .sb_instagram_header,
#sb_instagram .sb_instagram_header img,
#sb_instagram .sbi_follow_btn {
	filter: none;
}

/*
 * Turn off Instagram duotone: add class nif-instagram-no-duotone to the group
 * that wraps the [instagram-feed] shortcode (Content group → Advanced → Additional CSS class(es)).
 */
.nif-instagram-no-duotone #sb_instagram .sbi_item .sbi_photo img {
	filter: none;
}