/* resources/css/app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
@plugin "daisyui";

@layer components {
  .badge.badge-success {
    color: white !important;
  }
}
/* Custom styles for venue overlay pills */
.venue-pill {
    @apply absolute text-white text-xs px-2 py-1 rounded shadow font-semibold;
}

  .previous-price {
    text-decoration: line-through;
    color: red;
    margin-right: 0.5rem;
  }
  .current-price {
    font-weight: bold;
    color: black;
  }


.text-bv-blue {
    color: #0081C6;
}
.bg-bv-blue {
    background-color: #0081C6;
}
.border-bv-blue {
    border-color: #0081C6;
}
.venue-pill-green {
    @apply bg-green-600;
}
.venue-pill-red {
    @apply bg-red-600;
}

.trix-toolbar {
    display: block !important;
    border-bottom: 1px solid #e5e7eb; /* Tailwind gray-200 */
    margin-bottom: 0.5rem;
}
.trix-editor {
    min-height: 120px;
    background-color: white;
    border: 1px solid #d1d5db; /* Tailwind gray-300 */
    border-radius: 0.375rem;   /* rounded-md */
    padding: 0.5rem;
}

.overflow-x-auto {
  overflow-x: auto !important; /* keep horizontal scroll */
  overflow-y: visible !important; /* allow vertical dropdown */
  position: relative; /* ensure dropdown absolute positioning works */
  z-index: auto;
}

/* Also ensure DataTables dropdown z-index */
.dt-button-collection {
  position: absolute !important;
  z-index: 9999 !important;
}

/* These were previously nested inside .dt-button-collection and an unclosed
   brace, so neither rule applied. */
.badge.badge-success { color: #fff !important; }
.badge.badge-error   { color: #fff !important; }

/* ─────────────────────────────────────────────────────────────────────────
   DaisyUI theme — Bien Venue brand
   ─────────────────────────────────────────────────────────────────────────
   DaisyUI is loaded from a CDN (layouts/app.blade.php), so it arrives with
   its stock theme: primary is a purple at hue 275. That's why anything using
   btn-primary / badge-primary / tab-active renders purple instead of BV blue
   — the `daisyui.themes` block in tailwind.config.js never reaches the
   browser, because there is no Vite build in the layout.

   Rather than rewrite ~270 DaisyUI class usages across 51 blades, override
   the theme variables here. This file loads after the CDN, so these win.

   DaisyUI v4 expects OKLCH components, "L% C H" with no function wrapper.
   Values converted from the brand hex codes:
     #0081c6  ->  57.975% 0.1406 243.15   (primary, BV blue)
     #5fc5f2  ->  78.016% 0.1142 229.59   (accent)
     #111827  ->  21.008% 0.0318 264.66   (neutral)
     #64748b  ->  55.439% 0.0407 257.42   (secondary)

   Secondary is a mid slate rather than the near-white in tailwind.config.js
   on purpose: several badges hard-code `text-white`, which would be invisible
   on a pale background.
   ───────────────────────────────────────────────────────────────────────── */
:root,
[data-theme='light'],
[data-theme='dark'] {
  --p:  57.975% 0.1406 243.15;   /* primary            */
  --pc: 100% 0 0;                /* primary content    */
  --s:  55.439% 0.0407 257.42;   /* secondary          */
  --sc: 100% 0 0;                /* secondary content  */
  --a:  78.016% 0.1142 229.59;   /* accent             */
  --ac: 21.008% 0.0318 264.66;   /* accent content     */
  --n:  21.008% 0.0318 264.66;   /* neutral            */
  --nc: 100% 0 0;                /* neutral content    */
}