/**
 * Autonemo — mobile site-wide ~20% more compact (max-width 767px).
 */

@media (max-width: 767px) {
	html {
		font-size: 80%;
	}

	/* Homepage hero — keep readable scale (compact rule shrinks rem-based type) */
	html:has(body.home) {
		font-size: 106%;
	}

	:root {
		--autonemo-site-gutter: 16px;
		--autonemo-mobile-compact: 0.8;
	}

	/* Inner pages — less air under header */
	body:not(.home) .page-content-wrapper {
		padding-top: 8px !important;
	}

	body:not(.home) .breadcrumb-section {
		padding: calc(51px + 4px) 0 18px !important;
	}

	body:not(.home) .page-wrapper.sec-mar {
		margin-bottom: 58px;
	}

	.autonemo-page-content {
		padding: 8px 0 38px;
	}

	.autonemo-seo-hero {
		padding: 14px 0 10px;
	}

	/* Marketing sections using .section-padding */
	.autonemo-page-content > section.section-padding,
	[class*="-page"] > section.section-padding,
	section.section-padding {
		padding-top: clamp(32px, 4.5vw, 52px) !important;
		padding-bottom: clamp(32px, 4.5vw, 52px) !important;
	}

	/* Theme px typography → ~80% */
	body p {
		font-size: 13px !important;
		line-height: 1.55 !important;
		margin-bottom: 0.65em !important;
	}

	body :where(h1, h2, h3, h4, h5, h6) {
		margin-top: 0.85em;
		margin-bottom: 0.45em;
	}

	/* Header */
	.header-area.style-2 > .container {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.header-area .company-logo img,
	.header-area .company-logo .custom-logo-link img,
	.header-area .company-logo .logo-dark img,
	.header-area .company-logo .logo-light img {
		max-height: 30px !important;
	}

	.header-area.style-2 a.primary-btn1.header-btn {
		padding: 6px 12px !important;
		font-size: 0.72rem !important;
	}

	/* Bootstrap / theme gaps */
	.row.g-4,
	.row.g-xl-5 {
		--bs-gutter-x: 0.8rem;
		--bs-gutter-y: 0.8rem;
	}

	/* Buttons */
	.primary-btn1,
	.primary-btn2,
	.primary-btn3,
	a.primary-btn1,
	a.primary-btn2,
	a.primary-btn3 {
		padding: 8px 14px !important;
		font-size: 0.8rem !important;
	}

	/* Footer */
	.footer-logo img {
		max-height: 35px;
	}

	/* Homepage hero — layout handled in home-hero-mobile.css */

	.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs {
		gap: 14px;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs .nav-link {
		font-size: 12px;
	}

	/* Blog index timeline */
	.autonemo-blog-timeline {
		padding: 4px 0 36px;
	}

	.autonemo-blog-timeline__hero {
		padding: 12px 12px 10px;
		margin-bottom: 10px;
	}

	.autonemo-blog-timeline__title {
		font-size: 1.05rem;
	}

	.autonemo-blog-timeline__lead {
		font-size: 0.78rem;
	}

	.autonemo-blog-timeline__item {
		margin-bottom: 8px;
		padding-left: 24px;
	}

	/* Single blog — title card flush under header */
	.autonemo-single-blog-page #blog-details.blog-details,
	.autonemo-single-blog-page .blog-details.sec-mar {
		margin-top: 0 !important;
		padding-top: 10px !important;
	}

	.autonemo-blog-single {
		padding-bottom: 44px;
	}

	.autonemo-blog-single__header {
		margin-bottom: 10px;
		padding: 8px 10px;
	}

	.autonemo-blog-single__post-title {
		font-size: 0.95rem;
		margin-bottom: 6px;
	}

	.autonemo-blog-single__lead {
		font-size: 0.78rem;
		margin-bottom: 6px;
	}

	.autonemo-blog-single__article {
		margin-bottom: 14px;
		padding: 10px;
	}

	.autonemo-blog-single__newspaper-fig {
		width: 86px;
		margin: 0 10px 6px 0;
	}

	.autonemo-blog-single__content h2 {
		margin: 0.95rem 0 0.35rem;
	}

	.autonemo-single-blog-page .autonemo-blog-single__content.blog-details-content p,
	.autonemo-single-blog-page .autonemo-blog-single__content.entry-content p,
	.autonemo-blog-single__content p,
	.autonemo-blog-single__content li {
		font-size: 0.78rem !important;
		line-height: 1.48 !important;
		margin-bottom: 0.55rem !important;
	}

	.autonemo-blog-single__content ul li {
		margin-bottom: 4px;
	}

	body:not(.dark).autonemo-single-blog-page .autonemo-blog-single__content ul li {
		padding: 4px 6px;
	}

	.autonemo-blog-single__nav,
	.autonemo-blog-single__cta,
	.autonemo-blog-single__tags,
	.autonemo-blog-single__share {
		margin-bottom: 16px;
	}

	.autonemo-blog-single__cta {
		padding: 18px 20px;
	}

	.autonemo-blog-single__widgets .single-widgets {
		margin-top: 8px;
		padding: 8px 10px;
	}

	.autonemo-blog-single__widgets .widget-title,
	.autonemo-blog-single__widgets .wp-block-heading {
		font-size: 0.72rem !important;
		margin-bottom: 6px !important;
	}

	.autonemo-blog-single__widgets a.wp-block-latest-posts__post-title,
	.autonemo-blog-single__widgets .wp-block-categories-list a,
	.autonemo-blog-single__widgets .recent-post-widget .recent-post-content h6 a {
		font-size: 0.68rem !important;
	}

	.autonemo-blog-single__widgets ul.wp-block-latest-posts__list li {
		margin-top: 6px !important;
	}

	.autonemo-blog-single__aside {
		padding: 10px 12px;
	}

	.autonemo-blog-single__aside a {
		font-size: 0.68rem;
		padding: 4px 6px;
	}
}

@media (max-width: 575px) {
	.header-area .company-logo img,
	.header-area .company-logo .custom-logo-link img,
	.header-area .company-logo .logo-dark img,
	.header-area .company-logo .logo-light img {
		max-height: 28px !important;
	}

	/* Mobile drawer — slightly tighter on very small screens */
	.sidebar-menu .sidebar-menu-wrap .main-menu > li > a {
		font-size: 0.85rem !important;
		padding: 10px 16px !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li.menu-item-has-children > .dropdown-icon2 {
		width: 24px !important;
		height: 24px !important;
		min-width: 24px;
		margin-right: 12px;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i {
		font-size: 13px !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li a {
		font-size: 0.78rem !important;
	}
}

/* Mobile scroll performance — smoother page scroll */
@media (max-width: 991px) {
	html {
		scroll-behavior: auto;
	}

	body {
		-webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior-y: auto;
	}

	header.header-area.style-2.disable.breadcrumb-disable,
	header.header-area.style-2.sticky {
		position: sticky !important;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999;
		animation: none !important;
		transform: none !important;
	}

	body:not(.dark) header.header-area.style-2.sticky {
		background-color: var(--autonemo-white, #ffffff) !important;
		box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
	}

	body.home .autonemo-vms-band,
	body.home .autonemo-feature-marquee,
	body.home .autonemo-client-testimonials,
	body.home .autonemo-solution-cards-section,
	body.home .home3-project-management-section,
	body.home .autonemo-blog-hub {
		content-visibility: auto;
		contain-intrinsic-size: auto 420px;
	}

	.autonemo-feature-marquee__track,
	.autonemo-client-testimonials__track,
	.autonemo-vms-band__rotate-track {
		will-change: auto !important;
	}

	html.autonemo-scroll-active .autonemo-feature-marquee__track,
	html.autonemo-scroll-active .autonemo-client-testimonials__track,
	html.autonemo-scroll-active .autonemo-vms-band__rotate-track {
		animation-play-state: paused !important;
	}
}