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

/* Sunset Jazz Club — paleta extreta de sunsetjazz-club.com
 * Fons negre, accent taronja sunset (#FFAA3B), tipografia neta de club.
 */
body.organizer-sunset {
  --color-primary: #ffaa3b !important;
  --color-secondary: #fd281c !important;
  --color-accent: #ffaa3b !important;
  --color-dark: #000000 !important;
  --color-text-muted: #a1a1a1 !important;
  --tw-primary: 255 170 59 !important;
  --tw-secondary: 253 40 28 !important;
  --tw-accent: 255 170 59 !important;
  --tw-dark: 0 0 0 !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Titulars en taronja sunset */
body.organizer-sunset main h1,
body.organizer-sunset main h2,
body.organizer-sunset main h3 {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #ffaa3b !important;
}

/* Header: negre sòlid, borde taronja subtil */
body.organizer-sunset header {
  background: #000000 !important;
  border-bottom-color: #ffaa3b33 !important;
}

/* Logo al header */
body.organizer-sunset header a img,
body.organizer-sunset header a img[alt="Sunset Jazz Club"] {
  filter: none !important;
  -webkit-filter: none !important;
  height: 3.5rem !important;
  width: auto !important;
  border-radius: 50% !important;
}

/* Amaga la navegació del header (usen el seu propi web) */
body.organizer-sunset header nav {
  display: none !important;
}

/* Cards d'esdeveniments: fons fosc amb border gris */
body.organizer-sunset .bg-card,
body.organizer-sunset [class*="bg-card"] {
  background: #121212 !important;
  border: 1px solid #ffffff22 !important;
}

/* Botons primaris: taronja sunset amb text negre */
body.organizer-sunset .bg-primary,
body.organizer-sunset button[class*="bg-primary"],
body.organizer-sunset a[class*="bg-primary"] {
  background: #ffaa3b !important;
  color: #000000 !important;
}
body.organizer-sunset .bg-primary:hover,
body.organizer-sunset button[class*="bg-primary"]:hover,
body.organizer-sunset a[class*="bg-primary"]:hover {
  background: #e69528 !important;
}

/* Botó "Comprar ara" i "Confirmar i pagar" */
body.organizer-sunset {
  --brand-text: #a1a1a1 !important;
  --brand-hover: #ffffff !important;
}
body.organizer-sunset .bg-blue-600 {
  background: #ffaa3b !important;
  color: #000000 !important;
}
body.organizer-sunset .bg-blue-600:hover,
body.organizer-sunset .hover\:bg-blue-700:hover {
  background: #e69528 !important;
}

/* Enllaços i accents de color primari */
body.organizer-sunset .text-primary,
body.organizer-sunset [class*="text-primary"] {
  color: #ffaa3b !important;
}

/* Fons muted */
body.organizer-sunset .bg-muted,
body.organizer-sunset [class*="bg-muted"] {
  background: #0a0a0a !important;
}

/*
 * Home: redueix l'espai entre el hero i el cercador
 * (section.py-16 + FeaturedEvents py-20)
 */
body.organizer-sunset .organizer-home > section.py-16.px-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.organizer-sunset .organizer-home > section.py-16.px-4 > .max-w-7xl > section.py-20,
body.organizer-sunset .organizer-home section.py-20.bg-muted\/30,
body.organizer-sunset .organizer-home section[class*="bg-muted"] {
  padding-top: 1rem !important;
  padding-bottom: 2rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hero: foto interior del club */
body.organizer-sunset .organizer-page-hero {
  background: url('/images/heroes/sunset-hero.png') center/cover no-repeat !important;
  min-height: 45vh !important;
  position: relative !important;
}
body.organizer-sunset .organizer-page-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 0 !important;
}
body.organizer-sunset .organizer-page-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Hero: amaga el patró decoratiu i els floating elements */
body.organizer-sunset .organizer-page-hero .organizer-hero-pattern,
body.organizer-sunset .organizer-page-hero > .absolute {
  display: none !important;
}

/* Hero h1 — tipografia de sunsetjazz-club.com */
body.organizer-sunset .organizer-page-hero h1 {
  color: #ffaa3b !important;
  font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif !important;
  font-size: 2.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
}

/* Hero subtítol via ::after */
body.organizer-sunset .organizer-page-hero h1::after {
  content: "Girona";
  display: block;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
  font-style: italic;
  font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
  letter-spacing: 0.12em;
  text-transform: none;
  margin-top: 0.5rem;
  text-align: right;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

/* Footer de Musticket: amagat (usen footer del tema o el propi web) */
body.organizer-sunset footer#contact {
  display: none !important;
}

/* Selector d'idioma i elements del header: text blanc */
body.organizer-sunset header select,
body.organizer-sunset header .text-foreground {
  color: #ffffff !important;
}
body.organizer-sunset header select {
  background: #121212 !important;
  border-color: #333 !important;
}

/* Text foreground: blanc */
body.organizer-sunset .text-foreground {
  color: #ffffff !important;
}

/* Text muted: gris clar llegible (#A1A1A1 de la web) */
body.organizer-sunset .text-muted-foreground {
  color: #a1a1a1 !important;
}

/* Placeholder de l'input de cerca */
body.organizer-sunset .placeholder-muted-foreground::placeholder {
  color: #999999 !important;
}

/* Input de cerca: text blanc */
body.organizer-sunset input.text-foreground,
body.organizer-sunset input[class*="text-foreground"] {
  color: #ffffff !important;
}

/* Fons background: negre */
body.organizer-sunset .bg-background,
body.organizer-sunset [class*="bg-background"] {
  background: #000000 !important;
}

/* Zona de compra: sobreescriure classes gray/white hardcoded */
body.organizer-sunset .bg-white {
  background: #121212 !important;
  color: #ffffff !important;
}
body.organizer-sunset .bg-gray-200 {
  background: #1a1a1a !important;
}
body.organizer-sunset .bg-gray-100 {
  background: #161616 !important;
}
body.organizer-sunset .bg-gray-50 {
  background: #0f0f0f !important;
}
body.organizer-sunset .text-gray-900 {
  color: #ffffff !important;
}
body.organizer-sunset .text-gray-800 {
  color: #f0f0f0 !important;
}
body.organizer-sunset .text-gray-700 {
  color: #e0e0e0 !important;
}
body.organizer-sunset .text-gray-600 {
  color: #cccccc !important;
}

/* Títols dins zones de compra: taronja */
body.organizer-sunset .bg-white h1,
body.organizer-sunset .bg-white h2,
body.organizer-sunset .bg-white h3,
body.organizer-sunset .bg-gray-200 h3 {
  color: #ffaa3b !important;
}
body.organizer-sunset .text-gray-500 {
  color: #a1a1a1 !important;
}
body.organizer-sunset .border-gray-300,
body.organizer-sunset .border-gray-200 {
  border-color: #333333 !important;
}

/* Borde general */
body.organizer-sunset .border-border,
body.organizer-sunset [class*="border-border"] {
  border-color: #2a2a2a !important;
}