/* General styles for SmartBanner */
/* Classes names from imported component */

.smartbanner {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-size: contain;
  border-bottom: 1px solid #dadfeb;
  height: 70px;
  z-index: 1000 !important; /* Higher than Header (902) to ensure visibility */
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
}

.smartbanner__icon {
  background-size: contain;
  box-shadow: 0 1px 4px 0 #c2c2c2;
  height: 50px;
  left: 28px;
  width: 50px;
}

.smartbanner__info {
  color: #333333;
  height: 55px;
  left: 85px;
  top: 8px;
}

.smartbanner__info__title {
  font-size: 14px;
}

.smartbanner__button {
  border: 1px solid #5c6f8a;
  border-radius: 3px;
  color: #5c6f8a;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 6px;
  right: 9px;
  text-transform: uppercase;
  top: 27px;
}

.smartbanner.smartbanner--android {
  box-shadow: none;
}

.smartbanner.smartbanner--android .smartbanner__icon {
  border-radius: 100px;
}

.overlay-view.smartbanner-hack {
  padding-bottom: 70px;
  top: 70px;
}

.timer-fixed.smartbanner-hack {
  top: calc(60px + 70px);
}