/*
 * Copyright (C) 2009-2010, Gregor Mazovec <gregor.mazovec@gmail.com>
 */

/* zagotovi polno višino in enotno ozadje */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #9565c8;
}

body {
    color: #cbd7cf;
    font: normal 0.8em arial, verdana, serif-sans;
}

/* ------------------------------------------------ */

a {
    color:#8ae235;
    cursor:pointer;
    font-weight:bold;
    text-decoration:none;
}

h1 {
    color:#4a89cb;
}

label {
    display:block;
    font-weight:bold;
}

table a {
    color:#C03F3F;
}

td, th {
    font:normal 1em arial, verdana, serif-sans;
}

.obl th {
    background-color:#262a2c;
    font-weight:bold;
    padding:4px;
}

.obl td {
    background:#bbc0c1;
    color:#2e3436;
    padding:2px 8px;
}

td.dark {
    background:#2e3436;
}

.left {
    float:left;
}

#status {
    float:right;
    text-align:right;
}

#tabs {
    background:#8ae235;
    font-size:1.2em;
    padding:10px;
}

#tabs a {
    color:#2e3436;
    padding:0 14px;
}

#nav {
    background:#555753;
}

#nav a {
    color:#cbd7cf;
}

#preview dt {
    font-size:1.2em;
    font-weight:bold;
    margin:1em 0;
}

dd {
    margin:0;
    padding:0 0 10px 0;
}

#vtabs,
#mtab {
    background:url(img/canis.png) no-repeat;
    margin:0 auto;
    padding-top:140px;
    width:460px;
}

.sep {
    margin:20px 0;
}

.vtab {
    background:#8ae235;
    color:#555753;
    font-size:1.2em;
    padding:12px;
    text-align:center;
}

.vtab a {
    color:#2e3436;
}

.btn {
    font-size:1.6em;
}

.alert {
    border:1px solid #cb4a59;
    background:#cb4a59;
    font-size:120%;
    font-weight:bold;
    padding:25px;
}

#foot {
    margin-top:50px;
    text-align:center;
}

#msg-box {
    display:none;
}

.box {
    border-radius:0.8em;
    color:#fff;
    font-weight:bold;
    padding:15px;
}

.box-red {
    background-color:#c03f3f;
}

.box-green {
    background-color:#8ae235;
    color:#EEFFE2;
}

.cor-green,
.cor-green div {
    background:#8AE235;
}

.input-alert {
    margin-left:15px;
    padding:4px;
    position:absolute;
    width:280px;
}

td.grp-sep {
    font-size:110%;
    font-weight:bold;
    padding:4px;
}

/* status barve */
.obl td.statusA,
.obl td.statusR {
    background-color:#4a89cb;
    color:#fff;
}

.obl td.statusI {
    background-color:#C03F3F;
    color:#fff;
}

.obl td.statusC {
    background-color:#8ae235;
    color:#fff;
}

.obl td.statusJ {
    background-color:#000;
    color:#fff;
}

.obl td.statusN {
    background-color:#666;
    color:#fff;
}

/* hidden polja */
input[type="hidden"],
input[type="hidden"] + br,
label[for^="houndog.dog_application"],
dt#user_id-label,
dt#account_id-label,
dt#transaction_id-label,
dt#price-label,
dt#status-label,
dd#user_id-element,
dd#account_id-element,
dd#transaction_id-element,
dd#price-element,
dd#status-element,
dt#registered-label,
dd#registered-element,
dt#deleted-label,
dd#deleted-element {
    display: none !important;
}

/* ============================= */
/* MOBILNI STILI – FULL WIDTH (brez raztegovanja inputov) */
/* ============================= */
@media (max-width: 768px) {

  /* full width naj bo za layout elemente */
  #vtabs, #mtab,
  .obl, table, .box, .alert,
  #tabs, #nav, #preview, dl {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* odstrani fiksno 460px širino in centriranje */
  #vtabs, #mtab {
    padding-left: 12px;
    padding-right: 12px;
    background-position: center top;
  }

  /* besedilo in vsebina naj se ne razliva izven ekrana */
  img, table {
    max-width: 100%;
  }

  /* floati na mobilnem naj ne lomijo postavitve */
  .left, #status {
    float: none !important;
  }

  /* ✅ ključ: ne razteguj inputov in gumbov */
  input, select, textarea, button {
    width: auto !important;
    max-width: 100% !important;   /* da ne uide iz ekrana */
    box-sizing: border-box;
  }
}