/**
 * =========================================================
 * LS STAR REVIEWS
 * Estilo premium para avaliações WooCommerce
 * Lordshiva®
 * =========================================================
 */


/* =========================================================
   Container principal do bloco de avaliação
========================================================= */
.ls-star-review-wrap{
    
    /* Layout horizontal */
    display:flex;
    
    /* Alinha verticalmente ao centro */
    align-items:center;
    
    /* Espaçamento moderno entre elementos */
    gap:1px;
    
    /* Altura de linha compacta */
    line-height:1;
    
    /* Herda a fonte do tema */
    font-family:inherit;
    
    /* Permite quebra em telas pequenas */
    flex-wrap:wrap;
    
    /* Melhor renderização visual */
    position:relative;
}


/* =========================================================
   Área das estrelas
========================================================= */
.ls-stars{
    
    /* Necessário para overlay amarelo */
    position:relative;
    
    /* Mantém largura exata do conteúdo */
    display:inline-block;
    
    /* Tamanho elegante */
    font-size:10px;
    
    /* Compactação vertical */
    line-height:1;
    
    /* Espaço entre estrelas */
    letter-spacing:1px;
    
    /* Melhora nitidez */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    
    /* Pequeno refinamento visual */
    transform:translateY(1px);
}


/* =========================================================
   Estrelas base (cinza)
========================================================= */
.ls-stars-base{
    
    /* Cinza premium */
    color:#d7d7d7;
    
    /* Renderização em bloco */
    display:block;
    
    /* Pequena opacidade elegante */
    opacity:.85;
}


/* =========================================================
   Estrelas preenchidas (amarelas)
========================================================= */
.ls-stars-fill{
    
    /* Sobrepõe estrelas base */
    position:absolute;
    
    /* Alinhamento */
    top:0;
    left:0;
    
    /* Esconde sobra */
    overflow:hidden;
    
    /* Impede quebra */
    white-space:nowrap;
    
    /* Dourado premium */
    color:#F4B63D;
    
    /* Exibição */
    display:block;
    
    /* Deixa mais vivo */
    text-shadow:
        0 0 1px rgba(244,182,61,.30),
        0 0 6px rgba(244,182,61,.12);
    
    /* Transição suave */
    transition:width .25s ease;
}


/* =========================================================
   Nota numérica (4,9)
========================================================= */
.ls-rating-number{
    
    /* Tamanho com presença */
    font-size:11px;
    
    /* Peso forte */
    font-weight:600;
    
    /* Cor moderna */
    color:#1f1f1f;
    
    /* Espaçamento fino */
    letter-spacing:-0.02em;
    
    /* Melhor alinhamento visual */
    transform:translateY(1px);
}


/* =========================================================
   Quantidade de avaliações
========================================================= */
.ls-review-count{
    
    /* Texto secundário */
    font-size:10px;
    
    /* Peso intermediário */
    font-weight:400;
    
    /* Cinza elegante */
    color:#8a8a8a;
    
    /* Melhor leitura */
    letter-spacing:0.01em;
    
    /* Alinhamento */
    transform:translateY(1px);
}


/* =========================================================
   Responsividade mobile
========================================================= */
@media (max-width:767px){
    
    /* Menor espaçamento */
    .ls-star-review-wrap{
        gap:4px;
    }
    
    /* Estrelas um pouco menores */
    .ls-stars{
        font-size:12px;
        letter-spacing:1px;
    }
    
    /* Nota */
    .ls-rating-number{
        font-size:10px;
    }
    
    /* Contador */
    .ls-review-count{
        font-size:11px;
    }
}