/* ==========================================================================
   Way Cloud - customizações do tema Lagom 2 (estilo "modern")
   Carregado por includes/head.tpl como <link> próprio.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Campos de formulário dentro dos painéis-resumo da barra lateral.

   Problema: o <select> de "Forma de Pagamento" aparecia sem fundo (transparente)
   sobre o painel azul, deixando o texto ilegível.

   Causa: o tema só aplica as variáveis --primary-block-input-* em
   .banner-primary, .search-box-primary e .panel-domain-search-primary.
   Os painéis .panel-summary-* e .panel-sidebar-* ficam sem nenhuma regra
   para .form-control, então o campo herda fundo transparente.

   Markup afetado: includes/sidebar/sidebar-secondary-custom.tpl
                   (clientarea.php?action=masspay)
   -------------------------------------------------------------------------- */

.panel-summary-primary .form-control,
.panel-summary-secondary .form-control,
.panel-sidebar-primary .form-control,
.panel-sidebar-secondary .form-control {
    background-color: var(--primary-block-input-bg, #fff);
    border-color: var(--primary-block-input-border, #fff);
    color: var(--primary-block-input-color, #505050);
}

/* O <select> precisa de regra própria: com appearance nativa, vários
   navegadores não herdam background-color de .form-control. */
.panel-summary-primary select.form-control,
.panel-summary-secondary select.form-control,
.panel-sidebar-primary select.form-control,
.panel-sidebar-secondary select.form-control {
    background-color: var(--primary-block-input-bg, #fff);
    color: var(--primary-block-input-color, #505050);
}

/* Mantém o contraste ao focar/abrir o campo. */
.panel-summary-primary .form-control:focus,
.panel-summary-secondary .form-control:focus,
.panel-sidebar-primary .form-control:focus,
.panel-sidebar-secondary .form-control:focus {
    background-color: var(--primary-block-input-bg, #fff);
    color: var(--primary-block-input-color, #505050);
}

/* Itens do dropdown: no Windows e no Linux as <option> herdam a cor do
   elemento pai e ficariam brancas sobre branco. */
.panel-summary-primary select.form-control option,
.panel-summary-secondary select.form-control option,
.panel-sidebar-primary select.form-control option,
.panel-sidebar-secondary select.form-control option {
    background-color: #fff;
    color: #505050;
}

/* Placeholder dos campos de texto no mesmo contexto. */
.panel-summary-primary .form-control::placeholder,
.panel-summary-secondary .form-control::placeholder,
.panel-sidebar-primary .form-control::placeholder,
.panel-sidebar-secondary .form-control::placeholder {
    color: var(--primary-block-input-placeholder-color, #9aa0a6);
    opacity: 1;
}

/* A seta do select é desenhada pelo navegador com a cor do texto; sem isto
   ela ficaria branca e invisível sobre o fundo claro do campo. */
.panel-summary-primary select.form-control,
.panel-summary-secondary select.form-control,
.panel-sidebar-primary select.form-control,
.panel-sidebar-secondary select.form-control {
    -webkit-text-fill-color: var(--primary-block-input-color, #505050);
}