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

@plugin "./plugins/daisyui.js";

/* html[data-theme="light"] { */
/*   --color-base-200: #e1e1e1; */
/* } */

/* Hide page headers in Android App view */
.android-app h1.text-4xl,
.android-app h1.text-4xl + p {
  display: none !important;
}

/* If the header wrapper has no action buttons, hide it entirely to remove spacing.
   Otherwise, keep it and set its margin-bottom to 1rem. */
.android-app .mb-8:has(h1.text-4xl):not(:has(.btn)),
.android-app .mb-6:has(h1.text-4xl):not(:has(.btn)),
.android-app .space-y-8 > div:has(> h1.text-4xl):not(:has(.btn)) {
  display: none !important;
}

.android-app .mb-8:has(h1.text-4xl):has(.btn),
.android-app .mb-6:has(h1.text-4xl):has(.btn) {
  margin-bottom: 1rem !important;
}

/* Tighten layout spacing, gaps, and card padding for native app feel */
.android-app .card-body {
  padding: 1.15rem !important;
}

.android-app .gap-8 {
  gap: 1rem !important;
}

.android-app .space-y-8 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem !important;
}

.android-app .mb-8 {
  margin-bottom: 0.75rem !important;
}

.android-app .mt-8 {
  margin-top: 0.75rem !important;
}

/* Reset margin on the first card if the preceding page header wrapper is hidden */
.android-app .space-y-8 > div:has(h1.text-4xl):not(:has(.btn)) + * {
  margin-top: 0 !important;
}

/* Hide scrollbar for Chrome, Safari, Opera, Edge, Firefox, and IE */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}