/* ==========================================================================
   Site footer (wvf-) — logo · 2 menu columns · location + map · copyright + social
   Uses .wvh-container and the --wvh-* variables from wvh-header.css.
   ========================================================================== */
.wvf-footer {
	position: relative;
	overflow: hidden; /* the row's -15px side margins would otherwise cause sideways scrolling */
	background: #0c141f;
	font-family: var(--wvh-font, "Poppins", Helvetica, Arial, sans-serif);
	color: #fff;
}
.wvf-footer,
.wvf-footer * { box-sizing: border-box; }
.wvf-footer ul { list-style: none; margin: 0; padding: 0; }
.wvf-footer a { text-decoration: none; }
.wvf-footer img { display: block; height: auto; border-radius: 0; }

/* ---- columns ------------------------------------------------------------- */
.wvf-top {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 85px 0;
}
.wvf-col {
	flex: 0 0 22%;
	max-width: 22%;
	padding: 0 15px 30px;
}
.wvf-col > :last-child { margin-bottom: 0; }
.wvf-col-menu-1 { padding-left: 75px; }
.wvf-col-location { padding-bottom: 39px; }

.wvf-logo { display: block; max-width: 298px; }
.wvf-logo img { max-width: 100%; max-height: 177px; width: auto; }
.wvf-site-name { font-size: 24px; font-weight: 600; color: #fff; }

.wvf-footer .wvf-title {
	margin: 0 0 35px;
	padding: 0;
	font-family: inherit;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	color: #fff;
}

.wvf-menu li { margin: 0 0 12px; }
.wvf-menu li:last-child { margin-bottom: 0; }
.wvf-footer .wvf-menu a {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #fff;
	transition: color 0.5s ease;
}
.wvf-footer .wvf-menu a:hover,
.wvf-footer .wvf-menu a:focus-visible,
.wvf-footer .wvf-menu .current-menu-item > a { color: #fff; }

.wvf-footer .wvf-address {
	margin: 0 0 24px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
}
.wvf-map {
	display: block;
	width: 100%;
	height: 300px;
	border: 0;
	border-radius: 25px;
}

/* ---- bottom bar ---------------------------------------------------------- */
.wvf-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	padding: 26px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.wvf-copyright {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #fff;
}
.wvf-footer .wvf-copyright a { color: var(--wvh-accent, #14a79d); }

.wvf-social {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.wvf-follow {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #ffffff;
}
.wvf-footer .wvf-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid #ffffff;
	border-radius: 30px;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.3);
	transition: all 0.5s ease;
}
.wvf-social svg { width: 20px; height: 20px; fill: #ffffff; }
.wvf-footer .wvf-social a:hover,
.wvf-footer .wvf-social a:focus-visible {
	color: #fff;
	background-color: var(--wvh-accent, #14a79d);
	border-color: var(--wvh-accent, #14a79d);
}
.wvf-footer a:focus-visible { outline: 2px solid var(--wvh-accent, #14a79d); outline-offset: 3px; }

/* ---- breakpoints --------------------------------------------------------- */
@media (max-width: 991.98px) {
	.wvf-col-logo { flex-basis: 40%; max-width: 40%; }
	.wvf-col-menu { flex-basis: 30%; max-width: 30%; }
	.wvf-col-location { flex-basis: 50%; max-width: 50%; }
	.wvf-footer .wvf-title { font-size: 22px; }
}
@media (max-width: 767.98px) {
	.wvf-col-logo,
	.wvf-col-location { flex-basis: 100%; max-width: 100%; }
	.wvf-col-menu { flex-basis: 100%; max-width: 100%; }
	.wvf-col-menu-1 { padding-left: 15px; }
	.wvf-copyright { flex-basis: 100%; }
	.wvf-top {padding-bottom: 0px; padding-top: 40px;}
}
@media (prefers-reduced-motion: reduce) {
	.wvf-footer * { transition: none !important; }
}

/* ==========================================================================
   Quick Links in two columns  —  append to the END of
   hello-elementor-child/assets/css/wvf-footer.css
   ==========================================================================

   The footer row is 4 × 25%. Ten Quick Links split into two sub-columns need
   roughly 420px to avoid the longer labels wrapping, so width is borrowed
   from the short "About" menu column (Home / About / Contact Us / Gallery /
   Blog) rather than from the logo or the map.

   Desktop only: at =<991px the menu columns are already 30% / 50%, far too
   narrow to split, so the whole thing is scoped to min-width 992.
   ------------------------------------------------------------------------ */

@media (min-width: 992px) {

	/* 25 / 25 / 25 / 25  ->  25 / 16.67 / 33.33 / 25 */
	.wvf-col-menu-1 {
		flex: 0 0 20.666667%;
		max-width: 20.666667%;
		padding-left: 40px;          /* was 75px — keeps it off the logo */
	}

	.wvf-col-menu-2 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	/* the split itself */
	.wvf-col-menu-2 .wvf-menu {
		column-count: 2;
		column-gap: 30px;
	}

	/* stop a link breaking across the column boundary */
	.wvf-col-menu-2 .wvf-menu li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}

@media (max-width: 767px){
	.wvh-container {
    padding: 0px 20px;
}
	p.wvf-address, .phone p{
 /* was: direction:rtl !important; - leftover from the Arabic build.
    It rendered the phone as "2949 647 50 971+" and right-aligned the column. */
 direction: ltr;
 text-align: left;
}
}



/* ==========================================================================
   Port fixes - staging 2026-10-08
   The theme has a fixed "Live Chat" button (#customwhatsapp-button, 140x50 at
   left:20px). The old footer centred its copyright so the button never covered
   the text; this footer left-aligns it, so the bottom bar needs clearance.
   Measured: 108x26 overlap at 1440 and 44x44 over the Facebook icon at 390.
   ========================================================================== */
.wvf-footer .wvf-bottom { padding-bottom: 90px; }
@media (max-width: 767px) {
	.wvf-footer .wvf-bottom { padding-bottom: 104px; }
}