/* The preserved t/64 homepage owns public chrome geometry. This file only
   normalizes shared header controls on server-rendered customer routes. */
.wt-header__panel {
  align-items: center !important;
  height: 20px !important;
}

.wt-header__panel__item--account,
.wt-header__panel__item--cart,
.wt-header__panel__item--account .wt-header__panel__link,
.wt-header__panel__item--cart .wt-header__panel__link {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
}

.wt-header__panel__item--account svg,
.wt-header__panel__item--cart svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
}

/* Eternal Ceramics sells in BDT only; a currency selector would be inert and misleading. */
.wt-header__localization__triggers {
  display: none !important;
}

.eternal-canonical-announcement {
  position: relative;
  z-index: 40;
  height: 30px;
  overflow: hidden;
  color: #fff;
  background: #212121;
}

.wt-announcement {
  display: block !important;
  height: 30px !important;
  min-height: 30px !important;
  overflow: hidden !important;
}

.wt-announcement > .wt-announcement-bar {
  display: block !important;
}

.eternal-canonical-announcement .wt-announcement-bar,
.eternal-canonical-announcement .wt-announcement__container,
.eternal-canonical-announcement .wt-announcement__marquee {
  height: 100%;
}

.eternal-canonical-announcement .wt-announcement__marquee {
  display: flex;
  width: max-content;
  align-items: center;
  gap: clamp(80px, 13vw, 220px);
  padding-inline: clamp(32px, 8vw, 140px);
  animation: eternal-canonical-announcement-scroll 70s linear infinite;
  white-space: nowrap;
}

.eternal-canonical-announcement a,
.eternal-canonical-announcement span {
  color: inherit;
  font: 500 13px/1 "Outfit", sans-serif;
  text-decoration: none;
}

@keyframes eternal-canonical-announcement-scroll {
  to { transform: translateX(-50%); }
}

@media (max-width: 749px) {
  .wt-header {
    min-height: 56px !important;
    height: 56px !important;
  }

  .eternal-canonical-announcement {
    height: 38px;
  }

  .wt-announcement {
    height: 38px !important;
    min-height: 38px !important;
  }

  .eternal-canonical-announcement .wt-announcement__marquee {
    gap: 72px;
    padding-inline: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eternal-canonical-announcement .wt-announcement__marquee {
    animation: none;
  }
}