/*	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	CORE/HERO-BANNER/CLASSES.CSS
	––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/**
 * VISIOFRAMEWORK
 * This file is part of VISIOFRAMEWORK.
 * @package		visioframework
 * @author		Agência Visio <contato@agenciavisio.com.br>
 * @copyright	Copyright (c) 2023-present. M. Souza & Souza LTDA. (CNPJ: 21.284.748/0001-33). All rights reserved.
 * @license		Proprietary
 * @link		https://www.agenciavisio.com.br
 */

/* CLS-baseline for the topbar/navbar overlay trick: render the negative margin
   on the wrapper AND the matching positive padding on the inner container from
   first paint, so the banner doesn't jump 100-150px when setBannerPosition()
   (in classes.php get_javascript()) applies the exact runtime-measured value.
   JS overrides both via inline `style` attributes once topbar+navbar heights
   are known. */

.hero-banner--wrapper.platform-mobile {
	margin-top: var(--hero-overlay-offset-mobile);
}

.hero-banner--wrapper.platform-mobile .hero-banner--container {
	padding-top: calc(-1 * var(--hero-overlay-offset-mobile));
}

.hero-banner--wrapper.platform-desktop {
	margin-top: var(--hero-overlay-offset-desktop);
}

.hero-banner--wrapper.platform-desktop .hero-banner--container {
	padding-top: calc(-1 * var(--hero-overlay-offset-desktop));
}