/* Custom DaisyUI Card Styles with Gradient Backgrounds */

/* Base card with gradient using theme colors - lighter at top-left */
.card {
    background:
        linear-gradient(135deg,
            color-mix(in oklch, var(--color-base-100), transparent 99%) 0%,
            color-mix(in oklch, var(--color-primary), transparent 93%) 50%,
            color-mix(in oklch, var(--color-secondary), transparent 90%) 100%
        ) !important;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Override DaisyUI's bg-base-100 class if present */
.card.bg-base-100 {
    background:
        linear-gradient(135deg,
            color-mix(in oklch, var(--color-base-100), transparent 99%) 0%,
            color-mix(in oklch, var(--color-primary), transparent 93%) 50%,
            color-mix(in oklch, var(--color-secondary), transparent 90%) 100%
        ) !important;
}

/* Dark theme cards with enhanced gradient */
[data-theme="dark"] .card,
[data-theme="abyss"] .card,
[data-theme="sunset"] .card,
[data-theme="coffee"] .card,
[data-theme="luxury"] .card {
    background:
        linear-gradient(135deg,
            color-mix(in oklch, var(--color-base-100), transparent 99%) 0%,
            color-mix(in oklch, var(--color-primary), transparent 94%) 50%,
            color-mix(in oklch, var(--color-secondary), transparent 91%) 100%
        ) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Ensure card content stays above background */
.card-body {
    position: relative;
    z-index: 1;
}

/* Fix DaisyUI dropdown overlap: closed dropdowns should not intercept clicks
   on page content below the navbar. DaisyUI hides dropdown-content with
   opacity/visibility but leaves pointer-events active, so a wide dropdown
   (e.g. notifications w-96) blocks clicks on elements positioned beneath it. */
.navbar .dropdown .dropdown-content {
    pointer-events: none;
}
.navbar .dropdown:focus-within .dropdown-content {
    pointer-events: auto;
}