/* === RTP CALENDAR BAR Pohonemas33 === */
.rtp-calendar-Pohonemas33{
  width:100%;
  max-width:820px;
  margin:24px auto 22px;
  padding:8px 12px;

  background:
    radial-gradient(circle at top left,rgba(255,215,0,.08),transparent 38%),
    linear-gradient(135deg,#000000,#0d0d0d,#1a1a1a);

  border:1px solid rgba(212,175,55,.45);

  border-radius:10px;

  box-shadow:
    0 0 18px rgba(255,215,0,.18),
    inset 0 0 16px rgba(255,215,0,.05);

  font-family:Arial,sans-serif;
  color:#fff;
  overflow:hidden;
}

.rtp-calendar-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:7px;
  font-size:12px;
  letter-spacing:.4px;
}

.rtp-calendar-title{
  font-weight:800;
  color:#ffd700;
  text-shadow:0 0 8px rgba(255,215,0,.45);
  white-space:nowrap;
}

.rtp-calendar-time{
  color:#fff4b0;
  font-weight:700;
  white-space:nowrap;
}

.rtp-calendar-list{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:7px;
}

.rtp-day-card{
  position:relative;
  min-height:48px;
  padding:7px 6px;
  border-radius:9px;

  background:
    linear-gradient(180deg,#1a1a1a,#0d0d0d,#000000);

  border:1px solid rgba(212,175,55,.35);

  box-shadow:
    inset 0 0 10px rgba(255,215,0,.05);

  text-align:center;
  overflow:hidden;
}

.rtp-day-card::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,244,176,.18),
      transparent
    );

  transform:translateX(-100%);
  animation:rtpShine 4s infinite;
}

.rtp-day-card.active{
  border-color:#ffd700;

  box-shadow:
    0 0 14px rgba(255,215,0,.28),
    inset 0 0 12px rgba(255,215,0,.10);
}

.rtp-day-name{
  font-size:11px;
  color:#ffd700;
  font-weight:800;
  text-transform:uppercase;
  position:relative;
  z-index:1;
}

.rtp-day-date{
  font-size:10px;
  color:#f3f3f3;
  opacity:.85;
  margin-top:2px;
  position:relative;
  z-index:1;
}

.rtp-percent{
  font-size:14px;
  font-weight:900;
  color:#fff4b0;
  margin-top:3px;

  text-shadow:
    0 0 8px rgba(255,215,0,.45);

  position:relative;
  z-index:1;
}

.rtp-status{
  display:inline-block;
  font-size:9px;
  font-weight:800;
  color:#111;

  background:
    linear-gradient(
      to right,
      #fff4b0 0%,
      #ffd700 30%,
      #d4af37 60%,
      #8c6b2f 100%
    );

  border:1px solid rgba(255,215,0,.45);

  border-radius:20px;

  padding:2px 7px;
  margin-top:3px;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.35);

  position:relative;
  z-index:1;
}

@keyframes rtpShine{
  0%{
    transform:translateX(-100%);
  }
  45%{
    transform:translateX(100%);
  }
  100%{
    transform:translateX(100%);
  }
}

/* Responsive HP */
@media (max-width:768px){

  .rtp-calendar-Pohonemas33{
    padding:7px;
    border-radius:8px;
  }

  .rtp-calendar-head{
    font-size:10px;
    flex-direction:column;
    gap:3px;
  }

  .rtp-calendar-list{
    grid-template-columns:repeat(2,1fr);
  }

  .rtp-day-card{
    min-height:45px;
  }

}
