/* =========================================
   IA Sidebar (plugin) — CSS com divisores (sem topo)
   ========================================= */

/* Cabeçalho do widget */
.ia-sc-heading{
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.2;
  font-weight: 600;              /* menos negrito */
  font-size: 1rem;
  margin: 0;
  padding: 8px 0 8px 12px;       /* espaço pro “I” */
  border: none;
  color: #000;
  position: relative;
  border-bottom: 1px solid #e5e7eb; /* tracinho logo abaixo do título */
}

/* “I” azul antes do título */
.ia-sc-heading::before{
  content: "I";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  color: #30a9f0;
  font-weight: 700;
  font-size: 1em;
  line-height: 1;
  transform: translateY(1px);
}

/* Lista */
.ia-sc-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;                        /* sem gap, usamos divisores */
  border-bottom: 1px solid #e5e7eb; /* tracinho no fim da lista */
}

/* Item */
.ia-sc-item{
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb; /* divisor entre itens */
}
.ia-sc-item:last-child{
  border-bottom: none;           /* último item sem divisor extra (já tem no .ia-sc-list) */
}

/* Thumbnail (wrapper) */
.ia-sc-thumbwrap{
  display: block;
  flex: 0 0 auto;
  width: 100px;
  border-radius: 6px;
  overflow: hidden;
  background: #f1f5f9;
}
.ia-sc-noimg{ background: #e2e8f0; }

/* Imagem */
.ia-sc-thumb{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Meta (título) */
.ia-sc-meta{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* Títulos dos artigos */
.ia-sc-title{
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: #0f172a;
  text-decoration: none;
  display: block;
}
.ia-sc-title:hover{ text-decoration: underline; }

/* Data — não exibir */
.ia-sc-date{ display: none; }

/* Quebra em sidebars estreitas */
.widget .ia-sc-title{
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* Responsivo */
@media (max-width: 768px){
  .ia-sc-thumbwrap{ width: 90px; }
}
