/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Add these styles for the order form */
.opacity-50 {
  opacity: 0.5;
}

.pointer-events-none {
  pointer-events: none;
}

/* Dark mode specific styles */
[data-theme="dark"] .card-title {
  color: hsl(var(--pc));
}

[data-theme="dark"] .label {
  color: hsl(var(--pc) / 0.8);
}

[data-theme="dark"] .divider {
  color: hsl(var(--pc) / 0.7);
}

/* Light mode specific styles */
[data-theme="light"] .card-title {
  color: hsl(var(--n));
}

[data-theme="light"] .label {
  color: hsl(var(--n) / 0.8);
}

[data-theme="light"] .divider {
  color: hsl(var(--n) / 0.7);
}

/* Ensure form elements have proper contrast in both modes */
.input, .textarea, .select {
  background-color: hsl(var(--b1));
  color: hsl(var(--bc));
}

.input::placeholder, .textarea::placeholder {
  color: hsl(var(--bc) / 0.5);
}