/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* =========================================================================
 * File: wp-content/themes/bricks-child/style.css
 * Block: tap targets + focus visibility for telephone CTAs
 *
 * Version: 1.2.0
 *
 * Changelog:
 * 1.2.0 - 2026-09-01 - RESCOPED. 1.1.0 keyed the tap-target rule on the bare
 *         attribute selector a[href^="tel:"], which caught every telephone
 *         link on the site including the inline header nav-menu item. Forcing
 *         min-height:44px on that item distorted its box (measured 72.08 x
 *         25.5) and the header row alignment. The rule is now scoped to Bricks
 *         button CTAs only (.brxe-button), which is where a real 44x44 target
 *         is wanted. The nav-menu item and the footer social-icon phone link
 *         are deliberately excluded.
 *
 *         Those two remain under 44px by design, and that is WCAG-conformant
 *         via the 2.5.8 equivalent-alternative route: the header phone button
 *         performs the identical action (dial 281-465-9190), sits in the same
 *         header, and does meet 44x44. A second compliant target for the same
 *         function is not required. The same holds for the footer icon, which
 *         duplicates the CTA buttons already on the page.
 *
 *         :focus-visible is deliberately left on ALL tel: links - it adds a
 *         focus ring and has no layout effect, so the narrowing does not apply.
 * 1.1.0 - 2026-09-01 - Added (superseded by 1.2.0 above).
 * 1.0.0 - undated - Original child theme stylesheet as delivered.
 * ====================================================================== */

.brxe-button[href^="tel:"] {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4em;
}

a[href^="tel:"]:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 2px;
}

/* =========================================================================
 * File: wp-content/themes/bricks-child/style.css
 * Block: minimum target size for the Bricks form submit button
 *
 * Version: 1.3.0
 *
 * Changelog:
 * 1.3.0 - 2026-09-02 - The restored Contact Us form submit button measured
 *         427x34 at 1280, 234x34 at 768 and 204x34 at 320 - under the WCAG
 *         2.5.8 minimum of 44x44 at every breakpoint. Unlike the header nav
 *         item, there is NO second control performing the same action, so the
 *         equivalent-alternative exemption does not apply here and this was a
 *         real failure.
 *
 *         Scoped deliberately to the Bricks form submit button only. NOT a bare
 *         attribute selector such as button[type="submit"] - that is the exact
 *         mistake corrected in 1.2.0 on a[href^="tel:"], where a global selector
 *         caught an inline nav link and distorted it. Only min-height is set, so
 *         width, padding and typography are untouched and nothing else in the
 *         form moves.
 * ====================================================================== */

.brxe-form button[type="submit"] {
	min-height: 44px;
}