/*
Theme Name: Nice n Easy Piraeus Tower
Description: A premium restaurant theme. Child theme of Hello Biz by Elementor. Requires Elementor Pro.
Template: hello-biz
Version: 1.0.5
Requires at least: 6.0
Tested up to: 6.9
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: vita-lenta
Tags: restaurant, elementor, food, single-page
*/


/* ==========================================================================
   MOBILE IMAGE HEIGHT FIX
   Added: 2026-04-04
   Purpose: Constrain portrait images in "five" (About) and "six" (Timeline)
            sections to ~1/3 of their current height on smartphones.
   Reversible: Delete this entire block to revert.
   Specificity: Anchored to body + page wrapper + section + widget chain.
   ========================================================================== */

@media (max-width: 767px) {

	/* --- Section "five": Collapse section height to fit shorter images ---
	   The section is 100vh at desktop; on mobile with cropped images it
	   must shrink to auto so there's no white-space gap below. */
	body.elementor-page-101 .elementor-101 .five.e-con {
		height: auto !important;
		min-height: 0 !important;
		--min-height: 0px;
	}

	body.elementor-page-101 .elementor-101 .five .five-content.e-con {
		height: auto !important;
		min-height: 0 !important;
		--min-height: 0px;
	}

	body.elementor-page-101 .elementor-101 .five .five-content .five-image.e-con {
		height: auto !important;
		min-height: 0 !important;
		--min-height: 0px;
	}

	/* --- Section "five": About images (2 side-by-side portraits) --- */
	body.elementor-page-101 .elementor-101 .five .five-content .five-image .five-image-img img {
		max-height: 280px !important;
		width: 100% !important;
		object-fit: cover;
		object-position: center center;
	}

	/* Clip GSAP scale(1.2) parallax zoom overflow */
	body.elementor-page-101 .elementor-101 .five .five-content .five-image {
		overflow: hidden;
	}

	/* --- Section "six": Timeline card images (12 images, 2 per section) --- */
	body.elementor-page-101 .elementor-101 .six .vl-timeline-cards-widget .vl-tc-image-box img {
		max-height: 280px !important;
		width: 100% !important;
		object-fit: cover;
		object-position: center center;
	}

	/* Clip overflow on image container */
	body.elementor-page-101 .elementor-101 .six .vl-timeline-cards-widget .vl-tc-image-box {
		overflow: hidden;
	}

}