/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Footer contact pills on phones (2026-09-19 design pass): the desktop 42px side
   padding left the email breaking mid-address ("paul@harmonic- / acoustics.co.uk").
   Tighter padding and 15px text; the email never wraps. */
@media (max-width: 640px) {
	.fusion-body .fusion-tb-footer a.fusion-button {
		--awb-padding-left: 16px !important;
		--awb-padding-right: 16px !important;
	}
	.fusion-body .fusion-tb-footer a.fusion-button .fusion-button-text {
		font-size: 15px !important;
	}
	.fusion-body .fusion-tb-footer a.fusion-button[href^="mailto:"] .fusion-button-text {
		white-space: nowrap;
	}
}

/* Cloudflare Turnstile is a fixed 300px iframe; on phones the form is ~265px wide and
   the widget was cut off. Scale it to fit (2026-09-19 design pass). */
@media (max-width: 640px) {
	.fusion-form .cf-turnstile {
		transform: scale(0.85);
		transform-origin: 0 0;
		margin-bottom: -10px;
	}
}

/* Buttons with no link (the "Step" labels, the opening-hours pill in the pop-out menu)
   are labels, not links: Avada still gave them a pointer cursor and a hover colour
   change, so they looked clickable (2026-09-19). */
.fusion-body a.fusion-button:not([href]) {
	pointer-events: none;
	cursor: default;
}

/* Gap under the page title band on phones (2026-10-13). #main carries 60px of top
   padding and the first section an inline margin-top:60px - 120px of empty white
   between the dark band and the first content, which reads as a mistake at 375px.
   Halved to 40px on phones only; desktop is untouched. Scoped to pages that have a
   title band (the adjacent sibling), so the home page hero is unaffected. The
   margin is INLINE on the section, so it needs !important. */
@media (max-width: 768px) {
	.fusion-tb-page-title-bar + #main {
		padding-top: 20px !important;
	}

	.fusion-tb-page-title-bar + #main .fusion-fullwidth:first-child {
		margin-top: 20px !important;
	}
}