/* assets/css/darkpremium.css */
/* MiLove DarkPremium — override minimalista sobre Big Picture (HTML5 UP)  */

/* Paleta */
:root{
  --preto-fundo:#000000;
  --branco:#ffffff;
  --cinza-escuro:#1a1a1a;
  --cinza-claro:#2a2a2a;
  --destaque:#ff005a;
  --borda:#333333;
}

/* Base */
html,body{background:var(--preto-fundo);}
body, input, textarea, select{
  color:#e9e9e9;
  letter-spacing:0.02em;
}

/* Links */
a{color:var(--destaque);}
a:hover{color:#ff2a78;}

/* Separadores e citações */
hr{border-top:1px solid var(--borda);}
blockquote{border-left:0.5em solid var(--borda);}

/* Header fixo */
#header{
  background:rgba(0,0,0,0.9);
  color:var(--branco);
  box-shadow:0 0 0.15em 0 rgba(0,0,0,0.5);
  border-bottom:1px solid var(--borda);
}
#header nav ul li a{color:var(--branco);}

/* Seções principais */
.main.dark{color:var(--branco);}
.main.style1,
.main.style2,
.main.style3.primary{background:var(--preto-fundo);}
.main.style3.secondary{background:var(--cinza-escuro);}

/* Caixas (cards) */
.box{
  background:var(--cinza-escuro);
  color:#ddd;
  border:1px solid var(--borda);
}
.box.style2{background:var(--cinza-escuro);}

/* Botões */
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
button{
  background-color:var(--destaque);
  color:var(--branco);
  border:0;
}
.button:hover,
input[type="submit"]:hover,
button:hover{background-color:#ff2a78;}
.button:active,
input[type="submit"]:active,
button:active{background-color:#e10050;}

/* Botão estilo 2 (transparente com borda) */
.button.style2,
input[type="button"].style2,
input[type="submit"].style2,
button.style2{
  background-color:transparent;
  border:2px solid var(--borda);
  color:var(--branco);
}
.button.style2:hover{background-color:rgba(255,255,255,0.06);}
.button.style2:active{background-color:rgba(255,255,255,0.12);}

/* Formulários */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select, textarea{
  background:var(--cinza-claro);
  border:2px solid var(--borda);
  color:#eee;
}
input:focus, select:focus, textarea:focus{border-color:#9ac8e9;}

/* Galeria / Imagens: mantém overlay mas escurece um pouco */
.image:before{
  background:url("images/overlay.png");
  opacity:0.55;
}

/* Tabelas */
table.default thead{
  background:var(--cinza-claro);
  color:var(--branco);
}
table.default tbody tr:nth-child(2n+2){
  background:rgba(255,255,255,0.04);
}
table.default tfoot{background:#111; color:#bbb;}

/* Footer */
#footer{
  background:var(--cinza-escuro);
  color:rgba(220,221,222,0.6);
  border-top:1px solid var(--borda);
}
#footer a:hover{color:#e1e2e3;}
#footer ul.menu li{border-left-color:rgba(255,255,255,0.15);}

/* Planos de fundo das seções com foto */
#intro{
  background:
    url("images/overlay.png"),
    url("../../images/intro.jpg");
  background-size:256px 256px, cover;
  background-attachment:fixed, fixed;
  background-position:top left, bottom center;
  filter:brightness(0.8) saturate(1.05);
}
#one{
  background:
    url("images/overlay.png"),
    url("../../images/one.jpg");
  background-size:256px 256px, cover;
  background-attachment:fixed, fixed;
  background-position:top left, center center;
  filter:brightness(0.8) saturate(1.05);
}
#two{
  background:
    url("images/overlay.png"),
    url("../../images/two.jpg");
  background-size:256px 256px, cover;
  background-attachment:fixed, fixed;
  background-position:top left, center center;
  filter:brightness(0.8) saturate(1.05);
}

/* Popup (poptrox) em dark */
.poptrox-popup{
  background:var(--cinza-escuro);
  box-shadow:0 0.1em 0.4em 0 rgba(0,0,0,0.6);
  color:#eee;
}
.poptrox-popup .caption{
  background:var(--cinza-claro);
  color:#ddd;
}
.poptrox-popup .closer:before{
  box-shadow:inset 0 0 0 2px #fff;
}

/* Botão “down” usa seta clara para fundo escuro */
.button.down,
input[type="button"].down,
button.down{
  background-image:url("images/dark-arrow.svg"); /* já é claro no tema */
}

/* Ajustes responsivos leves */
@media screen and (max-width:736px){
  .main.style1{padding:4em 15px;}
  .main.style2{padding:6em 15px;}
  #header{background:rgba(0,0,0,0.95);}
}