/* ========== MOS Events – CSS ========== */
a:link, a:visited{color: #ff0009;}
/* Wrapper com variáveis controláveis pelo shortcode */
.iabrs-events-wrap{
  font-family: var(--iabrs-font, inherit);
  --img-ratio: 5 / 3;            /* menos wide */
  --card-gap: 40px;               /* MAIS espaço entre cards */
  --cs-nav-gap: clamp(6px, 1.5vw, 16px);

  /* Botão "Ver mais" */
  --btn-color: #444;
  --btn-bg: #fff;
  --btn-border: #444;
  --btn-color-hover: #fff;
  --btn-bg-hover: #444;
  --btn-radius: 10px;
  --btn-fw: 600;
  --btn-pad: 10px 16px;          /* padding controlado */

  margin: 16px 0;
  position: relative;
}
.event-content{
	margin: 30px auto 20px;
}
/* Cabeçalho opcional */
.iabrs-events-head .title{
  font-weight:700; text-transform:uppercase; font-size: 18px; letter-spacing:.06em;
}	

/* Rail é a âncora das setas absolutas */
.iabrs-events-rail{
  position: relative;
}

/* --------- GRID (1–3 itens) --------- */
.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider{
  display: grid;
  gap: var(--card-gap);
  border: none;
}
.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="1"]{
  grid-template-columns: 1fr;
  max-width: 1000px; margin-inline: auto;   
  margin: 0 auto; max-width: 720px; /* centraliza o único card */
  border: none;
}

/* --------- SLIDER (>3 itens) ---------
   NÃO use display:flex no container; Slick cuida do layout interno. */
.iabrs-events-wrap[data-mode="slider"] .iabrs-event-slider{
  padding-inline: calc(var(--cs-nav-gap) + 84px); /* reserva espaço para setas */
}
.iabrs-event-slider .slick-slide{
  padding: 0px; box-sizing: border-box;    margin: 0 10px;     /* MAIS espaço entre “páginas” */
}

/* Cartão */
.iabrs-event-item{
  background:#fff; border:1px solid #ddd; border-radius:15px;
  padding:15px; text-align:center;
}
.iabrs-eventos-empty{ padding:2rem; text-align:center; font-style:italic; color:#666; }

/* Imagem destacada com ratio controlável e recorte central */
.iabrs-event-item .media{
  display:block; position:relative; width:100%;
  aspect-ratio: var(--img-ratio);
  overflow:hidden; border-radius:15px; background:#111;
}
.iabrs-event-item .media img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  display:block;
}

/* Corpo */
.iabrs-event-item .body{ padding:10px 4px; }
.iabrs-event-item .body .title{ margin:10px 0 8px; font-size:18px; text-transform:uppercase; }
.iabrs-event-item .body .title a{ color:inherit; text-decoration:none; }
.iabrs-event-item .body .title a:hover{ text-decoration:underline; }
.iabrs-event-item .body .line{ font-size:.95rem; margin:3px 0; }
.iabrs-event-item .actions{ margin-top:10px; 
	//position: absolute; 
	bottom: 2%; margin-left: 2.2%; }

/* Botão configurável por CSS vars (peso, padding e radius customizáveis) */
.iabrs-event-item .btn-more{
  display:inline-block; padding: var(--btn-pad); border-radius: var(--btn-radius);
  color: var(--btn-color); background: var(--btn-bg);
  border: 1px solid var(--btn-border);
  text-decoration:none; transition:.2s;
  font-size: 14px; font-weight: var(--btn-fw);
}
.iabrs-event-item .btn-more:hover{
  color: var(--btn-color-hover);
  background: var(--btn-bg-hover);
}

/* --------- SETAS externas por imagem (usar assets/img/arrow-*.png) --------- */
.iabrs-events-prev,
.iabrs-events-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:84px; height:240px;                   /* área clicável grande */
  display:grid; place-items:center; cursor:pointer;
  background:transparent !important; border:none !important;
  z-index:5; padding:0; line-height:0; outline:none;
}
.iabrs-events-prev{ left:var(--cs-nav-gap); }
.iabrs-events-next{ right:var(--cs-nav-gap); }

.iabrs-events-prev::before,
.iabrs-events-next::before{
  content:""; display:block;
  width:48px; height:120px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  transition: filter .2s ease, transform .05s ease;
}
.iabrs-events-next::before{
  background-image:image-set(
    url("../img/arrow-right.png") 1x,
    url("../img/arrow-right@2x.png") 2x
  );
}
.iabrs-events-prev::before{
  background-image:image-set(
    url("../img/arrow-left.png") 1x,
    url("../img/arrow-left@2x.png") 2x
  );
}
.iabrs-events-prev:hover::before,
.iabrs-events-next:hover::before{ filter:brightness(.85) contrast(1.05); }

/* --------- Mata QUALQUER seta/dot padrão do Slick dentro do wrapper --------- */
.iabrs-events-wrap .slick-dots,
.iabrs-events-wrap .slick-prev,
.iabrs-events-wrap .slick-next{ display:none !important; }
.iabrs-events-wrap .slick-dots{ list-style:none!important; padding:0!important; margin:0!important; }

/* === Fixed grid columns for 1–3 items (desktop) === */
.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="1"]{ 
	grid-template-columns: 1fr; width: 30%;
	margin: 0 auto;
}
.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="2"]{ 
	grid-template-columns: repeat(2, minmax(0,1fr)); 
	width: 65%;
	margin: 0 auto;
}
.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="3"]{ 
	grid-template-columns: repeat(3, minmax(0,1fr)); 
}
h3.iabrs-event-title-archive{
    height: 95px;
}
/* --------- Responsivo --------- */
@media (max-width: 980px){
	.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="3"]{
	//	grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 colunas */
	}

	.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="2"],
	.iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="3"]{
	//	grid-template-columns: 1fr; /* mobile: 1 coluna */
	}
	
    .iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="1"]{
	  grid-template-columns: 1fr;
	  max-width: 1000px; margin-inline: auto;   
	  margin: 0 auto; width: 90%; /* centraliza o único card */
	}

	.iabrs-single-event-view .iabrs-event-item{
	  width: 90% !important;
	}  
	.iabrs-events-wrap[data-mode="slider"] .iabrs-event-slider{
	  padding-inline: calc(var(--cs-nav-gap) + 24px); /* reserva espaço para setas */
	}
}
.body-archive ul{
	height: 120px;

}
.body-archive ul li{
	list-style-type: none;
	text-align:left;
}

.event-card-archive img{
	height: 160px;
}

/* === Single Event view (match 1-card slider look) === */
.iabrs-single-event-view{
  --img-ratio: var(--img-ratio, 5/3);
  --card-gap: clamp(20px, 4vw, 40px);
  --iabrs-font: var(--iabrs-font, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);
  font-family: var(--iabrs-font);
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(16px,3vw,32px);
  
}
.iabrs-single-event-view .iabrs-event-item{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 2.5vw, 28px);
  align-items: start;
  width: 30%;
  margin: 0 auto;
}
.iabrs-single-event-view .iabrs-event-item .media{
  display:block;
  width:100%;
  aspect-ratio: var(--img-ratio);
  border-radius: 14px;
  overflow:hidden;
  background:#111;
}
.iabrs-single-event-view .iabrs-event-item .media img{
  width:100%; height:100%; object-fit:cover; object-position:center; display:block;
}
.iabrs-single-event-view .iabrs-event-item .body{
  display:grid; gap:10px;
}
.iabrs-single-event-view .iabrs-event-item .title{
  margin:0;
  font-weight:700;
  line-height:1.15;
  font-size: clamp(22px, 3.2vw, 34px);
  letter-spacing:.01em;
  font-size: 18px;
  text-transform: uppercase;
}
.iabrs-single-event-view .iabrs-event-item .meta{
  display:grid; gap:6px;
  color:#444;
  font-size: clamp(14px, 1.6vw, 16px);
}
.iabrs-single-event-view .iabrs-event-item .meta .line strong{ font-weight:700; }
.iabrs-single-event-view .iabrs-event-item .content{
  margin-top: var(--card-gap);
  font-size: clamp(15px, 1.8vw, 17px);
  line-height: 1.6;
}
/* optional: center narrow content */
.iabrs-single-event-view .iabrs-event-item .content > *:first-child{ margin-top:0; }


/* archive button inherits .btn-more variables */
.iabrs-single-event-view .actions{
 // margin: 12px 0 0;
    text-align: right;
}
.iabrs-single-event-view .btn-archive{
  display:inline-block;
  font-weight: var(--btn-fw, 600);
  padding: var(--btn-pad, 10px 16px);
  border-radius: var(--btn-radius, 0 10px 0 10px);
  border: 1px solid var(--btn-border, currentColor);
  background: var(--btn-bg, #fff);
  color: var(--btn-color, #444);
  text-decoration:none;
  text-transform: uppercase;
  transition: .2s ease;
}
.iabrs-single-event-view .btn-archive:hover{
  background: var(--btn-bg-hover, #444);
  color: var(--btn-color-hover, #fff);
}



@media (max-width: 900px){
  .iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider[data-count="3"]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .iabrs-events-wrap[data-mode="grid"] .iabrs-event-slider{ grid-template-columns: 1fr !important; }
}

/* === Archive /agenda grid (3/2/1) === */
.iabrs-grid-root{
  display:grid;
  gap: var(--card-gap, 24px);
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 900px){
  .iabrs-grid-root{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .iabrs-grid-root{ grid-template-columns: 1fr; }
}


/* === Hide arrows when in GRID or when <=3 items === */
.iabrs-events-wrap[data-mode="grid"] .iabrs-arrow{ display:none !important; }
.iabrs-events-wrap .iabrs-event-slider[data-count="1"] ~ .iabrs-arrow,
.iabrs-events-wrap .iabrs-event-slider[data-count="2"] ~ .iabrs-arrow,
.iabrs-events-wrap .iabrs-event-slider[data-count="3"] ~ .iabrs-arrow { display:none !important; }

/* === Neutralize any slick leftovers inside GRID mode === */
.iabrs-events-wrap[data-mode="grid"] .slick-list,
.iabrs-events-wrap[data-mode="grid"] .slick-track,
.iabrs-events-wrap[data-mode="grid"] .slick-slide{
  transform:none !important;
  width:auto !important;
  position:static !important;
  left:auto !important; right:auto !important;
}
.iabrs-events-wrap[data-mode="grid"] .slick-slide{ display:block !important; }

/* === Card normalization === */
.iabrs-event-item{ height: 100%; }
.iabrs-event-item .media{ aspect-ratio: var(--img-ratio, 5/3); }
.iabrs-event-item .body{ display:flex; flex-direction:column;min-height: 260px; }
.iabrs-event-item .meta{ margin-top:auto; }


/* === Archive cards use the same slider card styles === */
.iabrs-grid-root .iabrs-event-item .card{ background: var(--card-bg, #fff); border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.iabrs-grid-root .iabrs-event-item .media{ display:block; position:relative; width:100%; aspect-ratio: var(--img-ratio, 5/3); overflow:hidden; background:#111; }
.iabrs-grid-root .iabrs-event-item .media img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.iabrs-grid-root .iabrs-event-item .body{ padding:10px 4px; display:flex; flex-direction:column; gap:6px; }
.iabrs-grid-root .iabrs-event-item .title{ margin:10px 0 8px; font-size:18px; text-transform:uppercase; }
.iabrs-grid-root .iabrs-event-item .title a{ color:inherit; text-decoration:none; }
.iabrs-grid-root .iabrs-event-item .title a:hover{ text-decoration:underline; }
.iabrs-grid-root .iabrs-event-item .meta{ margin-top:auto; }


.iabrs-archive-wrap{ font-family: var(--iabrs-font, inherit); }


/* Single evento */
.iabrs-single-event-view{border-bottom: 1px solid #999; padding-bottom: 30px;}