/* Additional styles for Praksis theme */

/* Scrollbar styling for about page */
.bg-praksis-parchment::-webkit-scrollbar {
  width: 10px;
}

.bg-praksis-parchment::-webkit-scrollbar-track {
  background: #DCD2BE;
}

.bg-praksis-parchment::-webkit-scrollbar-thumb {
  background: #B13A2C;
  border-radius: 5px;
}

.bg-praksis-parchment::-webkit-scrollbar-thumb:hover {
  background: #8a2e20;
}

/* Mobile scroll improvements */
@media (max-width: 768px) {
  /* Enable scrolling on mobile */
  body {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y pinch-zoom;
  }
  
  /* Ensure all interactive elements allow scrolling */
  * {
    -webkit-overflow-scrolling: touch;
  }
  
  /* Prizma container mobile optimizations */
  .prizma-container {
    height: 500px !important;
    touch-action: pan-y pinch-zoom;
  }
  
  .prizma-card {
    width: 90vw !important;
    max-width: 350px !important;
    height: 90vw !important;
    max-height: 350px !important;
    touch-action: pan-y pinch-zoom;
  }
  
  /* Allow scrolling on 3D transformed elements */
  [style*="transform-style: preserve-3d"] {
    touch-action: pan-y pinch-zoom;
  }
}