/**
 * Apex Lean Solutions Theme - Header & Footer Media Queries
 * Responsive padding, font size, and logo for header and footer
 */

/* ========== Header – tablet ========== */
@media (max-width: 1199.98px) {
	.apex-header-pill {
		padding: 0 0.5rem;
	}
	section.apex-hero.apex-section p{
		line-height:normal;
	}
	.apex-navbar {
		padding: 0.4rem 0.75rem !important;
	}
	.apex-brand {
		font-size: 0.9rem;
	}
	.apex-brand-logo img {
		max-height: 50px !important;
	}
	.apex-nav-center .nav-link {
		padding: 12px 28px !important;
		font-size: 14px;
	}
	.apex-header-cta {
		font-size: 14px !important;
		padding: 0.6rem 1.5rem !important;
	}
	.apex-footer-main > .container.py-5{
		padding: 30px 15px;
	}
}

/* ========== Header – mobile menu (left-side panel) ========== */
@media (max-width: 991.98px) {
	.site-header.apex-sticky-header {
		padding: 12px 14px;
	}
	.apex-header-pill {
		padding: 0 0.5rem;
	}
	.apex-navbar {
		padding: 0.35rem 0.6rem !important;
	}
	.apex-brand {
		font-size: 0.85rem;
	}

	.apex-toggler-icon {
		font-size: 1.1rem !important;
	}
	.apex-mobile-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 85%;
		max-width: 320px;
		height: 100vh;
		background: #fff;
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
		z-index: 1040;
		padding: 4rem 1.5rem 1.5rem;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		overflow-y: auto;
		flex-direction: column;
		align-items: stretch;
	}
	.apex-mobile-menu.show {
		transform: translateX(0);
	}
	.apex-menu-close {
		position: absolute;
		top: 1rem;
		right: 1rem;
		width: 44px;
		height: 44px;
		padding: 0;
		border: none;
		background: transparent;
		color: #1a1a1a;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: background 0.2s ease;
	}
	.apex-menu-close:hover {
		background: rgba(0, 0, 0, 0.06);
		color: #1a1a1a;
	}
	.apex-mobile-menu .navbar-nav {
		flex-direction: column;
		margin: 0 !important;
	}
	.apex-mobile-menu .nav-link {
		padding: 0.75rem 0 !important;
		font-size: 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}
	.apex-mobile-menu .apex-header-cta {
		margin-top: 1rem;
		text-align: center;
		font-size: 14px !important;
		padding: 0.65rem 1.25rem !important;
	}
	/* Backdrop when menu is open (click to close) */
	.apex-menu-backdrop {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 1035;
		transition: opacity 0.3s ease;
	}
	body.apex-menu-open .apex-menu-backdrop {
		display: block;
	}
}

@media (min-width: 992px) {
	.apex-menu-close {
		display: none;
	}
	
}

/* ========== Footer – responsive (padding, font size, logo) ========== */
@media (max-width: 1600px) {

	.apex-footer-description {
		width: 100%;
		font-size: 26px;
		line-height: 34px;
	}
	.apex-footer-brand .apex-footer-logo {
		max-height: 80px;
	}
	.apex-footer-email-label {
		font-size: 15px;
	}
	.apex-footer-email-link {
		font-size: 20px;
	}
	.apex-footer-form-title,
	.apex-footer-form h2.text-white.mb-4 {
		font-size: 28px;
		line-height: 32px;
	}
	.apex-footer-brand-line {
		flex-wrap: wrap;
		gap: 60px;
	}
}

@media (max-width: 991.98px) {
	.apex-footer-main .container {
		width: 100%;
    max-width: 1000%;
    padding: 0px;
	}
	.apex-footer-brand .apex-footer-logo {
		max-height: 80px;
	}
	.apex-footer-description {
		font-size: 22px;
		line-height: 30px;
	}
	.apex-footer-email-label {
		font-size: 14px;
	}
	.apex-footer-email-link {
		font-size: 18px;
	}
	.apex-footer-form-title,
	.apex-footer-form h2.text-white.mb-4 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 0.75rem;
	}
	.apex-footer-form input[type="text"],
	.apex-footer-form input[type="email"],
	.apex-footer-form input[type="tel"],
	.apex-footer-form textarea {
		padding: 12px 24px !important;
		font-size: 14px !important;
	}
	.apex-footer-form .wpcf7-submit,
	.apex-footer-form input[type="submit"] {
		padding: 14px 28px !important;
		font-size: 14px !important;
	}
	
	.apex-footer-brand,
	.apex-footer-form-wrap {
		max-width: 100%;
	}
	.apex-footer-bottom .container {
		padding: 1rem 1rem !important;
	}
	.apex-footer-copyright {
		font-size: 15px;
	}
	.apex-footer-brand-line {
        flex-wrap: wrap;
        gap: 20px;
    }
	section.apex-lean-packages.apex-section .row .col-lg-4:nth-child(2):before{
		display:none;
	}
	section.apex-lean-packages.apex-section .row .col-lg-4:nth-child(2) .apex-package-card {
		border: 1px solid #585858;
	}
	.apex-packages-header {
		margin-bottom: 10px;
	}
}

@media (max-width: 575.98px) {
	
	.apex-footer-brand .apex-footer-logo {
		max-height: 80px;
	}
	.apex-footer-description {
		font-size: 18px;
		line-height: 26px;
	}
	.apex-footer-email-label {
		font-size: 13px;
	}
	.apex-footer-email-link {
		font-size: 16px;
	}
	.apex-footer-form-title,
	.apex-footer-form h2.text-white.mb-4 {
		font-size: 20px;
		line-height: 24px;
	}
	.apex-footer-form input[type="text"],
	.apex-footer-form input[type="email"],
	.apex-footer-form input[type="tel"],
	.apex-footer-form textarea {
		padding: 10px 20px !important;
		font-size: 13px !important;
	}
	.apex-footer-form .wpcf7-submit,
	.apex-footer-form input[type="submit"] {
		padding: 12px 24px !important;
		font-size: 13px !important;
	}
	.apex-footer-bottom .row {
		gap: 0.75rem;
	}
	.apex-footer-copyright {
		text-align: center;
		font-size: 14px;
	}
	.apex-footer-linkedin {
		justify-content: center;
	}
}