/*
Theme Name: MediaFoundry Child
Theme URI: https://preview.wolfthemes.store/mediafoundry/landing/
Description: MediaFoundry Child theme
Author: WolfThemes
Author URI: https://wolfthemes.com
Template: mediafoundry
Version: 1.0.0
*/



/* =========================================================
   ELEMENTOR – Text editor spacing fix
   Removes extra spacing at the bottom of text blocks
   ========================================================= */
.elementor-widget-text-editor p:last-child{
	margin-bottom:0px;
}


/* =========================================================
   ACCESSIBILITY – Pojo A11y Toolbar 
   ========================================================= */
.pojo-a11y-toolbar-toggle{
	bottom:0!important;	
}
#pojo-a11y-toolbar{
	bottom:30px;
	top:auto!important;
}
/* Tablet adjustments */
@media all and (max-width:1024px){
	#pojo-a11y-toolbar{
		bottom:15px;
	}
}
/* Mobile adjustments */
@media all and (max-width:767px){
	#pojo-a11y-toolbar{
		bottom:10px;
	}
}


/* =========================================================
   DESKTOP NAVIGATION – Secondary menu CTA button
   ========================================================= */
#site-navigation-secondary-desktop .wpb-menu-button a .menu-item-inner{
	font-family: "Albert Sans";
	border-radius: 50px!important;
	background: #000;
	padding:10px 30px;
}


/* =========================================================
   DESKTOP NAVIGATION – Primary menu styles
   ========================================================= */
#site-navigation-primary-desktop a{
	color: #000;
	font-family: "Albert Sans";
}


/* =========================================================
   HEADER – Logo sizing when menu is loaded
   ========================================================= */
#header-content .logo-container.menu-loaded{
	width:60px;
	min-height:auto;
}


/* =========================================================
   DESKTOP NAVIGATION – Horizontal padding
   ========================================================= */
#desktop-navigation .flex-wrap{
	padding-left:3%;
	padding-right:3%;
}


/* =========================================================
   TABLET HEADER (≤1024px)
   Adjusts spacing and prevents layout issues
   ========================================================= */
@media all and (max-width:1024px){
	/* Header padding */
	#header-content .flex-mobile-wrap{
		padding:15px 24px!important;
	}
	/* Allow flexible height for mobile bar */
	#mobile-bar{
		height:auto!important;
	}
	/* Prevent elements from being clipped */
	#mobile-bar *{
		max-height:100%;
	}
	/* Ensure logo and hamburger fit correctly */
	#header-content .flex-mobile-wrap .logo-container a,
	#header-content .flex-mobile-wrap .hamburger-container{
		max-height:100%!important;
	}
	/* Reduce right padding on secondary menu links */
	#header-content .flex-mobile-wrap #site-navigation-secondary-desktop li a{
		padding-right: 5px;
	}
	/* Scale down logo */
	#header-content .logo-container .logo{
		width:55px!important;
		height:auto!important;
	}
}


/* =========================================================
   MOBILE HEADER (≤767px)
   Further reduce sizes for small screens
   ========================================================= */
@media all and (max-width:767px){
	/* Reduce header padding */
	#header-content .flex-mobile-wrap{
		padding:10px 10px!important;
	}
	/* Adjust CTA button spacing */
	#header-content .flex-mobile-wrap 
	#site-navigation-secondary-desktop li a span{
		padding:3px 8px !important;
		margin-right:0px!important;
		font-size:11px!important;
	}
	/* Resize CTA icon */
	#header-content .flex-mobile-wrap 
	#site-navigation-secondary-desktop li a 
	.btn-icon-wrap .btn-icon{
		width:9px!important;
		height:9px!important;
	}
}


/* =========================================================
   MOBILE NAVIGATION – Disable sticky behavior
   Prevents jumpy scrolling on tablet/mobile
   ========================================================= */
@media all and (max-width:1024px){
	#mobile-bar.will-stick-nav{
		position: relative;
	}
}