.idkv-ws-bar {
  background: url(https://cdn.ideaktiv.com/2025/03/Bg-Ramadan-2025.jpg.webp);

  color: white;

  font-family: Poppins;

  padding: 10px 20px;
}

.idkv-ws-wrapper {
  display: flex;

  align-items: center;

  justify-content: space-between;

  max-width: 1200px;

  margin: auto;
}

.idkv-ws-left {
  width: 200px;
}

.idkv-clock {
  font-size: 32px;

  font-weight: 800;
}

.idkv-date {
  font-size: 14px;
}

.idkv-hijri {
  font-size: 14px;

  color: #ffd574;
}

.idkv-ws-prayers {
  display: flex;

  gap: 25px;
}

.idkv-prayer {
  text-align: center;

  padding: 10px;

  border-radius: 10px;
}

.idkv-prayer p {
  color: #ffd574;

  font-size: 14px;

  margin: 0;
}

.idkv-prayer span {
  font-size: 14px;
}

.idkv-prayer.active {
  background: rgba(0, 0, 0, 0.3);
}

.idkv-ws-right {
  text-align: right;
}

.ws-label {
  font-size: 12px;
}

.ws-location {
  display: flex;

  align-items: center;

  gap: 10px;
}

#wsZone {
  background: #11294a;

  color: white;

  border: 2px solid #e2b243;

  border-radius: 5px;

  padding: 3px 6px;
}