/* small screens: vertical button stack */
@media (max-width: 480px) {
	.cta-panel .d-flex {
		flex-direction: column;
	}

	.cta-panel .btn {
		width: 100%;
	}
}

/* Accessibility: ensure sufficient contrast for headings on small screens */
@media (max-width: 760px) {
	.cta-content h4 {
		font-size: 1.25rem;
		line-height: 1.25;
	}
}

/* mobile fallback: hide transform so Bootstrap collapse behaves normally */
@media (max-width: 991px) {

	.hero-right-image {
			margin-top: 2em;
	}

	.col-lg-3, .col-md-3 {
		width: 50%;
	}

	.hide-mobile {
		display: none;
	}

	.countries .col-lg-2 {
		width: 25%;
	}

	.partners .col-md-3 {
		width: 25%;
	}

	.navbar-expand-lg {
		max-width: 100% !important;
	}

	.nav-item {
		max-width: 95vw;
	}

	.dropdown-menu {
		transform: none !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		position: static !important;
		box-shadow: none;
	}

	.dropdown-menu {

	}

	.mega-menu .col-6{
		width: 100%;
	}

	.mega-menu .col-md-7 {
		width: 90vw;
	}
	.mega-menu .col-md-5 {
		display: none;
	}

	.position-static .dropdown-menu {
		left: auto;
		transform: none;
	}

	.mega-image {
		max-height: 120px;
	}

  .cta-accent {
    width: 120px;
    left: -14px;
    transform: skewX(-10deg);
    opacity: 0.9;
  }

  .cta-panel {
    padding: 36px 18px;
    min-height: 200px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .footer-inner {
    padding-bottom: 8px;
  }

  .footer-lower-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

}

/* keep megamenu width constrained and centered on large screens */
@media (min-width: 992px) {

	.position-static .mega-menu {
		margin: 0 auto;
	}
  .hero-left {
    padding-right: 3rem;
  }

}