/**
 * RF generic pages (templates/page.php): small layout adjustments for page
 * content built with Elementor. Content itself is never changed here.
 */

/* About Us hero, desktop only: use nearly the full viewport width (30px side
   margins) instead of Elementor's 1140px boxed container. Tablet and mobile keep
   Elementor's own layout unchanged. */
@media (min-width: 1025px) {
	.rf-page .elementor-section.elementor-section-boxed > .elementor-container:has(.ramsti-about-hero) {
		max-width: none;
		padding-inline: 30px;
	}
}

/* About Us, phones: the header overlays the top of the hero image (the homepage's
   transparent-header approach) and returns to its normal solid style once the
   page scrolls or a menu opens. The top of the mobile image is light, so the
   dark logo, menu icon and cart stay. Scoped to the page holding the About image. */
@media (max-width: 767px) {
	body:has(.ramsti-about-image) .rf-header--solid {
		margin-bottom: calc(-1 * var(--header-height) - 1px);
	}

	body:has(.ramsti-about-image) .rf-header--solid:not(.is-scrolled, .is-locked) {
		--_bg: transparent;
		--_rule: transparent;
	}
}