/* Phone and tablet fixes. Loaded last so it can override custom.css and animations.css. */

/* ------------------------------------------------------------------
   Everything below desktop
------------------------------------------------------------------ */
@media (max-width: 991.98px) {
	/* The full-screen menu (tablets) scrolls when it is taller than the screen */
	.popup_menu {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Evaluation page: let a long form grow instead of overflowing the 100vh box */
	.outer_eval {
		height: auto;
		min-height: 100vh;
		min-height: 100svh;
		padding: 150px 20px 60px !important;
	}
}

/* ------------------------------------------------------------------
   Phones
------------------------------------------------------------------ */
@media (max-width: 767.98px) {

	/* Header: hidden on phones; the WP Responsive Menu plugin bar replaces it.
	   Content gets a little space under the plugin bar instead. */
	header {
		display: none;
	}
	.padding-top-240 {
		padding-top: 40px;
	}
	.home .padding-top-15 {
		padding-top: 20px;
	}

	/* Home intro ("Getting To Know Valerie Mamann"): breathing room above the
	   heading and between the Learn More button and the photo */
	.home .section_1_about {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.home .section_1_about .row > .col-md-6:first-child {
		padding-bottom: 45px;
	}
	.home .section_1_about h2 {
		margin-bottom: 24px;
	}
	.home .section_1_about p {
		margin-bottom: 18px;
	}
	.home .section_1_about a {
		margin-top: 12px;
	}

	/* Home hero: taller video so the title no longer runs into the logo,
	   and the evaluation button is shown again */
	.top_banner_home {
		height: 72vh;
		height: 72svh;
		min-height: 420px;
		max-height: 680px;
		padding-top: 0;
	}
	.top_banner_home video,
	.vm-parallax .top_banner_home #video_home {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: none;
		-webkit-transform: none;
	}
	.top_banner_home .absolute_btm {
		padding-bottom: 30px;
	}
	.top_banner_home h1 {
		font-size: 2.25rem;
	}
	.top_banner_home h1 a {
		display: inline-flex;
		margin-top: 20px;
		height: auto;
		min-height: 48px;
		padding: 12px 24px;
		font-size: 17px;
	}

	/* Contact strip: stacked links with proper tap targets */
	.section_4_home > .container-fluid .col-md-11 > a:not(.footer_social) {
		display: block;
		padding: 10px 0;
		margin: 0;
	}
	a.footer_social {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 48px;
		min-height: 48px;
		margin: 8px 4px 0;
		font-size: 22px;
	}

	/* Footer was hidden on phones; show it stacked and centred */
	footer {
		display: block;
	}
	footer .section_5_home {
		padding-top: 45px;
		padding-bottom: 30px;
	}
	.footer_1,
	.footer_2,
	.footer_3 {
		display: block;
		text-align: center;
	}
	.footer_2 {
		order: -1;
		margin-bottom: 20px;
	}
	.footer_2 img {
		max-width: 220px;
	}
	.footer_1 {
		margin-bottom: 15px;
	}
	.section_5_home p,
	.section_5_home p a {
		font-size: 13px;
	}
	.section_5_home p a {
		display: inline-block;
		padding: 8px 0;
	}

	/* Home panels: shorter on phones, no forced line break in the sub-title */
	.bottom_panel_home {
		min-height: 480px;
		padding: 60px 15px;
	}
	.bottom_panel_home h3 br,
	.section_1_about h2 br {
		display: none;
	}
	.bottom_panel_home h3 {
		font-size: 30px;
	}
	.home .section_1_about h2 {
		font-size: 34px;
	}

	/* Recently Sold cards and carousel dots */
	.inner_panel_bg {
		height: 380px;
	}
	.owl-dots .owl-dot {
		padding: 14px 8px !important;
	}

	/* Text links get a taller tap area */
	.section_2_blog a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
	.read-more-btn {
		min-height: 48px;
	}

	/* 16px inputs stop iOS zooming in on focus */
	.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
	.wpcf7 select,
	.wpcf7 textarea,
	.search-form input[type="search"] {
		font-size: 16px;
	}
	.outer_eval {
		padding-top: 40px !important;
	}
	.outer_eval input[type="submit"] {
		width: 100%;
	}
}