/* =====================================================================
   produto.css  →  css2/produto.css
   =====================================================================

   Este arquivo traz de volta o que estava no <style> inline do <head>
   antigo e que NAO era briga com as abas.

   O <style> antigo misturava duas coisas: regras de cabecalho, menu e
   trilha (legitimas, usadas pela pagina inteira) e um monte de
   !important que existia so para dominar o CSS das abas. As primeiras
   estao aqui. As segundas ficaram de fora de proposito -- sem abas,
   nao ha adversario, e era dali que vinha a briga de especificidade
   (o `img[itemprop="image"]` chegou a ser declarado duas vezes com
   valores opostos, um anulando o outro).

   NOTA: os blocos de menu e dropdown pertencem ao parte_superior.asp,
   nao a pagina de produto. Estao aqui porque e onde estavam antes. O
   lugar certo deles e um header.css compartilhado -- quando as outras
   paginas forem migradas, mova para la e apague daqui.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. Faixa vermelha abaixo do cabecalho
   Era isto que sumiu: a div .fullwidth-top-border continua no HTML,
   mas a regra que a pintava estava no <style> removido.
   --------------------------------------------------------------------- */
.fullwidth-top-border{
  width:100vw;
  height:4px;
  background:#800001;
  position:relative;
  margin-left:calc(-50vw + 50%);
}


/* ---------------------------------------------------------------------
   2. Menu principal
   --------------------------------------------------------------------- */
.navbar-nav{font:13px "Roboto Condensed",sans-serif}
.navbar-nav > li{border-right:0 solid #626262}
.navbar-nav > li > a{padding:15px 10px 15px 5px}

.navbar-default{color:#fff}
.navbar-default .navbar-nav > li > a{color:#000}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{
  background-color:#800001;
  color:#fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{
  color:#fff;
  background-color:#800001;
}

.caret{margin-left:3px}

@media (min-width:1200px){
  .navbar-default .navbar-nav > li:hover > .dropdown-menu{display:block}
}


/* ---------------------------------------------------------------------
   3. Submenus
   --------------------------------------------------------------------- */
.dropdown-submenu{position:relative}

.dropdown-submenu > .dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu{display:block}
.dropdown-submenu:hover > .dropdown-menu li{color:#800001}

.dropdown-submenu > a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#ccc;
  margin-top:5px;
  margin-right:-10px;
}

.dropdown-submenu:hover > a:after{border-left-color:#fff}

.dropdown-submenu.pull-left{float:none}
.dropdown-submenu.pull-left > .dropdown-menu{
  left:-100%;
  margin-left:10px;
  border-radius:6px 0 6px 6px;
}


/* ---------------------------------------------------------------------
   4. Loader
   --------------------------------------------------------------------- */
#page-loader{
  position:fixed;
  inset:0;
  background:#fff;
  z-index:99999;
}

#page-loader .page-loader-gif{
  display:block;
  width:100%;
  height:64px;
  position:absolute;
  top:50%;
  left:0;
  margin:-32px 0 0;
  font:400 21px/58px Arial,sans-serif;
  text-align:center;
  color:rgba(0,0,0,.2);
  background:url("/images/preloader.gif") no-repeat 50% 0 transparent;
}

@media (min-width:1200px){
  #page-loader{display:none}
}


/* ---------------------------------------------------------------------
   5. Trilha do Bootstrap (paginas que ainda usam .breadcrumb)

   A pagina de produto NAO usa mais estas classes -- a trilha nova e
   .pp-trilha, estilizada junto com o resto do corpo. Isto fica para
   categoria, busca e blog, que ainda usam a marcacao antiga.
   --------------------------------------------------------------------- */
.breadcrumb,
.page-breadcrumb,
.breadcrumb li,
.page-breadcrumb li,
.breadcrumb a,
.page-breadcrumb a,
.breadcrumb .active,
.page-breadcrumb .active{
  color:#111;
  background:transparent;
}

.breadcrumb a:hover,
.page-breadcrumb a:hover{
  color:#800001;
  text-decoration:underline;
}


/* ---------------------------------------------------------------------
   6. Formulario do modal de proposta
   Os radios "O que voce deseja?" dependem destas duas regras.
   --------------------------------------------------------------------- */
.form-group{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

.form-group > label{
  margin-bottom:0;
  margin-right:10px;
}

.radio-inline{
  margin-right:28px;
  white-space:nowrap;
}


/* ---------------------------------------------------------------------
   7. Utilitarios herdados
   --------------------------------------------------------------------- */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

.info-table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:1em;
  font-size:15px;
}

.info-table tr{border:none}

.info-table td{
  padding:8px 12px 8px 0;
  border:none;
  background:none;
  vertical-align:top;
  text-align:left;
}

.info-table .info-label{
  font-weight:600;
  color:#222;
  width:220px;
  min-width:140px;
  white-space:nowrap;
  padding-right:18px;
}

.info-table td:not(.info-label){color:#333}


/* =====================================================================
   O QUE NAO FOI TRAZIDO, E POR QUE

   #myTab e derivados .......... as abas nao existem mais
   .page-title ................. o h1 agora e .pp-compra h1
   .product-page-price ......... virou .pp-preco
   .product-page-side-* ........ virou .pp-caixa
   .box-highlight .............. virou .pp-caixa
   .widget-title ............... nao ha mais widget na coluna
   .dr-seg / .dr-specs ......... a tabela de specs agora e .pp-specs
   .xt-galeria / .xt-hero ...... o hero agora e .pp-hero
   img[itemprop="image"] ....... estava declarado duas vezes com
                                 valores opostos; a galeria cuida disso
   .product-page-features-table-specs ... a tabela antiga nao existe

   Se alguma dessas classes aparecer quebrada em OUTRA pagina (busca,
   categoria, blog), a regra deve ir para o CSS daquela pagina -- nao
   voltar para ca. Foi o acumulo de regras de todas as paginas num
   arquivo so que produziu a briga de !important.
   ===================================================================== */
