/* ----------------------------- */
/*   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: 10px 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%; }
  */
}