/* Layout container */
#wrap, body { font-family: Arial, Helvetica, sans-serif; }
#maininner { max-width: 980px; margin: 0 auto; }

/* „Cutia” mare */
.box { background: #f8f9ff; padding: 16px 20px; border-radius: 6px; }

/* Tabele vechi → mai puțin haos */
.box table { width: 100%; border-collapse: separate; border-spacing: 8px 6px; }
.box td { vertical-align: middle; }

/* Elimină golurile vizuale din celule cu   */
.box td:empty,
.box td:has(> br:only-child) { display: none; }

/* Două coloane mai aerisite */
.splitleft .box > table > tbody > tr > td:nth-child(1) { width: 140px; }
.splitleft .box > table > tbody > tr > td:nth-child(2) { width: auto; }

/* Etichete și input-uri pe o linie */
label { display: inline-block; min-width: 140px; font-weight: 600; color: #334; }
input[type="text"], input[type="password"], select {
  width: 280px; max-width: 100%;
  padding: 6px 8px; border: 1px solid #c7d0e2; border-radius: 4px;
  outline: none;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus {
  border-color: #6aa7ff; box-shadow: 0 0 0 3px rgba(106,167,255,.15);
}

/* Buton submit */
.button, input[type="submit"], #sub_button {
  background: #68a92e; color: #fff; border: 0; padding: 8px 16px;
  border-radius: 4px; cursor: pointer; font-weight: 700;
}
.button:hover, input[type="submit"]:hover, #sub_button:hover { filter: brightness(1.05); }

/* Mesaje de eroare */
.error { color: #d22730; font-weight: 600; }

/* Iconițele tip (bulb) să nu împingă conținutul */
.box img[src*="ktip"], .box img[src*="Bullet_green"] {
  vertical-align: middle; margin-right: 6px; height: 16px; width: 16px;
}

/* Titluri de coloane */
h5 { margin: 0; font-size: 18px; }
h1, h4 { color: #334; }

/* Spațiu între secțiuni */
h1 .style55 u, h1 u { text-underline-offset: 3px; }



/* --- Layout pe coloană & footer jos --- */
html, body { height: 100%; }
#wrap {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.content { flex: 1 0 auto; }

/* Suprascrie orice poziționare veche a footer-ului */
.site-footer {
  position: static !important;
  margin-top: auto;
  text-align: right;
  padding: 10px 16px;
  color: #6a7585;
}



.top-menu {
  display: flex; gap: 16px;
  padding: 8px 16px;
}
.top-menu a {
  font-size: 16px;          /* era prea mic */
  font-weight: 600;
  text-decoration: none;
  color: #2a5db0;
}
.top-menu a:hover { text-decoration: underline; }




/* asigură layout pe coloană și footer jos */
html, body { height: 100%; }
#wrap { min-height: 100%; display:flex; flex-direction:column; }
.content { flex: 1 0 auto; }

/* clearfix pentru conținut (tabele/floaturi vechi) */
.content::after, #maininner::after, .splitleft::after, .box::after {
  content:""; display:block; clear:both;
}

/* cutia albă să cuprindă tot conținutul, fără „tăieri” */
.box { background:#f8f9ff; padding:16px 20px; border-radius:6px; overflow:visible; }

/* meniul – font mai mare/lizibil */
.top-menu { display:flex; gap:16px; padding:8px 16px; }
.top-menu a { font-size:16px !important; font-weight:600; color:#2a5db0; text-decoration:none; }
.top-menu a:hover { text-decoration:underline; }

/* footer jos, nu absolut */
.site-footer { position:static !important; margin-top:auto; text-align:right; padding:10px 16px; color:#6a7585; }

/* ascunde celulele „goale” care împing layout-ul */
.box td:empty { display:none; }

/* inputuri consistente */
input[type="text"], input[type="password"], select {
  width: 280px; max-width:100%; padding:6px 8px;
  border:1px solid #c7d0e2; border-radius:4px;
}


/* 1) Umple lățimea, fără „șanț” alb în dreapta */
#maininner { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.splitleft { float: none; width: 100%; }
.box { width: 100%; box-sizing: border-box; }

/* 2) Elimină „lărgirea” din border-spacing care crea gutter la dreapta */
.box table { width: 100%; border-collapse: collapse; }  /* în loc de separate */
.box td { padding: 6px 8px; }                            /* refacem spatierea cu padding */

/* 3) Asigură închiderea vizuală jos + spațiu înainte de footer */
.box { padding-bottom: 20px; margin-bottom: 24px; border-radius: 6px; }
.content { flex: 1 0 auto; }
.site-footer { position: static !important; margin-top: auto; }

/* 4) Fundal consistent – culoarea din „cutie” până la margine */
.content { background: transparent; }      /* nu lăsa content-ul să pună alb */
body { background-color: #aeb8c2; }        /* griul paginii, dacă tema nu-l setează */

/* 5) Meniu mai lizibil (dacă nu a intrat override-ul anterior) */
.top-menu { display:flex; gap:16px; padding:8px 16px; }
.top-menu a { font-size:16px !important; font-weight:600; color:#2a5db0; }