/* ===== Layout responsive pentru paginile publice Razboi.ro =====
   Stil nou, curat, pentru shell-ul reconstruit (header + sidebar login + continut).
   Desktop: sidebar + continut alaturat. Mobil (<=768px): stivuit, campuri mari. */

body { background:#000 !important; color:#e2e2e2; font-family:Verdana,Arial,sans-serif; }

.rzb-page { max-width:1000px; margin:0 auto; padding:0 0 30px; background:#000; }

/* ---- Header ---- */
.rzb-header {
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px;
  padding:14px 16px 10px;
  background:#000;
  border-bottom:2px solid #c0392b;
}
.rzb-logolink { line-height:0; }
.rzb-logo { height:62px; width:auto; max-width:100%; }
.rzb-status { color:#bdbdbd; font-size:12px; margin-left:auto; }
.rzb-status b { color:#fff; }
.rzb-nav { width:100%; display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.rzb-nav a {
  color:#fff; text-decoration:none; font-size:13px; font-weight:bold;
  padding:7px 12px; border:1px solid #7a1812; border-radius:4px; background:#2a1210;
}
.rzb-nav a:hover { background:#c0392b; }

/* ---- Coloane (sidebar + continut) ---- */
.rzb-cols { width:100%; border-collapse:collapse; }
.rzb-side {
  width:250px; vertical-align:top; padding:16px 14px;
  background:#000; border-right:1px solid #2a2a2a;
}
.rzb-content { vertical-align:top; padding:16px 20px; color:#e2e2e2; font-size:13px; line-height:1.5; }
.rzb-content img { max-width:100%; height:auto; }
/* Titlurile-imagine (BINE ATI VENIT, INREGISTREAZA-TE...) sunt gri-inchis pe negru -> luminam */
.rzb-content img[src*="/title/"] { filter: brightness(2.2) contrast(1.15); }
.rzb-content table { width:100% !important; max-width:100%; }
.rzb-content a { color:#e0564a; }
.rzb-content font[color="silver"] { color:#cfcfcf !important; }

/* ---- Formular login ---- */
.rzb-login { margin:0 0 6px; }
.rzb-field { margin:0 0 11px; }
.rzb-field label { display:block; color:#cfcfcf; font-size:12px; font-weight:bold; margin-bottom:4px; }
.rzb-side input.login {
  width:100%; max-width:210px; padding:9px 10px; box-sizing:border-box;
  background:#2a2a2a; color:#fff; border:1px solid #555; border-radius:3px; font-size:14px;
}
.rzb-side input.login:focus { border-color:#c0392b; outline:none; background:#303030; }
.rzb-captcha { border:1px solid #555; display:block; }
.butlogin { cursor:pointer; margin-top:2px; }

/* ---- Butoane inregistrare / recuperare ---- */
.rzb-links { display:flex; flex-direction:column; gap:8px; margin:14px 0 0; }
.rzb-btn {
  display:block; text-align:center; text-decoration:none;
  padding:10px 12px; border-radius:4px; font-size:13px; font-weight:bold;
  background:#c0392b; color:#fff !important; border:1px solid #7a1812;
}
.rzb-btn:hover { background:#e04433; }
.rzb-btn-alt { background:#333; border-color:#555; }
.rzb-btn-alt:hover { background:#444; }

/* ---- SMS info ---- */
.rzb-sms { margin-top:18px; color:#8f8f8f; font-size:11px; line-height:1.6; }
.rzb-sms a { color:#bbb; }

/* ---- CTA join ---- */
.rzb-cta { text-align:center; padding:18px 10px; }
.rzb-cta img { max-width:100%; height:auto; }

/* ===== MOBIL ===== */
@media (max-width: 768px) {
  html, body { overflow-x:hidden; }
  .rzb-page { max-width:100%; }
  .rzb-header { justify-content:center; text-align:center; }
  .rzb-logo { height:52px; margin:0 auto; }
  .rzb-status { margin-left:0; width:100%; text-align:center; }
  .rzb-nav { justify-content:center; }
  .rzb-nav a { flex:1 1 40%; text-align:center; }

  /* Stivuieste coloanele */
  .rzb-cols, .rzb-cols > tbody, .rzb-cols > tbody > tr { display:block; width:100%; }
  .rzb-side, .rzb-content { display:block; width:100%; box-sizing:border-box; border-right:none; }
  .rzb-side { border-bottom:2px solid #c0392b; }

  /* Campuri mari, centrate */
  .rzb-login { max-width:360px; margin:0 auto; }
  .rzb-field { text-align:center; }
  .rzb-side input.login { max-width:320px; margin:0 auto; font-size:16px; }
  .rzb-captcha { margin:0 auto; }
  .rzb-links { max-width:360px; margin:14px auto 0; }
  .rzb-sms { text-align:center; }

  /* Continut lizibil, imagini fluide */
  .rzb-content { font-size:15px; }
  .rzb-content img[src*="linie_dubla"] { display:none; }
  .rzb-content td { display:block; width:100% !important; }
}