/*
Theme Name: Avada Child (BPERL)
Description: Child theme for Avada on bperlart.com. Holds the custom BPERL header (hover-animated logo + flyout menu) so Avada updates don't overwrite it.
Author: BPERL
Template: Avada
Version: 1.0.5
Text Domain: Avada
*/

/* Add custom CSS below this line. */

/* Homepage hero (Avada Slider "Home Hero") — soft left-side shade so the white text stays readable */
.bperl-home-hero .slides > li .background::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0) 70%);
	pointer-events: none;
}
.bperl-home-hero .slide-content-container {
	z-index: 2;
}
.bperl-home-hero .heading h1,
.bperl-home-hero .caption h3 {
	text-shadow: 0 2px 14px rgba(0,0,0,0.35);
}

/* Header icons on the homepage: white circles behind the cart + menu toggle so they read over the hero art */
.home .fusion-flyout-menu-icons .fusion-flyout-cart-wrapper,
.home .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
	position: relative;
	z-index: 0;
}
.home .fusion-flyout-menu-icons .fusion-flyout-cart-wrapper::before,
.home .fusion-flyout-menu-icons .fusion-flyout-menu-toggle::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 58px;
	height: 58px;
	transform: translate(-50%, -50%);
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 2px 12px rgba(0,0,0,0.3);
	z-index: -1;
	pointer-events: none;
}
.home .fusion-flyout-menu-icons .fusion-flyout-cart-wrapper .awb-icon-shopping-cart,
.home .fusion-flyout-menu-icons .fusion-flyout-cart-wrapper .awb-icon-shopping-cart:before {
	color: #181818 !important;
}

/* Homepage hero on phones/tablets: taller, with content stacked below the logo */
@media only screen and (max-width: 1024px) {
	.bperl-home-hero,
	.bperl-home-hero .flexslider,
	.bperl-home-hero .slides,
	.bperl-home-hero .slides > li,
	.bperl-home-hero .slides > li .background {
		height: max(640px, 90svh) !important;
		max-height: none !important;
	}
	.bperl-home-hero .slide-content-container {
		display: flex !important;
		flex-direction: column;
		justify-content: flex-end;
		top: 0 !important;
		transform: none !important;
		height: 100% !important;
		padding: 190px 24px 56px !important;
		box-sizing: border-box;
	}
	.bperl-home-hero .slide-content {
		margin-top: 0 !important;
	}
	.bperl-home-hero .slides > li .background::after {
		background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 100%);
	}
}

/* Open menu: center the close X inside its circle (Avada draws the X from the left edge) */
.home .fusion-flyout-active .fusion-flyout-menu-toggle .fusion-toggle-icon-line {
	position: relative;
	left: 10px;
}

/* Open menu: lock the page behind it so it doesn't scroll past the short list */
html:has(.fusion-header-v6.fusion-flyout-active),
html:has(.fusion-header-v6.fusion-flyout-active) body {
	overflow: hidden !important;
	height: 100%;
}
.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu {
	overscroll-behavior: contain;
	touch-action: none;
}

/* Closed menu icon: shorter lines so there's breathing room inside the white circle (matches the cart) */
.home .fusion-header-v6:not(.fusion-flyout-active) .fusion-flyout-menu-toggle .fusion-toggle-icon-line {
	width: 26px !important;
	margin-left: auto;
	margin-right: auto;
}