/*
Theme Name: Homee
Theme URI: https://www.homeeapp.co/
Author: One08
Author URI: https://www.homeeapp.co/
Description: Marketing site for Homee - a flatmate, room and shared-home finder. Ported to WordPress from the original Webflow design, preserving all content, colours and on-scroll animations, with a fix for the mobile "List a Room" slider.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: homee
*/

/* -------------------------------------------------------------------------
 * Mobile fix - constrain the "List a Room" slider to the viewport so it
 * clips to a single slide instead of overflowing (<= 991px).
 * ---------------------------------------------------------------------- */
@media screen and (max-width:991px){.slider.w-slider{width:100%!important;min-width:0!important;max-width:100%!important}.slider.w-slider .w-slider-mask{width:100%!important;overflow:hidden}.slider.w-slider .w-slide{width:100%!important;min-width:0!important;white-space:normal}.slider.w-slider .slide-item{width:100%!important;max-width:100%!important}.slider.w-slider .image-5{max-width:100%;height:auto}}

/* -------------------------------------------------------------------------
 * Accessibility: skip-to-content link (present in the header site-wide).
 * ---------------------------------------------------------------------- */
.homee-skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#14171a;color:#fff;padding:10px 16px;border-radius:0 0 10px 0;font-family:"Inter",sans-serif;font-size:14px;text-decoration:none}
.homee-skip-link:focus{left:0}

/* -------------------------------------------------------------------------
 * Mobile fix - the two "collaborate" sections (Find your people / Spare Room).
 * On phones (<= 767px) stack them consistently: text left-aligned above a
 * full-content-width image, so both sections match. The `order` rules keep the
 * text above the image even in the reversed (_02) row.
 * ---------------------------------------------------------------------- */
@media screen and (max-width:767px){
	.collaborate-grid,
	.collaborate-grid._02{
		display:flex!important;
		flex-direction:column!important;
		align-items:stretch!important;
		grid-template-columns:none!important;
	}
	.collaborate-grid._02 .collaborate-content-holder{order:1!important;}
	.collaborate-grid._02 .collaborante-image-holder{order:2!important;}
	.collaborate-content-holder{width:100%!important;align-items:flex-start!important;text-align:left!important;}
	.collaborate-content-holder .tag{text-align:left!important;}
	.collaborante-image-holder,
	.collaborante-image-holder._02{width:100%!important;max-width:100%!important;}
	.collaborate-image{width:100%!important;max-width:100%!important;height:auto!important;display:block!important;}
}