.bdt-ep-business-hours-inner .heading-time {
  text-align: end;
}
.bdt-ep-business-hours-inner .bdt-inner {
  align-items: center;
}
.bdt-ep-business-hours-header {
  position: relative;
  overflow: hidden;
  background: #798184;
  padding: 30px 35px;
  text-align: end;
}

.bdt-ep-business-hours-header > .bdt-ep-bh-v-wrap {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  /* Lets iframe “cover” math use cqw/cqh (same idea as Elementor’s BackgroundVideo handler). */
  container-type: size;
  direction: ltr;
}

.bdt-ep-business-hours-header > .bdt-ep-business-hours-current-time,
.bdt-ep-business-hours-header > .bdt-ep-business-hours-current-date {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .bdt-ep-business-hours-header .bdt-ep-bh-v-wrap--hide-mobile {
    display: none !important;
  }
}

/* Beat Elementor’s `.elementor iframe { max-width: 100% }` so embeds can scale past the box for cover. */
.bdt-ep-business-hours-header .bdt-ep-bh-v-wrap iframe.bdt-ep-bh-v {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  border: 0;
  box-sizing: border-box;
  /* Fallback when @container is unsupported (same box as before). */
  width: 100cqw;
  height: 100cqh;
}

/* 16:9 “cover” without CSS max() — keeps this file valid CSS and avoids LESS eating max(). */
@container (min-aspect-ratio: 16 / 9) {
  .bdt-ep-business-hours-header .bdt-ep-bh-v-wrap iframe.bdt-ep-bh-v {
    width: 100cqw;
    height: calc(100cqw * 9 / 16);
  }
}

@container (max-aspect-ratio: 16 / 9) {
  .bdt-ep-business-hours-header .bdt-ep-bh-v-wrap iframe.bdt-ep-bh-v {
    width: calc(100cqh * 16 / 9);
    height: 100cqh;
  }
}

.bdt-ep-business-hours-header video.bdt-ep-bh-v {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border: 0;
  object-fit: cover;
}

/* Browsers without container query units: fill the layer (may letterbox inside the embed). */
@supports not (width: 1cqw) {
  .bdt-ep-business-hours-header .bdt-ep-bh-v-wrap iframe.bdt-ep-bh-v {
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
  }
}

.bdt-ep-business-hours-current-time {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
.bdt-ep-business-hours-current-date {
  font-size: 20px;
  color: #fff;
}