/**
 * TurboJet - Estilos para Linha Decorativa
 */

.tj-linha-decorativa-wrapper {
    /* display: flex; e justify-content são definidos inline pelo PHP para alinhamento */
    /* margin (vertical) é definido inline pelo PHP */
    width: 100%; /* O wrapper sempre ocupa 100% da largura disponível */
}

.tj-linha-decorativa-elemento {
    /* width, height, background-color, border-radius, box-shadow são definidos inline pelo PHP */
    /* A linha em si terá a largura definida pelo atributo 'largura' do shortcode */
}

/* Estilos para linhas tracejadas e pontilhadas se usarmos background-image */
/* Se a linha for uma div com altura e background-color,
   os estilos tracejado/pontilhado precisam de uma abordagem diferente,
   pois background-color não cria esses efeitos.
   Uma opção é usar background-image com linear-gradient.
*/

/* Linha Sólida (já coberta pelo background-color inline) */
.tj-linha-estilo-solida {
    /* Nenhuma regra específica necessária aqui se background-color for usado */
}

/* Linha Tracejada */
.tj-linha-estilo-tracejada {
    background: none !important; /* Remover background-color sólido */
    /* A altura da div ainda é definida inline */
    /* A cor da borda é a 'cor' do shortcode */
    /* A espessura da borda é a 'altura' do shortcode */
    border-top-style: dashed !important;
    border-top-width: var(--tj-linha-altura, 1px) !important; /* Usando variável CSS se possível */
    border-top-color: var(--tj-linha-cor, #cccccc) !important;
    height: 0 !important; /* A altura é dada pela borda */
    width: var(--tj-linha-largura, 100%) !important; /* Largura da borda */
}

/* Linha Pontilhada */
.tj-linha-estilo-pontilhada {
    background: none !important;
    border-top-style: dotted !important;
    border-top-width: var(--tj-linha-altura, 1px) !important;
    border-top-color: var(--tj-linha-cor, #cccccc) !important;
    height: 0 !important;
    width: var(--tj-linha-largura, 100%) !important;
}

/* Linha Dupla */
.tj-linha-estilo-dupla {
    background: none !important;
    border-top-style: double !important;
    /* Para 'double', a 'altura' precisa ser pelo menos 3px para ser visível */
    /* O border-width total será a 'altura'. As duas linhas e o espaço entre elas. */
    border-top-width: var(--tj-linha-altura, 3px) !important; 
    border-top-color: var(--tj-linha-cor, #cccccc) !important;
    height: 0 !important;
    width: var(--tj-linha-largura, 100%) !important;
}

/* Se o PHP definir as variáveis CSS --tj-linha-altura, --tj-linha-cor, --tj-linha-largura no elemento: */
/* Exemplo no PHP:
   $linha_style_array[] = '--tj-linha-altura: ' . esc_attr($altura_val);
   $linha_style_array[] = '--tj-linha-cor: ' . esc_attr($cor_val);
   $linha_style_array[] = '--tj-linha-largura: ' . esc_attr($largura_val);
*/