/*
Theme Name: Hello Child
Theme URI: https://example.com
Description: Child theme de Hello Elementor
Author: Lucien
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child
*/


/* Banner_top style */
:root {
  --top-banner-height: 0px;
}

.site-top-banner {
  padding: 6px;
  position: relative;
  z-index: 90;
  width: 100%;
  background: var(--e-global-color-accent);
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
	.site-top-banner {
		font-size: 13px;
	}
}

.site-top-banner__inner {
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767px) {
	.site-top-banner__inner {
		font-size: 13px;
		gap: 6px;
	}
}

.site-top-banner__text {
  font-weight: 600;
}

.site-top-banner__text p {
  margin: 0;
}

.site-top-banner a {
  color: #fff;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-top-banner a:hover {
  text-decoration: none;
	color: #fff;
/*	opacity: .8; */
}

.promo-countdown {
  font-weight: 700;
  white-space: nowrap;
}

/* Sticky header Elementor / thème */
.elementor-location-header,
.site-header,
header[itemscope],
header.elementor-sticky,
.elementor-sticky--active {
  top: var(--top-banner-height, 0px);
}

/* Admin bar */
body.admin-bar .elementor-location-header,
body.admin-bar .site-header,
body.admin-bar header[itemscope],
body.admin-bar header.elementor-sticky,
body.admin-bar .elementor-sticky--active {
  top: calc(var(--top-banner-height, 0px) + 32px);
}

.site-top-banner a::after {
  content: "→";
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.2s ease;
}

.site-top-banner a:hover::after {
  transform: translateX(3px);
}

.promo-countdown {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}