/* ===== PRETPOT NAV MENU - FINAL COMPLETE VERSION ===== */

/* 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 */
.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 */
.pretpot-desktop-style_1{
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.pretpot-desktop-style_2{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

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

/* ===== 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}
}

/* ===== 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}
}