/* =========================================
   BASE + LAYOUT GENERAL
   ========================================= */

/* ASCUNDE TEXTUL (pentru butoane cu imagini) */
.hide-txt {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, #1a0f0a, #000000);
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
}

a { text-decoration: none; color: #fff; }
a:hover { color: #f00; }

h1, h2, h3, p, a { color: #fff; }

/* =========================================
   HEADER
   ========================================= */

.main-hd {
  position: relative;
  height: 824px !important;
  width: 1920px !important;
  max-width: none !important;
  margin: 0 auto;
  background: url(../images/site/header.png) no-repeat center top;
  background-size: auto !important;
  overflow: hidden;
  z-index: 10;
}

.main-hd .page-width { background: none !important; }
.main-hd ul { display: none; }

/* LOGO */
.main-hd h1 {
  position: absolute;
  top: 300px;
  left: 525px;
  width: 783px;
  height: 221px;
  background: url(../images/site/logo.png) no-repeat center top;
  background-size: contain;
  margin: 0;
  padding: 0;
  z-index: 100;
  transition: all 0.2s ease-in-out;
}
.main-hd h1 a { display: block; width: 100%; height: 100%; }
.main-hd h1:hover { transform: scale(1.05); }

/* BUTOANE TOP */
.header-btn {
  position: absolute;
  z-index: 150;
  display: block;
  margin: 0;
  padding: 0;
  transition: all 0.2s ease-in-out;
}

#btn-home{
  top: 20px; left: 240px;
  width: 204px; height: 50px;
  background: url(../images/site/logo.png) no-repeat center top;
  background-size: contain;
}
#btn-home:hover{ transform: scale(1.02); }

#btn-download{
  top: 43px; left: 1000px;
  width: 80px; height: 12px;
  background: url(../images/site/download.png) no-repeat center top;
  background-size: contain;
}
#btn-download:hover{ transform: scale(1.03); }

#btn-login{
  top: 43px; left: 1150px;
  width: 33px; height: 16px;
  background: url(../images/site/login.png) no-repeat center top;
  background-size: contain;
}
#btn-login:hover{ transform: scale(1.03); }

#btn-join{
  top: 0px; left: 1250px;
  width: 177px; height: 124px;
  background: url(../images/site/go.png) no-repeat center top;
  background-size: contain;
}
#btn-join:hover{ transform: scale(1.05); }

/* =========================================
   BODY / ARTICLE
   ========================================= */

#content { margin-top: 0 !important; padding-top: 0 !important; }
.article { margin-top: 0 !important; padding-top: 0 !important; }

.article .page-width {
  width: 1920px;
  height: 2548px;
  margin: 0 auto;
  background: url(../images/site/body.png) repeat-y center top;
  background-size: auto;
  min-height: 600px;
  padding: 20px 40px;
  position: relative !important; /* important pt butoane absolute */
}

/* BUTOANE BODY */
.body-btn {
  position: absolute;
  z-index: 50;
  display: block;
  margin: 0;
  padding: 0;
  transition: all 0.2s ease-in-out;
}

#btn-body-1{ top: 3px; left: 490px; width: 97px; height: 45px;
  background: url(../images/site/btn_logare.png) no-repeat center top; background-size: contain; }
#btn-body-2{ top: 3px; left: 661px; width: 97px; height: 45px;
  background: url(../images/site/btn_descarcare.png) no-repeat center top; background-size: contain; }
#btn-body-3{ top: 7px; left: 834px; width: 87px; height: 37px;
  background: url(../images/site/btn_rules.png) no-repeat center top; background-size: contain; }
#btn-body-4{ top: 7px; left: 1005px; width: 87px; height: 37px;
  background: url(../images/site/btn_donate.png) no-repeat center top; background-size: contain; }
#btn-body-5{ top: 7px; left: 1157px; width: 119px; height: 37px;
  background: url(../images/site/btn_vote.png) no-repeat center top; background-size: contain; }
#btn-body-6{ top: 7px; left: 1334px; width: 86px; height: 39px;
  background: url(../images/site/btn_premium.png) no-repeat center top; background-size: contain; }
#btn-body-7{ top: 3px; left: 490px; width: 97px; height: 45px;
  background: url(../images/site/btn_menu.png) no-repeat center top; background-size: contain; }

.body-btn:hover { transform: scale(1.01); }

/* =========================================
   FOOTER
   ========================================= */
.mt2cms2-footer{
  position: relative;
  z-index: 99999;
  margin-top: -25px !important;
  padding-bottom: 0;
  margin-bottom: 0;
  width: 100%;
}

.footer-nav{
  height: 872px;
  width: 1920px;
  margin: 0 auto;
  background: url(../images/site/footer.png) no-repeat center top;
  background-size: 100% auto;
  border: none;
  outline: none;
}

/* =========================================
   DYNAMIC WINDOW (FEREASTRA)
   ========================================= */

.content-window-style{
  position: absolute;
  z-index: 100000; /* peste footer */
  width: 1143px;
  height: 431px;
  left: 390px;
  top: 55px;
  background: url(../images/site/login_bg.png) no-repeat center top;
  background-size: contain;
  overflow: visible;
}

/* overlay care tine continutul */
#content-area{
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* backgrounds pe pagini */
#window-login{ background-image: url(../images/site/login_bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:431px; left:390px; top:55px; }
#window-download{ background-image: url(../images/site/download_bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:431px; left:390px; top:55px; }
#window-rules{ background-image: url(../images/site/news_bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:431px; left:390px; top:55px; }
#window-donate{ background-image: url(../images/site/bg_donate.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:431px; left:390px; top:55px; }
#window-vote{ background-image: url(../images/site/vote_bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:431px; left:390px; top:55px; }
#window-ishop{ background-image: url(../images/site/download_bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:270px; left:390px; top:55px; }
#window-news{ background-image: url(../images/site/news_bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;
  width:1143px; height:431px; left:390px; top:55px; }

/* =========================================
   LOGIN – PIXEL PERFECT (muti din coordonate)
   ========================================= */

/* IMPORTANT: anulam bootstrap spacing doar in login */
#window-login .container,
#window-login .row,
#window-login [class*="col-"]{
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
}

/* formular transparent, doar ca "wrapper" */
#window-login form#loginForm{
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ascundem mesajele pana apar (optional) */
#window-login #login-error{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
}

/* INPUT USERNAME (muti aici) */
#window-login #loginUser{
  position: absolute !important;
  left: 427px;   /* << MUTI STANGA/DREAPTA */
  top: 152px;    /* << MUTI SUS/JOS */
  width: 257px;  /* << LATIME */
  height: 46px;  /* << INALTIME */

  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
}

/* INPUT PAROLA (muti aici) */
#window-login #loginPass{
  position: absolute !important;
  left: 427px;   /* << MUTI STANGA/DREAPTA */
  top: 220px;    /* << MUTI SUS/JOS */
  width: 257px;  /* << LATIME */
  height: 46px;  /* << INALTIME */

  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
}

#window-login #loginUser::placeholder,
#window-login #loginPass::placeholder{
  color: rgba(255,255,255,0.65);
}

/* BUTON LOGIN – IMAGINE (muti aici) */
#window-login input.btn-success{
  position: absolute !important;
  left: 750px;   /* stânga → dreapta */
  top: 210px;    /* sus → jos */

  width: 104px;
  height: 57px;

  background: url(../images/site/btn_loginin.png) no-repeat center !important;
  background-size: contain !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-size: 0 !important;
  color: transparent !important;

  cursor: pointer;
}

#window-login input.btn-success:hover{ transform: scale(1.03); filter: brightness(1.1); }
#window-login input.btn-success:active{ transform: scale(0.98); }

/* LINK REGISTER (muti aici) */
#window-login #linkRegister{
  position: absolute !important;
  left: 380px;  /* << MUTI */
  top: 310px;   /* << MUTI */
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
}

/* LINK LOST (muti aici) */
#window-login #linkLost{
  position: absolute !important;
  left: 640px;  /* << MUTI */
  top: 310px;   /* << MUTI */
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
}

/* ca sa nu mai ai subliniere/hover aiurea */
#window-login #linkRegister:hover,
#window-login #linkLost:hover{
  color: #f0c040 !important;
}

/* Scoate chenarul alb (focus ring) de pe butoane/linkuri cu imagine */
#btn-login:focus,
#btn-login:active,
#btn-login:focus-visible,
#btn-download:focus,
#btn-download:active,
#btn-download:focus-visible,
#btn-join:focus,
#btn-join:active,
#btn-join:focus-visible,
#btn-home:focus,
#btn-home:active,
#btn-home:focus-visible,
.body-btn:focus,
.body-btn:active,
.body-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Dacă e chenar și pe butonul submit din login */
#window-login input.btn-success:focus,
#window-login input.btn-success:active,
#window-login input.btn-success:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Optional (pentru mobile / unele browsere) */
#btn-login, #btn-download, #btn-join, #btn-home, .body-btn {
  -webkit-tap-highlight-color: transparent;
}

#window-user {
    background-image: url(../images/site/news_bg.png); /* BG NOU */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    width: 1143px;
    height: 431px;
}