/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* -----------------------------------------------------------------------
   NOTA -- limpeza de 22/08/2026.

   Este ficheiro veio na copia da Interweb Mocambique e era, quase todo, a
   paleta DESSA marca posta por cima do Bootstrap: o vermelho #d60037, o
   ciano #00acc8 e o cinzento-escuro #1f2835 / #1e2836. Nenhuma dessas cores
   existe no www.weblink.pt.

   Saiu tudo o que era so cor da outra marca. Quem manda na cor agora e a
   css/weblink-chrome.css, que carrega depois desta e traz a paleta do site
   (azul #0435b2, amarelo #fb0, azul-noite #091437). Assim a cor esta num
   sitio so, e nao foi preciso um !important para chegar la.

   Saiu tambem, por estar morto e nao por ser feio:

     * As 16 regras `...a.list-group-item:before { content: "\EA94" }` da
       barra lateral da base de conhecimento, com o seu
       `font-family: dyn__locaweb-icons`. Essa fonte nao esta carregada em
       lado nenhum desta instalacao -- nao ha @font-face nem <link> para
       ela, procurado em todo o templates/ e em todo o assets/. O que se via
       ao lado de cada categoria nao era o icone que aquilo pedia: era o
       caractere \EA94 desenhado por uma fonte qualquer que o navegador
       tivesse a mao. Eram 4,7 KB a produzir caixas vazias.

     * O bloco `.affiliate-stat.affiliate-stat-green.*`, que punha texto
       branco (`color:#FFFFFF`) e `font-family:'Montserrat'` -- outra fonte
       que tambem nao esta carregada -- sobre fundos #1F2835. Com os avisos
       agora claros, esse texto branco ficaria invisivel.

   O que ficou e o que faz mesmo falta e nao e cor: correccoes de
   disposicao. O original esta em /tmp/.../miolo-antes.tgz.
   ----------------------------------------------------------------------- */

/* O tema poe display:block em todas as .img-responsive; ha sitios no painel
   onde a imagem tem de continuar em linha com o texto ao lado. */
.img-responsive {
    display: unset;
}

/* Os quatro mostradores do topo da area de cliente sao escuros (a cor vem da
   weblink-chrome.css); o que esta la dentro tem de ser branco. */
.tile .icon,
.tile .title,
.tile .stat {
    color: #fff;
}

/* O aviso de "confirme o seu e-mail" e um aviso: o triangulo fica amarelo,
   o amarelo do site. */
.email-verification .far,
.email-verification .fas {
    color: #fb0;
}

/* A descricao da caixa lateral e um paragrafo corrido e fica melhor
   justificado do que com a margem direita irregular. */
.sidebar .panel.panel-sidebar.panel.panel-info .panel-body {
    text-align: justify;
}

/* Os cartoes dos extras estao lado a lado numa linha e tem textos de
   comprimentos diferentes; sem uma altura fixa a linha fica em degraus. */
div.row.addon-products div.col-sm-4.mb-3 div.panel.panel-default.panel-addon div.panel-body {
    height: 115px;
}

/* Paineis que aparecem centrados na pagina (uma coluna de 6 com deslocamento
   de 3) levam o titulo centrado tambem. */
#main-body .container .row .col-sm-6.col-sm-offset-3 .panel.panel-default .panel-heading h3.panel-title {
    text-align: center;
}

/* Em ecra estreito a barra do menu da area de cliente e um bloco, para os
   itens poderem empilhar. A COR desta barra esta na weblink-chrome.css. */
@media (max-width: 767px) {
    #main-menu nav.navbar {
        display: block;
    }
}

/* Extras que esta marca nao vende: os cartoes de promocao nao aparecem. */
#productAddonsContainer .addon-promo-container-weebly,
#productAddonsContainer .addon-promo-container-spamexperts,
#productAddonsContainer .addon-promo-container-nordvpn,
#productAddonsContainer .addon-promo-container-xovinow,
#productAddonsContainer .addon-promo-container-sitebuilder,
#productAddonsContainer .addon-promo-container-threesixtymonitoring,
#productAddonsContainer .addon-promo-container-ox,
#productAddonsContainer .addon-promo-container-marketgoo,
#productAddonsContainer .addon-promo-container-socialbee {
    display: none;
}
