/* Numérique (VamTam) page title fix, site-wide.
   The theme's header floats over the page, so its built-in page title (#sub-header)
   was drawn underneath the menu. Push it down (header height + 100px) and centre it.
   Pages where the title is hidden in the theme are not affected. */
#sub-header.elementor-page-title {
	padding: 180px 24px 48px !important;
	text-align: center !important;
}
#sub-header.elementor-page-title .page-header,
#sub-header.elementor-page-title .meta-header,
#sub-header.elementor-page-title .meta-header-inside {
	text-align: center !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important;
}
#sub-header.elementor-page-title h1,
#sub-header.elementor-page-title h2,
#sub-header.elementor-page-title h3 {
	margin: 0 auto !important; text-align: center !important; line-height: 1.1 !important;
	font-size: clamp(30px, 4.2vw, 56px) !important; letter-spacing: -0.02em !important;
}
/* "Cart > Checkout > Order Complete" breadcrumb on shop pages */
#sub-header .checkout-breadcrumb { display: inline-flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 4px 14px !important; }
#sub-header .checkout-breadcrumb .title-part-inactive,
#sub-header .checkout-breadcrumb .title-part-inactive a { opacity: .35 !important; color: inherit !important; text-decoration: none !important; }
#sub-header .checkout-breadcrumb .title-part-active { color: #000 !important; }
@media (max-width: 767px) {
	#sub-header.elementor-page-title { padding: 130px 16px 28px !important; }
	#sub-header.elementor-page-title h1,
	#sub-header.elementor-page-title h2,
	#sub-header.elementor-page-title h3 { font-size: 30px !important; }
}
