@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700;800&display=swap');

/* Club del Disco Barcelona — proposta basada en els mockups
 * Negre + vermell vinil (#E52D27) + or (#C9A84C).
 * Header fosc, hero atmosfèric, contingut clar, CTAs vermells / negres.
 */
body.organizer-clubdeldisco {
  --color-primary: #e52d27 !important;
  --color-secondary: #c9a84c !important;
  --color-accent: #e52d27 !important;
  --color-dark: #000000 !important;
  --color-text-muted: #757575 !important;
  --cdd-card-dark: #333333 !important;
  --tw-primary: 229 45 39 !important;
  --tw-secondary: 201 168 76 !important;
  --tw-accent: 229 45 39 !important;
  --tw-dark: 0 0 0 !important;
  --background: #ffffff !important;
  --foreground: #1a1a1a !important;
  background: #ffffff !important;
  color: #1a1a1a !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Titulars: condensed / or (estètica LIVE CONCERTS dels mockups) */
body.organizer-clubdeldisco main h1,
body.organizer-clubdeldisco main h2,
body.organizer-clubdeldisco main h3 {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #c9a84c !important;
}

/* Header: negre + línia or (ha de guanyar a bg-card/95) */
body.organizer-clubdeldisco header,
body.organizer-clubdeldisco header.bg-card\/95,
body.organizer-clubdeldisco header[class*="bg-card"] {
  background: #000000 !important;
  background-color: #000000 !important;
  border-bottom: 2px solid #c9a84c !important;
}

body.organizer-clubdeldisco header a img,
body.organizer-clubdeldisco header a img[alt="Club del Disco Barcelona"] {
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
  height: 2.75rem !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
}

/* Nav del header: blanc */
body.organizer-clubdeldisco header nav a,
body.organizer-clubdeldisco header .text-foreground {
  color: #ffffff !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
body.organizer-clubdeldisco header select,
body.organizer-clubdeldisco header select#language-selector {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #333333 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
  background-position: right 0.5rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1.25em 1.25em !important;
  padding-right: 2rem !important;
}

/* Cards d'esdeveniments (no aplicar al header) */
body.organizer-clubdeldisco main .bg-card,
body.organizer-clubdeldisco main [class*="bg-card"],
body.organizer-clubdeldisco footer .bg-card,
body.organizer-clubdeldisco .organizer-home .bg-card,
body.organizer-clubdeldisco .organizer-home [class*="bg-card"] {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* Botons primaris: vermell vinil */
body.organizer-clubdeldisco .bg-primary,
body.organizer-clubdeldisco button[class*="bg-primary"],
body.organizer-clubdeldisco a[class*="bg-primary"] {
  background: #e52d27 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
}
body.organizer-clubdeldisco .bg-primary:hover,
body.organizer-clubdeldisco button[class*="bg-primary"]:hover,
body.organizer-clubdeldisco a[class*="bg-primary"]:hover {
  background: #c41e1a !important;
}

/* Comprar entradas (fitxa): fons negre / lletra blanca (barra sticky)
 * --brand-text blanc trenca el carret (fons clar) → es corregeix més avall. */
body.organizer-clubdeldisco {
  --brand-text: #ffffff !important;
  --brand-hover: #000000 !important;
}
body.organizer-clubdeldisco a[href*="/tickets"],
body.organizer-clubdeldisco a[href*="/tickets"] *,
body.organizer-clubdeldisco a[style*="--brand-hover"],
body.organizer-clubdeldisco a[style*="--brand-text"] {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Botons "Comprar entradas" dins la llista de sessions: fons vermell */
body.organizer-clubdeldisco #sessions-section a[href*="/tickets"],
body.organizer-clubdeldisco #sessions-section a[style*="--brand-hover"],
body.organizer-clubdeldisco #sessions-section a[style*="--brand-text"] {
  background-color: #e52d27 !important;
  color: #ffffff !important;
}
body.organizer-clubdeldisco #sessions-section a[href*="/tickets"]:hover {
  background-color: #c41e1a !important;
}

/* Carret lateral: text llegible (negre) sobre fons clar */
body.organizer-clubdeldisco .fixed.right-0.max-w-md,
body.organizer-clubdeldisco .fixed.right-0.max-w-md.bg-white {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.organizer-clubdeldisco .fixed.right-0.max-w-md [style*="--brand-text"],
body.organizer-clubdeldisco .fixed.right-0.max-w-md h2,
body.organizer-clubdeldisco .fixed.right-0.max-w-md h3,
body.organizer-clubdeldisco .fixed.right-0.max-w-md span,
body.organizer-clubdeldisco .fixed.right-0.max-w-md p,
body.organizer-clubdeldisco .fixed.right-0.max-w-md button:not(.w-full),
body.organizer-clubdeldisco .fixed.right-0.max-w-md svg {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  fill: currentColor !important;
}
body.organizer-clubdeldisco .fixed.right-0.max-w-md .bg-gray-50 {
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
}
/* Botó "Proceder al pago": fons negre, text blanc */
body.organizer-clubdeldisco .fixed.right-0.max-w-md button.w-full {
  background-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Botons +/- del carret: fons blanc */
body.organizer-clubdeldisco .fixed.right-0.max-w-md button.w-8.h-8,
body.organizer-clubdeldisco .fixed.right-0.max-w-md button.w-8.h-8.bg-white {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  border-color: #cccccc !important;
}
body.organizer-clubdeldisco .fixed.right-0.max-w-md button.w-8.h-8:hover:not(:disabled) {
  background: #f3f3f3 !important;
  background-color: #f3f3f3 !important;
}

/* Títol INFORMACIÓN + descripció de l'event: negre */
body.organizer-clubdeldisco #information-section .mb-8.flow-root > h2,
body.organizer-clubdeldisco #information-section .mb-8.flow-root > p,
body.organizer-clubdeldisco #information-section .mb-8.flow-root > p.whitespace-pre-line,
body.organizer-48 #information-section .mb-8.flow-root > h2,
body.organizer-48 #information-section .mb-8.flow-root > p,
body.organizer-48 #information-section .mb-8.flow-root > p.whitespace-pre-line,
main.organizer-48 #information-section .mb-8.flow-root > h2,
main.organizer-48 #information-section .mb-8.flow-root > p,
main.organizer-48 #information-section .mb-8.flow-root > p.whitespace-pre-line {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  opacity: 1 !important;
}
/* Cards de sessions + caixa ORGANIZADOR: gris fosc del mockup (#333) */
body.organizer-clubdeldisco #sessions-section > .space-y-6 > .bg-card,
body.organizer-clubdeldisco #sessions-section .bg-card.rounded-lg,
body.organizer-clubdeldisco #information-section .bg-card.rounded-lg.p-6,
body.organizer-clubdeldisco #information-section .mb-8 .bg-card,
body.organizer-clubdeldisco #information-section .lg\:float-right .bg-card,
body.organizer-48 #sessions-section .bg-card.rounded-lg,
body.organizer-48 #information-section .bg-card.rounded-lg.p-6,
main.organizer-48 #sessions-section .bg-card.rounded-lg,
main.organizer-48 #information-section .bg-card.rounded-lg.p-6 {
  background: #333333 !important;
  background-color: #333333 !important;
  border-color: #444444 !important;
  color: #ffffff !important;
}
body.organizer-clubdeldisco #sessions-section .bg-card.rounded-lg *,
body.organizer-clubdeldisco #sessions-section .bg-card .text-foreground,
body.organizer-clubdeldisco #sessions-section .bg-card .text-muted-foreground,
body.organizer-clubdeldisco #sessions-section .bg-card .text-white,
body.organizer-clubdeldisco #information-section .bg-card.rounded-lg.p-6 *,
body.organizer-clubdeldisco #information-section .bg-card .text-white,
body.organizer-clubdeldisco #information-section .bg-card .text-foreground,
body.organizer-clubdeldisco #information-section .bg-card .text-muted-foreground,
body.organizer-48 #information-section .bg-card.rounded-lg.p-6 *,
main.organizer-48 #information-section .bg-card.rounded-lg.p-6 * {
  color: #ffffff !important;
}
body.organizer-clubdeldisco #sessions-section .bg-card a[href*="/tickets"],
body.organizer-clubdeldisco #information-section .bg-card a {
  color: #ffffff !important;
}
body.organizer-clubdeldisco .bg-blue-600 {
  background: #e52d27 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
}
body.organizer-clubdeldisco .bg-blue-600:hover,
body.organizer-clubdeldisco .hover\:bg-blue-700:hover {
  background: #c41e1a !important;
}

body.organizer-clubdeldisco .text-primary,
body.organizer-clubdeldisco [class*="text-primary"] {
  color: #e52d27 !important;
}

body.organizer-clubdeldisco .bg-muted,
body.organizer-clubdeldisco [class*="bg-muted"] {
  background: #f5f5f5 !important;
}

/* Hero: només la imatge (text ja va a la foto) */
body.organizer-clubdeldisco .organizer-page-hero {
  background: #000000 url('/images/heroes/clubdeldisco-hero.png') center/cover no-repeat !important;
  min-height: 0 !important;
  aspect-ratio: 938 / 183 !important;
  width: 100% !important;
  position: relative !important;
  border-bottom: none !important;
}
body.organizer-clubdeldisco .organizer-page-hero::before {
  display: none !important;
}
body.organizer-clubdeldisco .organizer-page-hero .organizer-hero-pattern,
body.organizer-clubdeldisco .organizer-page-hero > .absolute,
body.organizer-clubdeldisco .organizer-page-hero > .relative {
  display: none !important;
}
body.organizer-clubdeldisco .organizer-page-hero h1,
body.organizer-clubdeldisco .organizer-page-hero h1::after {
  display: none !important;
  content: none !important;
}

/* Home: reduir espai hero → cercador */
body.organizer-clubdeldisco .organizer-home > section.py-16.px-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
}
body.organizer-clubdeldisco .organizer-home > section.py-16.px-4 > .max-w-7xl > section.py-20,
body.organizer-clubdeldisco .organizer-home section.py-20.bg-muted\/30,
body.organizer-clubdeldisco .organizer-home section[class*="bg-muted"] {
  padding-top: 1rem !important;
  padding-bottom: 2.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Sense marge extra sota la graella (evita franja / línia visual) */
body.organizer-clubdeldisco .organizer-home section.py-20 .grid.mb-12 {
  margin-bottom: 0 !important;
}

/* Tabs INFORMACIÓN / SESIONES a la fitxa d'event: text negre */
body.organizer-clubdeldisco .sticky.top-16 button,
body.organizer-clubdeldisco .sticky.top-16 button.text-white,
body.organizer-clubdeldisco .sticky.top-16 button.hover\:text-foreground:hover {
  color: #000000 !important;
}
body.organizer-clubdeldisco .sticky.top-16 button.border-white {
  border-bottom-color: #000000 !important;
}
body.organizer-clubdeldisco .sticky.top-16 {
  background: #f5f5f5 !important;
}
body.organizer-clubdeldisco .organizer-home button.bg-primary-dark,
body.organizer-clubdeldisco .organizer-home .bg-primary-dark {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
}
body.organizer-clubdeldisco .organizer-home button.bg-primary-dark:hover,
body.organizer-clubdeldisco .organizer-home .bg-primary-dark:hover {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  filter: none !important;
}

/* Títols de les cards a la home: text negre */
body.organizer-clubdeldisco .organizer-home .bg-card h3,
body.organizer-clubdeldisco .organizer-home .bg-card h3.text-white,
body.organizer-clubdeldisco .organizer-home a.group h3,
body.organizer-48 .organizer-home .bg-card h3,
main.organizer-48 .organizer-home .bg-card h3 {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

body.organizer-clubdeldisco .organizer-home div[class*="bg-white/20"],
body.organizer-clubdeldisco .organizer-home div[class*="min-w-[80px]"] {
  background: #f3f3f3 !important;
}
body.organizer-clubdeldisco .organizer-home div[class*="bg-white/20"],
body.organizer-clubdeldisco .organizer-home div[class*="bg-white/20"] *,
body.organizer-clubdeldisco .organizer-home div[class*="bg-white/20"] .text-white,
body.organizer-clubdeldisco .organizer-home div[class*="min-w-[80px]"],
body.organizer-clubdeldisco .organizer-home div[class*="min-w-[80px]"] *,
body.organizer-clubdeldisco .organizer-home div[class*="min-w-[80px]"] .text-white {
  color: #000000 !important;
}

/* Cercador: pill amb borde vermell (mockup "Buscar show") */
body.organizer-clubdeldisco .organizer-home input[type="text"],
body.organizer-clubdeldisco .organizer-home input.w-full {
  background: #ffffff !important;
  border: 1.5px solid #e52d27 !important;
  border-radius: 9999px !important;
  color: #1a1a1a !important;
  box-shadow: none !important;
}
body.organizer-clubdeldisco .placeholder-muted-foreground::placeholder {
  color: #999999 !important;
}

/* Footer: només logo a l'esquerra (sense text/contacte/barra) */
body.organizer-clubdeldisco footer#contact {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: none !important;
  color: #1a1a1a !important;
}
body.organizer-clubdeldisco footer#contact > div {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
body.organizer-clubdeldisco footer#contact .grid {
  display: block !important;
}
/* Amaga descripció, columna contacte i barra inferior */
body.organizer-clubdeldisco footer#contact .grid > div:first-child > p,
body.organizer-clubdeldisco footer#contact .grid > div:nth-child(n+2),
body.organizer-clubdeldisco footer#contact .border-t {
  display: none !important;
}
/* Logo del footer (versió negra sobre blanc) */
body.organizer-clubdeldisco footer#contact img {
  content: url('/logos/clubdeldisco-footer.png') !important;
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
  height: 3.5rem !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain !important;
}

body.organizer-clubdeldisco .text-foreground {
  color: #1a1a1a !important;
}
body.organizer-clubdeldisco .text-muted-foreground {
  color: #757575 !important;
}

body.organizer-clubdeldisco .bg-background,
body.organizer-clubdeldisco [class*="bg-background"] {
  background: #ffffff !important;
}

/* Zona de compra / fitxa: cards fosques com al mockup de concert */
body.organizer-clubdeldisco .bg-white {
  background: #2a2a2a !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}
body.organizer-clubdeldisco .bg-gray-200 {
  background: #1f1f1f !important;
}
body.organizer-clubdeldisco .bg-gray-100 {
  background: #242424 !important;
}
body.organizer-clubdeldisco .bg-gray-50,
body.organizer-clubdeldisco .flex.flex-col.bg-gray-50,
body.organizer-48 .flex.flex-col.bg-gray-50,
main.organizer-48 .flex.flex-col.bg-gray-50 {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
body.organizer-clubdeldisco .text-gray-900,
body.organizer-clubdeldisco .text-gray-800 {
  color: #ffffff !important;
}
body.organizer-clubdeldisco .text-gray-700,
body.organizer-clubdeldisco .text-gray-600,
body.organizer-clubdeldisco .text-gray-500 {
  color: #cccccc !important;
}
body.organizer-clubdeldisco main .bg-white h1,
body.organizer-clubdeldisco main .bg-white h2,
body.organizer-clubdeldisco main .bg-white h3,
body.organizer-clubdeldisco main .bg-gray-200 h3,
body.organizer-clubdeldisco main .bg-white h1.text-gray-900,
body.organizer-clubdeldisco main .bg-white h2.text-gray-900,
body.organizer-clubdeldisco main .bg-white h3.text-gray-900,
body.organizer-clubdeldisco main .bg-gray-200 h3.text-gray-900,
body.organizer-48 main .bg-white h2,
body.organizer-48 main .bg-white h3,
main.organizer-48 .bg-white h2,
main.organizer-48 .bg-white h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.organizer-clubdeldisco .border-gray-300,
body.organizer-clubdeldisco .border-gray-200 {
  border-color: #3a3a3a !important;
}
body.organizer-clubdeldisco .border-border,
body.organizer-clubdeldisco [class*="border-border"] {
  border-color: #e8e8e8 !important;
}

/* Checkout: títol "Finalizar compra" en negre */
body.organizer-clubdeldisco main .flex.flex-col.bg-gray-50 h1,
body.organizer-clubdeldisco main .bg-gray-50 h1.text-gray-900,
body.organizer-clubdeldisco main h1.text-3xl.text-gray-900,
body.organizer-48 main .bg-gray-50 h1,
main.organizer-48 .bg-gray-50 h1 {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
body.organizer-clubdeldisco main [class*='bg-gradient-to-t'] h1,
body.organizer-clubdeldisco main [class*='bg-gradient-to-t'] h1.text-white {
  color: #ffffff !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}