/*
 * 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.
 */

/* Driver.js dark theme overrides */
.driver-popover {
  background: #1d232a !important; /* DaisyUI dark theme base-200 */
  color: oklch(var(--bc));
  opacity: 1 !important;
}

.driver-popover-content {
  background: #1d232a !important;
}

.driver-popover-title {
  color: oklch(var(--bc));
}

.driver-popover-description {
  color: oklch(var(--bc) / 0.8);
}

.driver-popover-progress-text {
  color: oklch(var(--bc) / 0.6);
}

.driver-popover-prev-btn {
  background-color: oklch(var(--b3));
  color: oklch(var(--bc));
  border: 1px solid oklch(var(--bc) / 0.2);
}

.driver-popover-prev-btn:hover {
  background-color: oklch(var(--b3) / 0.8);
}

.driver-popover-next-btn {
  background-color: oklch(var(--su));
  color: oklch(var(--suc));
}

.driver-popover-next-btn:hover {
  background-color: oklch(var(--su) / 0.9);
}

.driver-popover-close-btn {
  color: oklch(var(--bc) / 0.6);
}

.driver-popover-close-btn:hover {
  color: oklch(var(--bc));
}

.driver-popover-arrow-side-left.driver-popover-arrow,
.driver-popover-arrow-side-right.driver-popover-arrow,
.driver-popover-arrow-side-top.driver-popover-arrow,
.driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-color: #1d232a !important;
}