/* ===== PRETPOT NAV MENU - FINAL COMPLETE VERSION WITH STICKY ENHANCEMENTS ===== */

/* Base Reset */
.pretpot-nav-wrapper{position:relative;width:100%}
.pretpot-nav-wrapper *{box-sizing:border-box}

/* Navigation Container - Always Horizontal */
.pretpot-nav-container{
	display:flex;
	align-items:center;
	width:100%;
}

/* Desktop Header - Visible on Desktop Only */
.pretpot-desktop-header{display:flex;width:100%}
.pretpot-mobile-header{display:none}

/* Logo Text */
.pretpot-logo-text a{
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	white-space:nowrap;
	transition:color 0.3s;
}

/* Logo */
.pretpot-desktop-logo,
.pretpot-mobile-logo{
	display:inline-flex;
	align-items:center;
}

.pretpot-desktop-logo img,
.pretpot-mobile-logo img{
	display:block;
	height:auto;
	max-width:100%;
}

/* Menu List - Horizontal */
.pretpot-nav-menu{
	display:flex;
	align-items:center;
	list-style:none;
	margin:0;
	padding:0;
}

.pretpot-nav-menu li{
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:0;
}

.pretpot-nav-menu a{
	display:inline-flex;
	align-items:center;
	gap:5px;
	text-decoration:none;
	white-space:nowrap;
	transition:all 0.3s;
}

/* Buttons Container */
.pretpot-buttons{
	display:flex;
	align-items:center;
}

.pretpot-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	text-decoration:none;
	white-space:nowrap;
	transition:all 0.3s;
	cursor:pointer;
}

/* Spacer for Flex Layouts */
.pretpot-spacer{flex:1}

/* Toggle Button - Hidden on Desktop */
.pretpot-toggle{
	display:none;
	background:transparent;
	border:none;
	cursor:pointer;
	position:relative;
	line-height:1;
	transition:all 0.3s;
}

/* Only show ONE icon at a time */
.pretpot-toggle-close{display:none}
.pretpot-menu-open .pretpot-toggle-open{display:none}
.pretpot-menu-open .pretpot-toggle-close{display:inline-block}

/* Mobile Menu Dropdown - Hidden by Default */
.pretpot-mobile-menu{
	display:none;
	position:fixed;
	top:60px;
	left:0;
	right:0;
	max-height:calc(100vh - 60px);
	overflow-y:auto;
	z-index:9999;
	box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.pretpot-mobile-menu .pretpot-nav-menu{
	flex-direction:column;
	width:100%;
	align-items:stretch;
}

.pretpot-mobile-menu .pretpot-nav-menu li{
	display:block;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.05);
}

.pretpot-mobile-menu .pretpot-nav-menu a{
	display:flex;
	width:100%;
	padding:15px 0;
}

/* Overlay */
.pretpot-overlay{
	display:none;
	position:fixed;
	inset:0;
	z-index:9998;
	opacity:0;
	transition:opacity 0.3s;
}

.pretpot-menu-open .pretpot-overlay{
	display:block;
	opacity:1;
}

/* Desktop Styles */

/* Style 1: Logo far-left | Menu truly centered | Buttons far-right */
.pretpot-desktop-style_1{
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
}

/* The menu floats in the absolute center of the full bar width */
.pretpot-desktop-style_1 .pretpot-nav-menu{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	/* Prevent overlap with logo/buttons at small sizes */
	max-width:calc(100% - 40px);
	flex-wrap:nowrap;
}

/* Buttons pushed to the right edge */
.pretpot-desktop-style_1 .pretpot-buttons{
	margin-left:auto;
}

/* Style 2: Logo | spacer | Trigger — toggle always visible on desktop */
.pretpot-desktop-style_2{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

/* Override the global desktop-only hide for style_2 toggle */
.pretpot-desktop-style_2 .pretpot-toggle{
	display:inline-flex;
}

.pretpot-desktop-style_3{
	display:flex;
	align-items:center;
	justify-content:center;
}

/* ===== STICKY HEADER ENHANCED STYLES ===== */

/* Sticky wrapper base */
.pretpot-nav-wrapper {
    transition: all 0.3s ease-in-out;
    will-change: transform, opacity;
}

/* Sticky state - default styles (overridden by Elementor inline) */
.pretpot-nav-wrapper.pretpot-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
    z-index: 999;
    animation: pretpotStickySlideDown 0.3s ease-in-out;
}

/* Sticky hidden state (for scroll up/down behavior) */
.pretpot-nav-wrapper.pretpot-sticky-hidden {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}

/* Sticky placeholder to prevent layout shift */
.pretpot-sticky-placeholder {
    display: none;
    width: 100%;
    pointer-events: none;
}

/* Sticky animations */
@keyframes pretpotStickySlideDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes pretpotStickySlideUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

/* Sticky state logo adjustments */
.pretpot-nav-wrapper.pretpot-sticky .pretpot-desktop-logo img,
.pretpot-nav-wrapper.pretpot-sticky .pretpot-mobile-logo img {
    transition: all 0.3s ease;
}

/* Sticky state menu item adjustments */
.pretpot-nav-wrapper.pretpot-sticky .pretpot-nav-menu a {
    transition: all 0.3s ease;
}

/* Sticky state button adjustments */
.pretpot-nav-wrapper.pretpot-sticky .pretpot-btn {
    transition: all 0.3s ease;
}

/* Ensure cleared colors become transparent (fallback) */
.pretpot-nav-wrapper.pretpot-sticky {
    background-color: transparent;
    border-bottom: none;
}

/* When custom width is applied via elementor, adjust positioning */
.pretpot-nav-wrapper.pretpot-sticky[style*="width:"]:not([style*="left: 0"]):not([style*="right: 0"]) {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
}

/* Prevent body shift when sticky becomes fixed */
body.pretpot-sticky-active {
    padding-top: 0;
}

/* ===== RESPONSIVE - MOBILE ===== */
@media (max-width:768px){
	/* Hide Desktop, Show Mobile */
	.pretpot-desktop-header{display:none}
	.pretpot-mobile-header{display:flex;width:100%}
	
	/* Show Toggle on Mobile */
	.pretpot-toggle{display:inline-flex}
	
	/* Show Mobile Menu When Open */
	.pretpot-menu-open .pretpot-mobile-menu{display:block}
	
	/* Prevent body scroll when menu open */
	body.pretpot-menu-open{overflow:hidden}

	/* ---- Mobile Buttons ---- */
	/* Buttons container stacks below menu items, full-width */
	.pretpot-mobile-menu .pretpot-buttons{
		display:flex;
		flex-direction:column;
		width:100%;
		align-items:stretch;
	}

	/* Each button goes full-width and stacks */
	.pretpot-mobile-menu .pretpot-btn{
		display:flex;
		width:100%;
		justify-content:center;
	}

	/* Optional divider between menu items and buttons */
	.pretpot-mobile-menu .pretpot-mobile-divider{
		display:block;
		width:100%;
		height:1px;
		background-color:rgba(0,0,0,0.1);
		margin:0;
	}

	/* When divider is hidden */
	.pretpot-mobile-menu .pretpot-mobile-divider.hidden{
		display:none;
	}
	
	/* Mobile sticky adjustments */
	.pretpot-nav-wrapper.pretpot-sticky {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}

/* ===== TABLET ===== */
@media (min-width:769px) and (max-width:1024px){
	.pretpot-nav-menu a{font-size:14px}
	.pretpot-btn{font-size:14px}
}

/* ===== ANIMATIONS ===== */
.pretpot-mobile-menu{
	transform:translateY(-20px);
	opacity:0;
	transition:transform 0.3s,opacity 0.3s;
}

.pretpot-menu-open .pretpot-mobile-menu{
	transform:translateY(0);
	opacity:1;
}

/* ===== ACCESSIBILITY ===== */
.pretpot-nav-menu a:focus,
.pretpot-btn:focus,
.pretpot-toggle:focus{
	outline:2px solid #007cba;
	outline-offset:2px;
}

/* ===== PRINT ===== */
@media print{
	.pretpot-toggle,
	.pretpot-mobile-header,
	.pretpot-overlay{display:none!important}
	.pretpot-desktop-header{display:flex!important}
	.pretpot-mobile-menu{display:none!important}
	.pretpot-nav-wrapper.pretpot-sticky {
        position: relative !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
    }
    .pretpot-sticky-placeholder {
        display: none !important;
    }
}