/* ==========================================================================
   CSS DEFINITIVO - PEDIGREE PATERNO E MATERNO (APENAS LINHAS HORIZONTAIS)
   ========================================================================== */

/* 1. CONFIGURAÇÃO BASE DO CONTAINER */
#block-solo-views-block-anuncio-cavalos-block-8, 
#block-solo-views-block-anuncio-cavalos-block-7 {
  margin: 10px 0 !important;
  padding: 5px !important;
  background-color: transparent !important;
}

#block-solo-views-block-anuncio-cavalos-block-8 .view-content,
#block-solo-views-block-anuncio-cavalos-block-7 .view-content {
  width: 100% !important;
  max-width: 720px !important; 
  margin: 15px auto !important;
}

/* Matriz Grid estrutural para alinhamento horizontal e vertical */
#block-solo-views-block-anuncio-cavalos-block-8 .views-row,
#block-solo-views-block-anuncio-cavalos-block-7 .views-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  grid-template-rows: repeat(4, 42px) !important;
  column-gap: 36px !important; /* Canal livre simétrico para as linhas de conexão */
  row-gap: 14px !important;
  align-items: center !important;
}

/* 2. MAPEAMENTO MAPEADO CIRURGICAMENTE PELAS CLASSES DO DRUPAL */

/* --- COLUNA 1: PAI / MÃE --- */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-pai,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-mae {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  position: relative !important;
}

/* --- COLUNA 2: AVÓS (CORRIGIDO PARA AMBOS OS BLOCOS) --- */
/* Avó Paterna e Avó Materna (Mães - Linhas Superiores 1 e 2) */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-avo-paterno,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-avo-materno {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  position: relative !important;
}
/* Avô Paterno e Avô Materno (Pais - Linhas Inferiores 3 e 4) */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-avo-parterno,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-avo-materno-1 {
  grid-column: 2 !important;
  grid-row: 3 / span 2 !important;
  position: relative !important;
}

/* --- COLUNA 3: BISAVÓS --- */
/* Bisavós da Avó (Linhas 1 e 2) */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-bisavo-avo-paterno, 
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-bisavo-avo-materno { grid-column: 3 !important; grid-row: 1 !important; position: relative !important; }

#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-bisavo1-avo-paterno, 
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-bisavo1-avo-materno { grid-column: 3 !important; grid-row: 2 !important; position: relative !important; }

/* Bisavós do Avô (Linhas 3 e 4) */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-bisavo2-avo-paterno, 
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-bisavo2-avo-materno { grid-column: 3 !important; grid-row: 3 !important; position: relative !important; }

#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-bisavo3-avo-paterno, 
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-bisavo3-avo-materno { grid-column: 3 !important; grid-row: 4 !important; position: relative !important; }

/* Limpeza estrutural interna do Drupal */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field div,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field div {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  display: inline !important;
}


/* ==========================================================================
   3. ESTILIZAÇÃO DO MODELO: ALTURA, FUNDO AZUL CLARO E BORDAS
   ========================================================================== */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 14px !important;
  
  border: 1px solid #93c5fd !important; 
  border-radius: 4px !important;
  background-color: #f0f9ff !important; /* Lindo fundo azul claro soft */
  
  font-weight: 600 !important;
  color: #1e3a8a !important; /* Texto em azul marinho escuro */
  text-align: left !important;
  font-size: 14px !important;
}

#block-solo-views-block-anuncio-cavalos-block-8 .field-content,
#block-solo-views-block-anuncio-cavalos-block-7 .field-content {
  width: 100% !important;
  line-height: 1.3 !important;
}


/* ==========================================================================
   4. TRAÇOS HORIZONTAIS RETOS E ALINHADOS
   ========================================================================== */

/* Linha reta saindo da direita do Pai/Mãe */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-pai::after,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-mae::after {
  content: "" !important;
  position: absolute !important;
  right: -36px !important; /* Cobre o vão total do gap */
  top: 50% !important;
  width: 36px !important;
  height: 2px !important;
  background-color: #cbd5e1 !important;
}

/* Linha reta saindo da direita de todos os Avós (Corrigido com as novas classes) */
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-avo-paterno::after,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-avo-materno::after,
#block-solo-views-block-anuncio-cavalos-block-8 .views-field-field-avo-parterno::after,
#block-solo-views-block-anuncio-cavalos-block-7 .views-field-field-avo-materno-1::after {
  content: "" !important;
  position: absolute !important;
  right: -36px !important;
  top: 50% !important;
  width: 36px !important;
  height: 2px !important;
  background-color: #cbd5e1 !important;
}


/* ==========================================================================
   5. RESPONSIVIDADE PARA CELULAR (COMPACTAÇÃO LIMPA)
   ========================================================================== */
@media (max-width: 992px) {
  #block-solo-views-block-anuncio-cavalos-block-8 .view-content,
  #block-solo-views-block-anuncio-cavalos-block-7 .view-content {
    max-width: 100% !important;
  }

  #block-solo-views-block-anuncio-cavalos-block-8 .views-row,
  #block-solo-views-block-anuncio-cavalos-block-7 .views-row {
    grid-template-rows: repeat(4, 34px) !important;
    column-gap: 6px !important; 
    row-gap: 8px !important;
  }
  
  #block-solo-views-block-anuncio-cavalos-block-8 .views-field, 
  #block-solo-views-block-anuncio-cavalos-block-7 .views-field {
    height: 34px !important;
    font-size: 11px !important;
    padding: 0 8px !important;
  }

  /* Oculta os traços horizontais no celular para economizar espaço */
  #block-solo-views-block-anuncio-cavalos-block-8 .views-field::after,
  #block-solo-views-block-anuncio-cavalos-block-7 .views-field::after {
    display: none !important;
  }
}