/* === FlipDown Custom Style (Matching Your Design) === */
.flipdown {
  font-family: "Gloucester" !important;
}

#flipdown-clock {
  margin: 0 auto;
  width: fit-content;
  background: transparent !important;
}

.flipdown.flipdown__theme-dark .rotor-group-heading:before {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: medium;
  font-family: "Poppins";
}

.flipdown.flipdown__theme-dark
  .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
.flipdown.flipdown__theme-dark
  .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  background-color: #fff;
}

.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
  background: linear-gradient(to bottom, #1b130c, #33271d);
  color: #fff7f0;
}

.flipdown.flipdown__theme-dark .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-leaf-rear {
  background: linear-gradient(to bottom, #1b130c 0%, #33271d 50%, #1b130c 100%);
  color: #fff7f0;
}

@media only screen and (max-width: 320px) {
  .flipdown.flipdown__theme-dark
    .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  .flipdown.flipdown__theme-dark
    .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
    display: none;
  }
  .flipdown {
    width: 100%;
  }
  .flipdown .rotor-group {
    padding-right: 0;
  }
  .flipdown.flipdown__theme-dark {
    display: flex;
    justify-content: center;
    gap: 5px;
  }
}