/* ===== PIPE BARBER - Estilos personalizados ===== */

/* Animación barber pole */
.barber-pole-stripe {
  background-image: repeating-linear-gradient(
    45deg, #ecb613, #ecb613 10px, #221e11 10px, #221e11 20px
  );
  background-size: 200% 200%;
  animation: barberpole 2s linear infinite;
}
@keyframes barberpole {
  0% { background-position: 100% 100%; }
  100% { background-position: 0 0; }
}

/* Scrollbar personalizado */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #1a160d; }
::-webkit-scrollbar-thumb { background: #ecb613; }

/* Texto receipt estilo thermal */
.receipt-text {
  font-family: 'Space Mono', 'Share Tech Mono', monospace;
  letter-spacing: -0.05em;
}

/* Textura grano */
.grain-overlay {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
}

/* Thermal paper receipt */
.thermal-paper {
  background-color: #fcfcfc;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  position: relative;
}
.thermal-paper::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  background: radial-gradient(circle, transparent 70%, #fcfcfc 70%) -5px -5px;
  background-size: 10px 10px;
  transform: rotate(180deg);
}

/* Ocultar scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Texto vertical */
.text-vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Departure board hover */
.departure-board-item:hover .departure-line { width: 100%; }

/* Animación fade in */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}

/* Calendar styles */
.calendar-day {
  transition: all 0.2s;
}
.calendar-day:not(.disabled):hover {
  background-color: #ecb613;
  color: #1a1a1a;
}
.calendar-day.selected {
  background-color: #ecb613;
  color: #1a1a1a;
  font-weight: bold;
}
.calendar-day.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.calendar-day.today {
  border: 1px solid #ecb613;
}