/* ----------------------------- */
/*   ESTILS PER AGENDA BORIS     */
/* ----------------------------- */

/* Contenidor general */
.tec-events, 
.tribe-events, 
.ect-list-wrapper {
    max-width: 900px !important;
    margin: 40px auto !important;
    padding: 0 20px !important;
}

/* Títol de pàgina */
h1, .tec-page-title, .tribe-events-page-title {
    text-align: center !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    margin-bottom: 40px !important;
    color: #d4a030 !important; /* teu color daurat */
}

/* Cada esdeveniment */
.ect-event-container,
.tribe-events-list-event,
.tec-event-card {
    background: white !important;
    border-radius: 14px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ect-event-container:hover,
.tribe-events-list-event:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}

/* Títol de l’esdeveniment */
.ect-event-title,
.tribe-event-title,
.tec-event-card__title a {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    text-decoration: none !important;
}

/* Data i hora */
.ect-date, 
.tribe-event-date-start,
.tribe-event-date-end {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #d4a030 !important; /* el daurat */
    margin-bottom: 8px !important;
    display: block;
}

/* Línies descriptives */
.ect-event-details,
.tribe-event-description {
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #444 !important;
}

/* Botons “Llegir més” */
.ect-read-more,
.tribe-events-read-more {
    background: #d4a030 !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    margin-top: 10px !important;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.ect-read-more:hover,
.tribe-events-read-more:hover {
    background: #b48822 !important;
}

/* Separador entre esdeveniments */
.ect-list-wrapper hr,
.tribe-events-divider {
    border: none !important;
    height: 1px !important;
    background: #eee !important;
    margin: 30px 0 !important;
}

/* Títol de l’espectacle – estil grana */
.tribe-events-list-event-title,
.tribe-events-event-title,
h2.tribe-events-list-event-title a {
    color: #8B2E2E !important;   /* Color grana */
    font-weight: 700 !important; /* Més gruixut */
    font-size: 28px !important;  /* Una mica més gran */
    text-decoration: none !important; /* Sense subratllat */
}

.tribe-events-list-event-title a:hover {
    color: #B03A2E !important; /* una mica més brillant */
}

/* Forçar color i estil dels títols d'esdeveniment (moltes variants) */
.tribe-events-list .tribe-events-list-event-title,
.tribe-events-list .tribe-event-title,
.tribe-events-list-event .tribe-events-list-event-title,
.tribe-events-list-event .tribe-event-title,
.tribe-events-event-title,
.tribe-event-title,
.tec-event-card__title,
.ect-event-title,
.ect-event-title a,
h1.tribe-events-list-event-title,
h2.tribe-events-list-event-title,
h3.tribe-events-list-event-title,
.entry-title.tribe-events-list-event-title,
.tec-event-card__title a,
.ect-event-title a,
.tribe-events-list-event-title a,
.tribe-events-event-title a,
.ecs-event .ecs-title,
.ecs-card .ecs-title
{
  color: #8B2E2E !important;      /* color grana */
  font-weight: 800 !important;     /* més gruix */
  font-size: 30px !important;      /* ajustar si cal */
  line-height: 1.08 !important;
  margin: 6px 0 12px !important;
  text-decoration: none !important;
}

/* Hover més viu */
.tribe-events-list-event-title a:hover,
.tribe-event-title a:hover,
.ect-event-title a:hover,
.ecs-event .ecs-title a:hover {
  color: #B03A2E !important;
}

/* Si el títol està dins un element link, cobrir també l'enllaç */
.tribe-events-list-event-title a,
.tribe-event-title a,
.ect-event-title a,
.ecs-event .ecs-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Opcional: afegir una petita icona o marc (si vols) */
/* .tribe-events-list-event-title::before {
  content: "•";
  color: #8B2E2E;
  margin-right:8px;
  font-size:18px;
} */

/* Forçar color granat als títols d'esdeveniment (màxima prioritat) */
body .tribe-events-list .tribe-events-list-event-title,
body .tribe-events-list .tribe-event-title,
body article.tribe-events-list-event .tribe-events-list-event-title,
body article.tribe-events-list-event .tribe-event-title,
body .tribe-events-ul .tribe-events-list-event .tribe-events-list-event-title,
body .tribe-events .tribe-event-title,
body .tec-event-card__title,
body .ect-event-title,
body .ecs-event .ecs-title,
body .ecs-card .ecs-title,
body .tribe-events-list-event-title a,
body .tribe-event-title a,
body .ect-event-title a
{
  color: #8B2E2E !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  text-decoration: none !important;
}

/* Enllaços dins del títol (si existeixen) hereten el color */
body .tribe-events-list-event-title a,
body .tribe-event-title a,
body .ect-event-title a,
body .ecs-event .ecs-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Hover més viu */
body .tribe-events-list-event-title a:hover,
body .tribe-event-title a:hover,
body .ect-event-title a:hover,
body .ecs-event .ecs-title a:hover {
  color: #B03A2E !important;
}

/* Color grana per als títols d'esdeveniment - selector exacte */
a.tribe-events-calendar-list__event-title-link {
    color: #8B2E2E !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Hover més viu */
a.tribe-events-calendar-list__event-title-link:hover {
    color: #B03A2E !important;
}

/* ============================================================
   BANNER "CIRC & BORIS" amb nas realista + botó d'entrades
   ============================================================ */

.brb-event-multidates {
  display: flex;
  gap: 22px;
  align-items: center;
  background: linear-gradient(180deg, #faf5ef 0%, #f3ece4 100%);
  border-radius: 14px;
  padding: 18px 22px;
  border: 2px solid rgba(176,36,57,0.12);
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  margin-bottom: 22px;
}

/* columna esquerra */
.brb-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* BADGE "FUNCIONS" */
.brb-badge {
  padding: 8px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg,#b02439,#8b2e2e);
  color: #fff;
  font-weight: 800;
  font-size: 0.9rem;
  text-align: center;
  box-shadow: 0 6px 12px rgba(176,36,57,0.25);
  letter-spacing: 0.5px;
}

/* NAS DE PALLASSO — més realista */
.brb-nose {
  margin-top: 6px;
  width: 32px;
  height: 32px;
  background: radial-gradient(circle at 30% 30%, #ff6b6b 0%, #e02c2c 40%, #a80b0b 85%);
  border-radius: 50%;
  box-shadow: 
      inset -4px -4px 10px rgba(0,0,0,0.25),
      inset 4px 4px 12px rgba(255,255,255,0.4),
      0 0 14px rgba(255, 0, 0, 0.35);
  animation: brb-nose-bounce 2.8s infinite ease-in-out;
}

/* animació del nas */
@keyframes brb-nose-bounce {
  0%,100% { transform: translateY(0) scale(1); }
  50%      { transform: translateY(-3px) scale(1.05); }
}

/* columna dreta */
.brb-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* dates i hores */
.brb-dates strong {
  display: block;
  color: #8B2E2E;
  font-size: 1.1rem;
  font-weight: 800;
  margin-bottom: 4px;
}

.brb-times div {
  color: #333;
  font-weight: 600;
  margin: 2px 0;
}

/* BOTÓ "Compra la teva entrada" */
.brb-ticket-button {
  display: inline-block;
  margin-top: 10px;
  background: #b02439;
  color: #fff !important;
  padding: 5px 18px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.25s ease;
  box-shadow: 0 6px 14px rgba(176,36,57,0.25);
}

.brb-ticket-button:hover {
  background: #821a27;
  box-shadow: 0 8px 18px rgba(176,36,57,0.3);
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width:720px){
  .brb-event-multidates {
    flex-direction: column;
    text-align: center;
  }
  .brb-left { flex-direction: column; }
  .brb-ticket-button { align-self: center; }
}
/* === Més espai entre "funcions/dates" i la descripció === */

/* selector per a la informació de dates/funcions (varies segons plantilla) */
.tribe-events-list .tribe-events-event-meta,
.tribe-events-list .tribe-events-list-event-venue,
.tribe-events-list .tribe-events-list-event-datetime,
.tribe-events-list .tribe-events-list-event-cost + .tribe-events-list-event-description,
.tribe-events-list .tribe-events-list-event-description,
.tribe-events-list .tribe-events-list-event .tribe-events-event-meta {
  /* assegurar un salt de línia i bon espai */
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  display: block !important;
}

/* Si les "funcions" estan dins de la mateixa línia que la descripció, forcem separació */
.tribe-events-list .tribe-events-list-event .tribe-events-list-event-description {
  padding-top: 12px !important;
  border-top: 1px solid rgba(0,0,0,0.05) !important; /* línia subtil */
  margin-top: 14px !important;
}

/* Alternativa: si les dates ocupen un bloc concret (ex .brb-dates) */
.brb-dates {
  margin-bottom: 12px !important;
}

/* Mòbil: més compact però clar */
@media (max-width:720px){
  .tribe-events-list .tribe-events-list-event .tribe-events-list-event-description {
    padding-top: 10px !important;
    margin-top: 10px !important;
    border-top: 1px solid rgba(0,0,0,0.04) !important;
  }
}
/* ===== BRB: estils per al bloc de funcions múltiples ===== */
.brb-event-multidates {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  background: linear-gradient(180deg, #faf5ef 0%, #f7f3ee 100%);
  border-radius: 12px;
  padding: 14px 18px;
  border: 1px solid rgba(176,36,57,0.08);
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
  margin: 18px 0 26px 0; /* separació respecte al que hi ha a sobre i a sota */
}

/* columna esquerra (badge + nas) */
.brb-event-multidates .brb-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 72px;
}

/* badge FUNCIONS */
.brb-event-multidates .brb-badge {
  padding: 6px 10px;
  border-radius: 10px;
  background: linear-gradient(135deg,#b02439,#8b2e2e);
  color:#fff;
  font-weight:800;
  font-size:0.82rem;
  margin-bottom:8px;
  box-shadow: 0 6px 12px rgba(176,36,57,0.14);
  text-align:center;
  letter-spacing:0.6px;
}

/* nas (ja el tens) - només ajusts */
.brb-event-multidates .brb-nose {
  width:36px;
  height:36px;
  border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #ff6b6b 0%, #e02c2c 40%, #a80b0b 85%);
  box-shadow: inset -3px -3px 8px rgba(0,0,0,0.22), inset 3px 3px 10px rgba(255,255,255,0.3);
}

/* columna dreta: dates + botó */
.brb-event-multidates .brb-right {
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex:1 1 auto;
}

/* dates (títol fort) */
.brb-event-multidates .brb-dates strong {
  display:block;
  color:#8B2E2E;
  font-weight:800;
  font-size:1.02rem;
  margin-bottom:6px;
}

/* línies d'hores */
.brb-event-multidates .brb-times div {
  color:#333;
  font-weight:600;
  margin:3px 0;
}

/* botó d'entrades */
.brb-event-multidates .brb-ticket-button {
  display:inline-block;
  margin-top:10px;
  background:#b02439;
  color:#fff !important;
  padding:8px 14px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
  box-shadow: 0 6px 14px rgba(176,36,57,0.18);
  width:max-content;
}

/* separació entre el bloc de funcions i la descripció de l'esdeveniment */
.brb-event-multidates + .tribe-events-list-event-description,
.brb-event-multidates + .tribe-events-list-event-description p,
.brb-event-multidates + .tribe-events-list-event-description div,
.brb-event-multidates + .tribe-events-list-event-description * {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(0,0,0,0.05);
}

/* si la descripció està dins del mateix contenidor, afegim separador intern */
.brb-event-multidates ~ .tribe-events-list-event .tribe-events-list-event-description,
.brb-event-multidates ~ .tribe-events-list-event-description {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(0,0,0,0.05);
}

/* Responsive: posar elements en columna a pantalles petites */
@media (max-width:720px){
  .brb-event-multidates {
    flex-direction: row; /* encara fila, però permet ajust */
    gap:12px;
    padding:12px;
  }
  .brb-event-multidates .brb-left { min-width:56px; }
  .brb-event-multidates .brb-right { align-items: flex-start; }
  .brb-event-multidates .brb-ticket-button { margin-top:8px; }
  /* si volem que les dates saltin per sota en mòbil, descomenta aquestes línies:
  .brb-event-multidates { flex-direction: column; align-items:center; text-align:center; }
  .brb-event-multidates .brb-right { width:100%; }
  */
}
/* ===========================
   DIA DINS D'UN CERCLE (taronga)
   =========================== */

/* selectors amplis per cobrir diferents themes / versions */
.tribe-events-list .tribe-events-day .tribe-events-day__date,
.tribe-events-list .tribe-events-day .tribe-events-day__date * ,
.tribe-events-list .tribe-events-list-event .ect-date,
.tribe-events-list .tribe-events-list-event .tribe-event-date-start,
.tribe-events-list .tribe-events-list-event .tribe-event-date,
.ect-date,
.tribe-event-date-start {
  /* assegurem l'alineació per posar el cercle */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* estil principal del cercle (nombre gran en blanc) */
.tribe-events-list .tribe-events-day .tribe-events-day__date,
.tribe-events-list .tribe-events-list-event .ect-date,
.tribe-events-list .tribe-events-list-event .tribe-event-date-start,
.ect-date {
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  border-radius: 50% !important;
  background: #d4a030 !important;   /* el teu taronja/daurat */
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.09) !important;
  margin-right: 22px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

/* si la data té dues línies (dia i mes/weekday), fem que el número quedi gran */
.tribe-events-list .tribe-events-day .tribe-events-day__date .tribe-events-day-number,
.tribe-events-list .tribe-events-list-event .ect-date .day,
.tribe-events-list .tribe-events-list-event .tribe-event-date-start .day {
  display:block !important;
  font-size:30px !important;
  font-weight:900 !important;
  color:#fff !important;
  line-height:1 !important;
}

/* weekday (ex: DV) més petit, sempre blanc i a sobre */
.tribe-events-list .tribe-events-day .tribe-events-day__date .tribe-events-dayname,
.tribe-events-list .tribe-events-list-event .ect-date .weekday,
.tribe-events-list .tribe-events-list-event .tribe-event-date-start .weekday {
  display:block !important;
  font-size:11px !important;
  font-weight:700 !important;
  color: rgba(255,255,255,0.95) !important;
  margin-bottom:4px !important;
  text-transform:uppercase !important;
  letter-spacing:0.8px !important;
}

/* en pantalles petites ajustem mida */
@media (max-width:720px){
  .tribe-events-list .tribe-events-day .tribe-events-day__date,
  .tribe-events-list .tribe-events-list-event .ect-date,
  .tribe-events-list .tribe-events-list-event .tribe-event-date-start {
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    font-size:20px !important;
  }
}

/* ===========================
   PREU: fer-lo més gran i visible
   =========================== */

/* selectors comuns per als preus */
.tribe-events-cost,
.tribe-events-event-cost,
.ect-event-cost,
.tribe-events-list .tribe-events-list-event .tribe-events-cost,
.tribe-events-list .tribe-events-list-event .ect-price,
.tribe-events-list .tribe-events-list-event .tribe-events-price,
.tribe-events-list .tribe-events-list-event .price {
  font-size:18px !important;      /* més gran */
  font-weight:800 !important;     /* negreta */
  color:#b02439 !important;       /* granat/vermell */
  background: rgba(176,36,57,0.06) !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  margin-top: 12px !important;
  box-shadow: 0 6px 12px rgba(176,36,57,0.06) !important;
}

/* si el preu està dins d'un  o línia sola, posem espai i align */
.tribe-events-list .tribe-events-list-event .tribe-events-cost,
.tribe-events-list .tribe-events-list-event .ect-event-cost {
  margin-left: 0 !important;
}

/* opcional: separar una mica la descripció de les funcions (si tens multilines) */
.tribe-events-list .tribe-events-list-event .tribe-event-description,
.tribe-events-list .tribe-events-list-event .tribe-events-list-event-description {
  margin-top: 14px !important;
}

/* Forcem prioritat elevada per sobre del tema */
body .tribe-events-list .tribe-events-day .tribe-events-day__date,
body .tribe-events-list .tribe-events-list-event .ect-date,
body .tribe-events-list .tribe-events-list-event .tribe-event-date-start {
  border: none !important;
}
/* ===========================
   DATA EN CERCLE - VISTA LLISTA (FORÇAT)
   =========================== */

/* Selectors específics per la vista llista de The Events Calendar */
.tribe-events-calendar-list__event-date,
.tribe-events-calendar-list__event-date * ,
.tribe-events-calendar-list__event-date .tribe-event-day,
.tribe-events-calendar-list__event-date .tribe-event-daynum,
.tribe-events-calendar-list__event-date .tribe-event-month,
.tribe-events-calendar-list__event-date .tribe-event-year,
.tribe-events-list .tribe-events-list-event .tribe-events-calendar-list__event-date {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 50% !important;
  background: #d4a030 !important;   /* color taronja/daurat */
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  margin-right: 20px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

/* Si la llista separa weekday i número */
.tribe-events-calendar-list__event-date .tribe-event-day,
.tribe-events-calendar-list__event-date .tribe-event-daynum {
  display:block !important;
}
.tribe-events-calendar-list__event-date .tribe-event-daynum {
  font-size:28px !important;
  font-weight:900 !important;
  color:#fff !important;
}
.tribe-events-calendar-list__event-date .tribe-event-day {
  font-size:11px !important;
  font-weight:700 !important;
  color: rgba(255,255,255,0.95) !important;
  text-transform:uppercase !important;
  letter-spacing:0.6px !important;
  margin-bottom:4px !important;
}

/* Ajust en mòbil */
@media (max-width:720px){
  .tribe-events-calendar-list__event-date {
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    font-size:20px !important;
  }
}

/* Forçar prioritat contra el tema */
body .tribe-events-calendar-list__event-date,
body .tribe-events-list .tribe-events-calendar-list__event-date {
  border: none !important;
}