.agenda-boxed .card{border:1px solid rgba(0,0,0,.06);border-radius:12px;}
.agenda-card .agenda-media img{display:block;width:100%;height:auto;border-radius:12px 12px 0 0;}
.agenda-card .agenda-body{padding:18px 18px 12px;}
.agenda-title{font-size:1.25rem;line-height:1.3;margin:0 0 8px;}
.agenda-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.agenda-date{width:54px;text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:6px 4px;}
.agenda-date .day{display:block;font-size:22px;font-weight:700;line-height:1;}
.agenda-date .mon{display:block;font-size:12px;text-transform:uppercase;opacity:.75;}
.agenda-badge,.agenda-tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ffb400;color:#111;}
.agenda-when{font-size:.9rem;opacity:.85}
.agenda-desc{color:#555;margin-top:6px}
.agenda-cta{text-align:right;padding:8px}

.agenda-list{display:flex;flex-direction:column;gap:10px}
.agenda-list-item{display:flex;align-items:center;padding:10px;border-radius:10px}
.agenda-badge-date{width:54px;text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:6px 4px;margin-right:12px}
.agenda-badge-date .day{display:block;font-size:18px;font-weight:700;line-height:1}
.agenda-badge-date .mon{display:block;font-size:11px;text-transform:uppercase;opacity:.75}
.agenda-list-title{font-size:1rem;margin:0}
.agenda-week{font-size:.85rem;opacity:.8;margin-left:6px}


/* Próximos */
/* item */
.agenda-list-item{
  display:flex; gap:14px; align-items:flex-start;
  padding:12px 14px; border-radius:10px; border:1px solid rgba(0,0,0,.12);
  margin: 0 0 5px 0;
}

/* pílula data */
.agenda-badge-date{
  flex:0 0 56px; display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center; border:1px solid rgba(0,0,0,.12); border-radius:8px; padding:6px 4px; line-height:1.05;
}
.agenda-badge-date .day{ font-size:18px; font-weight:700; }
.agenda-badge-date .mon{ font-size:11px; text-transform:uppercase; opacity:.75; }

.agenda-list-body{ flex:1; min-width:0; }

/* Título + quando na mesma linha */
.agenda-list-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.agenda-list-title{margin:0}
.agenda-when{display:inline-block;white-space:nowrap;margin:0;opacity:.8}
.agenda-desc p,.agenda-local p{margin:0}

/* Descrição e Local menores e compactos */
.agenda-desc, .agenda-local{ margin-top:6px; font-size:.92rem; line-height:1.35; color:#4a4a4a; }

/* Remove margens automáticas dos <p> vindos dos campos */
.agenda-desc p, .agenda-local p{ margin:0; }

/* Opcional: destaque "Local" em linha */
.agenda-local{ color:#111; }


/* ===== LEGENDA DA AGENDA ===== */

.agenda-calendar-legend {
  display: flex;
  flex-wrap: wrap;         /* quebra em 2 linhas no mobile se precisar */
  gap: 0.5rem 1.5rem;      /* espaço entre os itens */
  font-size: 0.875rem;     /* ~14px */
  margin: 0.5rem 0 1rem;   /* afasta um pouco do calendário */
  align-items: center;
}

.agenda-calendar-legend .legenda-item {
  display: inline-flex;
  align-items: center;
}

/* quadradinho de cor antes do texto */
.agenda-calendar-legend .legenda-item::before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.125rem;
  margin-right: 0.35rem;
}

/* cores iguais às da taxonomia */
.agenda-calendar-legend .legenda-sessao::before {
  background: rgb(57, 172, 76);   /* verde */
}

.agenda-calendar-legend .legenda-audiencia::before {
  background: rgb(7, 151, 223);   /* azul */
}

.agenda-calendar-legend .legenda-comissao::before {
  background: rgb(240, 152, 0);   /* laranja */
}

/* Mobile: legenda um pouco menor e mais “apertada” */
@media (max-width: 767.98px) {
  .agenda-calendar-legend {
    font-size: 0.75rem;          /* ~12px */
    gap: 0.35rem 1rem;
  }
}

/* Título do mês no desktop */
.agenda-calendar .fc-toolbar.fc-header-toolbar .fc-center h2 {
  font-size: 28px;      /* já reduz um pouco */
  line-height: 1.2;
  font-weight: 700;
}

/* Responsivo: telas menores (celular) */
@media (max-width: 767.98px) {
  .agenda-calendar .fc-toolbar.fc-header-toolbar {
    flex-wrap: wrap;              /* botões & título podem quebrar linha se precisar */
  }

  .agenda-calendar .fc-toolbar.fc-header-toolbar .fc-left,
  .agenda-calendar .fc-toolbar.fc-header-toolbar .fc-right {
    flex: 0 0 auto;
  }

  .agenda-calendar .fc-toolbar.fc-header-toolbar .fc-center {
    order: 3;                     /* se quiser, joga o título pra baixo dos botões */
    width: 100%;
    text-align: center;
    margin-top: 4px;
  }

  .agenda-calendar .fc-toolbar.fc-header-toolbar .fc-center h2 {
    font-size: 18px;              /* tamanho confortável em celular */
  }

  /* Botões Mês / Semana / Dia / Lista mais compactos */
  .agenda-calendar .fc-toolbar.fc-header-toolbar .fc-button {
    padding: 4px 8px;
    font-size: 12px;
  }

  /* Legenda um pouco menor no mobile */
  .agenda-calendar .fullcalendar-legend,
  .agenda-calendar .fullcalendar-view-legend {
    font-size: 12px;
    gap: 8px 16px;
  }
}

/* ===== FIM LEGENDA DA AGENDA ===== */


/* ===== MODAL POPUP AGENDA CELULAR ===== */
/* Desktop: mantém um limite razoável (opcional) */
.ui-dialog[aria-describedby="drupal-modal"] {
  max-width: 50rem;   /* ~800px */
}

/* Mobile / telas menores */
@media (max-width: 768px) {
  .ui-dialog[aria-describedby="drupal-modal"] {
    max-width: 95vw;              /* nunca passa de 95% da largura da tela */
    width: auto !important;       /* ignora o width: 800px do inline */
    left: 50% !important;         /* centraliza horizontalmente */
    top: 1rem !important;         /* um pouco abaixo do topo */
    transform: translateX(-50%);  /* completa a centralização */
  }

  /* conteúdo interno com rolagem, para não “vazar” em altura */
  .ui-dialog[aria-describedby="drupal-modal"] .ui-dialog-content {
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
  }
}

.path-agenda .ui-dialog[aria-describedby="drupal-modal"] .ui-widget-content {
  color: #222222;
}


/* ===== FIM MODAL POPUP AGENDA CELULAR ===== */