/**
* Theme Name: Archee Child
* Description: This is a child theme of Archee.
* Author: VLThemes
* Template: archee
* Version: 1.0.0
*/


/* ======================================================
   Buzzin custom header layout for Archee - default-left
   Child theme override
   ====================================================== */


/* -----------------------------------------
   Layout variables
----------------------------------------- */

:root {
	--tb-elementor-boxed-width: 1400px;
	--tb-right-rail-width: 100px;
	--tb-right-rail-gap: 30px;
	--tb-header-bg-image: url("assets/img/header-bg-dia-cor.png");
	--tb-sticky-bg: rgba(255, 255, 255, 0.75);
	--tb-submenu-bg: rgba(0, 0, 0, 0.80);
	--tb-right-rail-background: linear-gradient(
		to left,
		#ffffff 0%,
		#f4f4f4 45%,
		#e9e9e9 100%
	);
	--tb-vertical-lines-color: rgba(0, 0, 0, 0.05);
	--tb-vertical-lines-width: 2px;
}




html.night-mode {
	--tb-header-bg-image: url("assets/img/header-bg-noite-cor.png");
	--tb-sticky-bg: rgba(0, 0, 0, 0.75);
	--tb-right-rail-background: linear-gradient(
		to left,
		#000000 0%,
		#111111 45%,
		#1a1a1a 100%
	);
	--tb-vertical-lines-color: rgba(255, 255, 255, 0.10);
}



/* -----------------------------------------
   Base wrapper
----------------------------------------- */

.vlt-header--custom-figma-left {
	background-image: var(--tb-header-bg-image);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: right 10%;
	background-position-y: bottom;
}

.vlt-header--custom-figma-left .vlt-navbar {
	background: transparent;
}


/* -----------------------------------------
   Main inner layout
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar-inner {
	position: relative;
	height: 280px;
	min-height: 280px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: 0!important;
}


/* -----------------------------------------
   Left area: logo + nav
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-header-layout-left {
	position: absolute;
	left: max(0px, calc((100vw - var(--tb-elementor-boxed-width) - 100px) / 2));
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 0px;
	max-width: calc(100% - 460px);
	z-index: 2;
}


/* -----------------------------------------
   Logo
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar-logo {
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin: 0!important;
	padding: 0!important;
	padding-left: 20px!important;
	line-height: 1!important;
}

.vlt-header--custom-figma-left .vlt-navbar-logo img {
	display: block;
	width: auto;
}


/* -----------------------------------------
   Navigation
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav {
	display: block;
	margin: 0!important;
	padding: 0!important;
}

.vlt-header--custom-figma-left .vlt-nav > ul,
.vlt-header--custom-figma-left .vlt-nav .sf-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 28px;
	margin: 0!important;
	padding: 0!important;
	list-style: none;
}

.vlt-header--custom-figma-left .vlt-nav li {
	margin: 0;
	padding: 0;
}

.vlt-header--custom-figma-left .vlt-nav a {
	display: inline-block;
}

/* =========================================================
   Main header nav font size (non-sticky only)
   ========================================================= */

/* -----------------------------------------
   Base desktop
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar:not(.vlt-navbar--fixed) .vlt-nav .sf-menu > li > a .menu-item-text {
	font-size: 17px;
}


/* -----------------------------------------
   Large desktop
----------------------------------------- */

@media (min-width: 1600px) {
	.vlt-header--custom-figma-left .vlt-navbar:not(.vlt-navbar--fixed) .vlt-nav .sf-menu > li > a .menu-item-text {
		font-size: 18px;
	}
}

/* -----------------------------------------
   Medium desktop
----------------------------------------- */

@media (max-width: 1599px) {

	.vlt-header--custom-figma-left .vlt-header-layout-left {
		left: max(90px, calc((100vw - var(--tb-elementor-boxed-width)) / 2));
	}


	.vlt-header--custom-figma-left .vlt-navbar:not(.vlt-navbar--fixed) .vlt-nav .sf-menu > li > a .menu-item-text {
		font-size: 16px;
	}
}

/* -----------------------------------------
   Narrow desktop
----------------------------------------- */

@media (max-width: 1399px) {

	.vlt-header--custom-figma-left .vlt-header-layout-left {
		left: max(50px, calc((100vw - var(--tb-elementor-boxed-width)) / 2));
	}

	.vlt-header--custom-figma-left .vlt-navbar:not(.vlt-navbar--fixed) .vlt-nav .sf-menu > li > a .menu-item-text {
		font-size: 15px;
	}

	.vlt-fixed-socials {
		display: initial !important;
	}
}


/* =========================================================
   Buzzin fixed right rail (PHP version)
   ========================================================= */

.buzzin-fixed-rail {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: var(--tb-right-rail-width);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 14px;
	padding: 0;
	margin: 0;
	z-index: 69;
	box-sizing: border-box;
	background-color: var(--tb-right-rail-bg);
	border-left: 1px solid rgba(0, 0, 0, 0.10);
}


/* Garantir que os botões ficam no topo */
.buzzin-fixed-rail > * {
	margin-top: 0;
}


/* =========================================================
   Active menu item highlight (keeps hover underline)
   ========================================================= */

/* -----------------------------------------
   Active states (includes parents & ancestors)
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-item > a,
.vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-parent > a,
.vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-ancestor > a {
	background-color: black;
	color: white !important;
	padding: 1px 8px;
	border-radius: 2px;
}

html.night-mode .vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-item > a,
html.night-mode .vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-parent > a,
html.night-mode .vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-ancestor > a {
	background-color: white;
	color: black !important;
}


/* =========================================================
   Force underline visible on active menu items
   ========================================================= */


/* -----------------------------------------
   Fix underline color in day/night mode for
   active items (theme uses currentColor)
----------------------------------------- */

.vlt-nav--default .sf-menu > li > a .menu-item-text::before {
	background-color: black !important;
}

html.night-mode .vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-item > a .menu-item-text::before,
html.night-mode .vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-parent > a .menu-item-text::before,
html.night-mode .vlt-header--custom-figma-left .vlt-nav .sf-menu > li.current-menu-ancestor > a .menu-item-text::before {
	background-color: white !important;
}


/* =========================================================
   Active menu item highlight - sticky header
   ========================================================= */

/* -----------------------------------------
   Active states (includes parents & ancestors)
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-item > a,
.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-parent > a,
.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-ancestor > a {
	background-color: black;
	color: white !important;
	padding: 0px 6px;
	border-radius: 2px;
}

html.night-mode .vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-item > a,
html.night-mode .vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-parent > a,
html.night-mode .vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-ancestor > a {
	background-color: white;
	color: black !important;
}

/* =========================================================
   Force underline visible on active menu items - sticky
   ========================================================= */


/* -------------------------------------------------------
   Keep theme underline visible + color sync in day mode
---------------------------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-parent > a .menu-item-text::before {
	transform: scaleX(1);
	background-color: black !important;
}


/* ----------------------------------------------------------------
   Underline color in night mode for active items on sticky header
------------------------------------------------------------------- */

html.night-mode .vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-item > a .menu-item-text::before,
html.night-mode .vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-parent > a .menu-item-text::before,
html.night-mode .vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu > li.current-menu-ancestor > a .menu-item-text::before {
	background-color: white !important;
}



/* =========================================================
   Submenu transparent background
   ========================================================= */

/* -----------------------------------------
   Base submenu styling
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu ul.sub-menu,
.vlt-header--custom-figma-left .vlt-nav--default .sf-menu ul.sub-menu ul.sub-menu {
	background-color: var(--tb-submenu-bg) !important;
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

/* -----------------------------------------
   Keep inner items transparent
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu ul.sub-menu li,
.vlt-header--custom-figma-left .vlt-nav--default .sf-menu ul.sub-menu li a {
	background: transparent !important;
	background-color: transparent !important;
}

/* -----------------------------------------
   Improve layered submenu rendering
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu > li > ul.sub-menu {
	z-index: 9990;
}

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu > li > ul.sub-menu ul.sub-menu {
	z-index: 9991;
}

/* =========================================================
   Submenu depth effect (layered shadow)
   ========================================================= */

/* -----------------------------------------
   First-level submenu shadow (casts to right)
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu > li > ul.sub-menu {
	box-shadow: 12px 0 25px rgba(0, 0, 0, 0.50);
}

/* -----------------------------------------
   Second-level submenu stacking
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu > li > ul.sub-menu {
	z-index: 9992;
}

.vlt-header--custom-figma-left .vlt-nav--default .sf-menu > li > ul.sub-menu ul.sub-menu {
	z-index: 9991;
}


/* -----------------------------------------
   Right full-height column: buttons
----------------------------------------- */

.buzzin-fixed-rail.vlt-navbar-buttons {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: var(--tb-right-rail-width);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 14px;
	padding: 0;
	margin: 0;
	border: none;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
	z-index: 69;
	box-sizing: border-box;
	flex: 0 0 var(--tb-right-rail-width);
	background: var(--tb-right-rail-background);
}

/* -----------------------------------------
   Left edge shadow (box-shadow version)
----------------------------------------- */

.buzzin-fixed-rail.vlt-navbar-buttons {
	box-shadow: -12px 0 24px rgba(0, 0, 0, 0.18);
}

html.night-mode .buzzin-fixed-rail.vlt-navbar-buttons {
	box-shadow: -16px 0 40px rgba(0, 0, 0, 0.6);
}




/* -----------------------------------------
   Right night-mode switcher
----------------------------------------- */

.vlt-night-mode-switcher {
	
	/* margem dinâmica desde o topo */
	top: clamp(200px, 30vh, 280px) !important;
	left: initial !important;
	right: -103px;
	z-index: 70 !important;
}

/* =========================================================
   Night mode switcher inactive background override
   ========================================================= */

/* -----------------------------------------
   Inactive background - day mode
----------------------------------------- */

html:not(.night-mode) .vlt-night-mode-switcher {
	background-color: #d2d2d2;
}

/* -----------------------------------------
   Inactive background - night mode
----------------------------------------- */

html.night-mode .vlt-night-mode-switcher {
	background-color: rgb(71, 71, 71);
}


/* =========================================================
   Night mode switcher - active toggle shape visibility fix
   ========================================================= */

/* -----------------------------------------
   Active toggle - base (optional subtle)
----------------------------------------- */

.vlt-night-mode-switcher__toggle {
	border: 1px solid rgba(0, 0, 0, 0.08);
}

/* -----------------------------------------
   Active toggle - night mode fix
----------------------------------------- */

html.night-mode .vlt-night-mode-switcher__toggle {
	border: 1px solid rgba(255, 255, 255, 0.20);
}


/* -----------------------------------------
   Search at bottom-right, stopping at
   elementor-container right edge
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-header-search {
	position: absolute;
	right: calc(var(--tb-right-rail-width) + var(--tb-right-rail-gap));
	bottom: 30px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	max-width: calc(100% - 520px);
	z-index: 2;
}

.vlt-header--custom-figma-left .vlt-search-form {
	width: 100%;
	margin: 0;
}

.vlt-header--custom-figma-left .vlt-search-form input[type="text"],
.vlt-header--custom-figma-left .vlt-search-form input[type="search"] {
	width: 100%;
}


/* -----------------------------------------
   Large desktop spacing
----------------------------------------- */

@media (min-width: 1200px) {
	.vlt-header--custom-figma-left .vlt-navbar-inner {
		padding-left: 48px;
		padding-right: 48px;
	}
}

@media (min-width: 1600px) {
	.vlt-header--custom-figma-left .vlt-navbar-inner {
		padding-left: 72px;
		padding-right: 72px;
	}
}


/* =========================================================
   STICKY VERSION - RESET TO ORIGINAL HORIZONTAL LAYOUT
   ========================================================= */


/* -----------------------------------------
   Sticky wrapper
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed {
	background: var(--tb-sticky-bg);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background-image: none;
}


/* -----------------------------------------
   Sticky main container
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-navbar-inner {
	height: 100px;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: max(0px, calc((100vw - var(--tb-elementor-boxed-width)) / 2));
	padding-right: 0;
	gap: 28px;
}


/* -----------------------------------------
   Sticky reset of previous absolute layout
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-layout-left,
.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-search {
	position: relative !important;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	max-width: none;
}


/* -----------------------------------------
   Sticky left block becomes horizontal
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-layout-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 32px;
	flex: 1 1 auto;
	min-width: 0;
	height: auto;
	justify-content: flex-start;
}


/* -----------------------------------------
   Sticky logo
----------------------------------------- */
.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-navbar-logo img {
		max-height: 25px!important;
}


@media (max-width: 767px) {
	.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-navbar-logo img {
		max-height: 20px!important;
	}
}


/* -----------------------------------------
   Sticky navigation
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav > ul,
.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-nav .sf-menu {
	gap: 22px;
	align-items: center;
}


/* -----------------------------------------
   Sticky search
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-search {
	display: flex;
	align-items: center;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	margin-left: auto;
	margin-right: calc(var(--tb-right-rail-width) + var(--tb-right-rail-gap));
	height: auto;
}

/* -----------------------------------------
   Hide search on sticky header below 1440px
   -------------------------------------- */

@media (max-width: 1600px) {

	.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-search {
		display: none !important;
	}

}


/* -----------------------------------------
   Sticky search form width safety
----------------------------------------- */

.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-search-form {
	width: 100%;
}


/* =========================================================
   Tablet / narrower desktop safety
   ========================================================= */

@media (min-width: 1681px) {

	.vlt-header--custom-figma-left .vlt-header-search {
		/*right: max(26%, calc((100vw - var(--tb-elementor-boxed-width)) / 2));*/
		width: 200px;
	}
}

@media (max-width: 1680px) {
	.vlt-header--custom-figma-left .vlt-header-layout-left {
		max-width: calc(100% - 420px);
	}

	.vlt-header--custom-figma-left .vlt-header-search {
		width: 150px;
	}
}

@media (max-width: 1440px) {


	.vlt-header--custom-figma-left .vlt-navbar-inner {
		/*height: 260px;*/
		min-height: 260px;
		padding-left: 36px;
		padding-right: 36px;
	}

	.vlt-header--custom-figma-left .vlt-header-layout-left {
		bottom: 0;
		gap: 0px;
		max-width: calc(100% - 380px);
	}

	.vlt-header--custom-figma-left .vlt-nav > ul,
	.vlt-header--custom-figma-left .vlt-nav .sf-menu {
		gap: 20px;
	}

	
	.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-navbar-inner {
		height: 90px;
		min-height: 90px;
		padding-left: 32px;
		gap: 20px;
	}

	.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-layout-left {
		gap: 24px;
	}

	
	.vlt-header--custom-figma-left .vlt-navbar.vlt-navbar--fixed .vlt-header-search {
		width: 200px;
		min-width: 200px;
		max-width: 200px;
	}
}

/* =========================================================
   Main content offset for fixed right rail
   ========================================================= */

@media (min-width: 1200px) {
	.vlt-main {
		padding-right: var(--tb-right-rail-width);
	}
}

/* =========================================================
   Elementor container padding-left reset
   ========================================================= */

.has-navbar-offset .elementor-container {
	padding-left: 0!important
}


/* =========================================================
   Mobile adjustments
   ========================================================= */

/* ---------------------------------------------------------
   Mobile header and header buttons sizing
   --------------------------------------------------------- */

@media (max-width: 1199px) {

	.vlt-navbar .vlt-navbar-inner {
		min-height: 72px !important;
	}

	.vlt-header--mobile .vlt-navbar-logo img {
		height: 20px;
		max-height: 20px;
		width: auto;
	}

	/* -----------------------------------------
	   Give the logo breathing room from left edge
	----------------------------------------- */

	.vlt-header--mobile .vlt-navbar-logo {
		margin-left: 20px;
	}

	.vlt-header--mobile .vlt-navbar-buttons {
		display: flex;
		align-items: center;
		gap: 0;
	}

	.vlt-header--mobile .vlt-navbar-buttons > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 56px;
		height: 72px;
		padding: 0;
		border: none !important;
	}

	.vlt-header--mobile .vlt-navbar-buttons > a::before,
	.vlt-header--mobile .vlt-navbar-buttons > a::after {
		display: none !important;
		content: none !important;
	}

	.vlt-header--mobile .vlt-navbar-buttons > a i {
		font-size: 18px;
	}

	/* -----------------------------------------
	   Compact spacing between light + offcanvas
	----------------------------------------- */

	.vlt-header--mobile .vlt-night-mode-icon {
		width: auto !important;
		padding-left: 15px !important;
		padding-right: 10px !important;
		margin-right: 0 !important;
	}

	.vlt-header--mobile .vlt-offcanvas-sidebar-icon {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: auto !important;
		min-width: 45px;
		height: 72px;
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		color: #000 !important;
		border-left: none !important;
		border-right: none !important;
	}

	.vlt-header--mobile .vlt-offcanvas-sidebar-icon i {
		display: inline-block !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-size: 26px !important;
		line-height: 1 !important;
		color: inherit !important;
		text-align: center;
	}

	html.night-mode .vlt-header--mobile .vlt-offcanvas-sidebar-icon {
		color: #fff !important;
	}

}

/* ---------------------------------------------------------
   Mobile social buttons hiding
   --------------------------------------------------------- */
@media (max-width: 1199px) {
	
	.vlt-fixed-socials {
		display: none !important;
	}
}

.vlt-fixed-socials {
	top: initial !important;
	/* margem dinâmica desde o fundo */
	bottom: clamp(55px, 25vh, 320px) !important;
	z-index: 70 !important; 
}

.vlt-fixed-socials a [data-text]::before {
	color: rgb(84, 84, 84) !important;
	opacity: 1!important;
}

.vlt-fixed-socials a i {
	color: hsl(0, 0%, 62.5%) !important;
}

/* =========================================================
   Optional debug helpers
   Uncomment only if needed
   ========================================================= */

/*
.vlt-header--custom-figma-left .vlt-header-layout-left {
	outline: 1px dashed red;
}

.vlt-header--custom-figma-left .vlt-header-search {
	outline: 1px dashed blue;
}

.vlt-header--custom-figma-left .vlt-navbar-buttons {
	outline: 1px dashed green;
}
*/

/* =========================================================
   =========================================================
   Buzzin utilities
   =========================================================
   ========================================================= */

@media (max-width: 767px) {
	.bt-full-width, .bt-full-width a {
		width: 76% !important;
	}
}

/* =========================================================
   Navbar Offset (Elementor Containers)
   ========================================================= */

   /* -----------------------------------------
   Right-side navbar offset only
   Simulates the 100px right rail
----------------------------------------- */

@media (min-width: 1200px) {
	.buzzin-navbar-offset-right {
		padding-right: var(--tb-right-rail-width) !important;
	}
}


/* -----------------------------------------
   Navbar offset on both sides
   Simulates centered content with rails
----------------------------------------- */

.buzzin-navbar-offset-both {
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

@media (min-width: 1200px) {
	.buzzin-navbar-offset-both {
		padding-left: var(--tb-right-rail-width) !important;
		padding-right: var(--tb-right-rail-width) !important;
	}
}

/* =========================================================
   Buzzin utilities - Vertical Lines (Elementor Containers)
   Adapted to boxed .e-con-inner structure
   ========================================================= */

/* -----------------------------------------
   Base container
----------------------------------------- */

.buzzin-vertical-lines {
	position: relative;
}

/* -----------------------------------------
   Target the real boxed content wrapper
----------------------------------------- */

.buzzin-vertical-lines > .e-con-inner {
	position: relative;

	/* Edge offset synced with Elementor container padding */
	--tb-vertical-lines-edge-offset: var(--e-con-inner-padding-left, 20px);

	/* Span from center to padded edge */
	--tb-vertical-lines-outer-span: calc(50% - var(--tb-vertical-lines-edge-offset));

	/* Midpoint between center and outer line */
	--tb-vertical-lines-inner-span: calc(var(--tb-vertical-lines-outer-span) / 2);
}


/* -----------------------------------------
   Five centered lines in one overlay
   Aligned to Elementor container padding
----------------------------------------- */

.buzzin-vertical-lines > .e-con-inner::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		/* Left outer line */
		linear-gradient(
			to right,
			transparent calc(var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2)),
			transparent calc(var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2))
		),

		/* Left inner line */
		linear-gradient(
			to right,
			transparent calc(50% - var(--tb-vertical-lines-inner-span) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(50% - var(--tb-vertical-lines-inner-span) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(50% - var(--tb-vertical-lines-inner-span) + (var(--tb-vertical-lines-width) / 2)),
			transparent calc(50% - var(--tb-vertical-lines-inner-span) + (var(--tb-vertical-lines-width) / 2))
		),

		/* Center line */
		linear-gradient(
			to right,
			transparent calc(50% - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(50% - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(50% + (var(--tb-vertical-lines-width) / 2)),
			transparent calc(50% + (var(--tb-vertical-lines-width) / 2))
		),

		/* Right inner line */
		linear-gradient(
			to right,
			transparent calc(50% + var(--tb-vertical-lines-inner-span) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(50% + var(--tb-vertical-lines-inner-span) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(50% + var(--tb-vertical-lines-inner-span) + (var(--tb-vertical-lines-width) / 2)),
			transparent calc(50% + var(--tb-vertical-lines-inner-span) + (var(--tb-vertical-lines-width) / 2))
		),

		/* Right outer line */
		linear-gradient(
			to right,
			transparent calc(100% - var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(100% - var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
			var(--tb-vertical-lines-color) calc(100% - var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2)),
			transparent calc(100% - var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2))
		);

	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* -----------------------------------------
   Keep content above overlay lines
----------------------------------------- */

.buzzin-vertical-lines > .e-con-inner > * {
	position: relative;
	z-index: 1;
}

/* -----------------------------------------
   Responsive behavior (3 lines aligned to container padding)
----------------------------------------- */

@media (max-width: 1199px) {

	.buzzin-vertical-lines > .e-con-inner::before {
		background-image:
			/* Left outer line */
			linear-gradient(
				to right,
				transparent calc(var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
				var(--tb-vertical-lines-color) calc(var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
				var(--tb-vertical-lines-color) calc(var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2)),
				transparent calc(var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2))
			),

			/* Center line */
			linear-gradient(
				to right,
				transparent calc(50% - (var(--tb-vertical-lines-width) / 2)),
				var(--tb-vertical-lines-color) calc(50% - (var(--tb-vertical-lines-width) / 2)),
				var(--tb-vertical-lines-color) calc(50% + (var(--tb-vertical-lines-width) / 2)),
				transparent calc(50% + (var(--tb-vertical-lines-width) / 2))
			),

			/* Right outer line */
			linear-gradient(
				to right,
				transparent calc(100% - var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
				var(--tb-vertical-lines-color) calc(100% - var(--tb-vertical-lines-edge-offset) - (var(--tb-vertical-lines-width) / 2)),
				var(--tb-vertical-lines-color) calc(100% - var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2)),
				transparent calc(100% - var(--tb-vertical-lines-edge-offset) + (var(--tb-vertical-lines-width) / 2))
			);

		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

}


/* ======================================================
   Buzzin custom header layout for Archee - aside
   Child theme override
   ====================================================== */

.buzzin-header-aside__bottom-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 18px;
	width: 100%;
}

.buzzin-header-aside__search {
	width: 100%;
	max-width: 170px;
}

.buzzin-header-aside__search .vlt-search-form {
	width: 100%;
	margin: 0;
}

.buzzin-header-aside__search .vlt-search-form input[type="text"],
.buzzin-header-aside__search .vlt-search-form input[type="search"] {
	width: 100%;
	min-width: 0;
	padding-left: 14px;
	padding-right: 14px;
}

.buzzin-header-aside__socials {
	margin-top: 0;
}