/* TPC Booking Timezone — was an inline <style> inside the HivePress booking
   form footer. Now a real file: cacheable, minifiable, out of the HTML. */

#timezone-info{
  position:relative;
  overflow:hidden;
  display:none;
  margin:10px 0;
  padding:12px;
  background:#E17F7020;
  border:1px solid rgb(255 184 184);
  border-radius:16px;
  color:#000;
  width:100%;
}

#timezone-info::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  border-radius:16px;
  padding:1px;
  background:linear-gradient(90deg,#ff6b6b,#ffa07a,#ffb8b8,#ffa07a,#ff6b6b,#ffa07a,#ffb8b8,#ffa07a,#ff6b6b);
  background-size:200% 100%;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:borderFlow 4s linear infinite;
}

@keyframes borderFlow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

/* Respect users who ask for reduced motion — the animated border is decorative. */
@media (prefers-reduced-motion: reduce){
  #timezone-info::before{animation:none}
}

#timezone-display{margin-top:8px;font-size:14px}
.tpc-tz-vendor{color:#0066cc}
.tpc-tz-meta{color:#666}
.tpc-tz-local{color:#28a745}