/**
 * GW Câmbio - Frontend CSS
 * Estilos para exibição no frontend da loja
 *
 * @package GW_Cambio
 * @since 2.0.0
 */

/* =========================================================================
   TEXTO DE ATUALIZAÇÃO NA PÁGINA DO PRODUTO
   ========================================================================= */

.gw-cambio-atualizacao-produto {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 12px 0;
    font-size: 13px;
    color: #666;
}

.gw-cambio-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.5;
}

.gw-cambio-texto-atualizacao {
    font-size: 12px;
    color: #888;
    font-style: italic;
}

/* =========================================================================
   SHORTCODES - COTAÇÃO
   ========================================================================= */

.gw-cambio-cotacao {
    display: inline-block;
}

.gw-cambio-sem-cotacao {
    color: #999;
    font-style: italic;
    font-size: 13px;
}

/* Badge de cotação */
.gw-cambio-cotacao-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

.gw-cambio-cotacao-prata {
    background: #808080;
}

.gw-cambio-cotacao-ouro {
    background: #f9a825;
}

/* Box de cotação */
.gw-cambio-cotacao-prata-box,
.gw-cambio-cotacao-ouro-box {
    padding: 12px 18px;
    border-radius: 6px;
    font-size: 14px;
    margin: 8px 0;
}

.gw-cambio-cotacao-prata-box {
    background: #f5f5f5;
    border-left: 4px solid #808080;
    color: #333;
}

.gw-cambio-cotacao-ouro-box {
    background: #fffde7;
    border-left: 4px solid #f9a825;
    color: #333;
}

/* =========================================================================
   SHORTCODES - TABELA DE COTAÇÕES
   ========================================================================= */

.gw-cambio-tabela-cotacoes {
    margin: 15px 0;
}

.gw-cambio-tabela-cotacoes table {
    width: 100%;
    max-width: 400px;
    border-collapse: collapse;
    font-size: 14px;
}

.gw-cambio-tabela-cotacoes table th {
    background: #1e3a5f;
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
}

.gw-cambio-tabela-cotacoes table td {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
}

.gw-cambio-tabela-cotacoes table tr:nth-child(even) td {
    background: #f9f9f9;
}

.gw-cambio-tabela-data {
    font-size: 11px;
    color: #999;
    margin-top: 6px;
    font-style: italic;
}

/* =========================================================================
   SHORTCODE - ÚLTIMA ATUALIZAÇÃO
   ========================================================================= */

.gw-cambio-ultima-atualizacao-shortcode {
    display: inline-block;
    font-size: 12px;
    color: #888;
    font-style: italic;
}

/* =========================================================================
   PREÇO COM PROMOÇÃO (DE/POR)
   ========================================================================= */

.gw-cambio-atualizacao-produto + .price del {
    color: #999;
    font-size: 0.85em;
}

.gw-cambio-atualizacao-produto + .price ins {
    color: #e74c3c;
    font-weight: 700;
    text-decoration: none;
}