/* ============================================================
   wowcool custom theme polish (override, loaded last)
   Forms, listview tables, item infobox - dark-theme consistency
   ============================================================ */

/* ---------- Filter form: text inputs ---------- */
#fi input[type="text"],
#fi input.smalltextbox,
#fi input.smalltextbox2 {
    background-color: #1b1b1b;
    color: #dddddd;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    padding: 2px 6px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.55);
    transition: border-color .15s ease, box-shadow .15s ease;
}
#fi input[type="text"]:hover,
#fi input.smalltextbox:hover,
#fi input.smalltextbox2:hover { border-color: #555; }
#fi input[type="text"]:focus,
#fi input.smalltextbox:focus,
#fi input.smalltextbox2:focus {
    border-color: #c79c43;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.55), 0 0 5px rgba(199,156,67,.55);
    outline: none;
}

/* ---------- Filter form: dropdowns & multi-selects ---------- */
#fi select {
    background-color: #1b1b1b;
    color: #dddddd;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    padding: 1px 3px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
#fi select:hover { border-color: #555; }
#fi select:focus {
    border-color: #c79c43;
    box-shadow: 0 0 5px rgba(199,156,67,.55);
    outline: none;
}
/* options keep their own (quality) colors, only darken the background */
#fi select option { background-color: #141414; }
#fi select.rightselect { padding: 0; }
#fi select.rightselect option { padding: 1px 5px; }
#fi select.rightselect option:checked {
    background: #3a2f12 linear-gradient(#3a2f12, #2a230d);
    box-shadow: inset 3px 0 0 #c79c43;
}

/* ---------- Filter form: buttons ---------- */
#fi input[type="button"],
#fi input[type="submit"] {
    background: linear-gradient(#2c2c2c, #1d1d1d);
    color: #e6c97a;
    border: 1px solid #4a4a4a;
    border-radius: 3px;
    padding: 3px 12px;
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease;
}
#fi input[type="button"]:hover,
#fi input[type="submit"]:hover {
    border-color: #c79c43;
    color: #ffdd77;
}

/* ---------- Listview tables: polish columns/rows ---------- */
.listview table td { border-color: #262626; }
.listview table tr:hover td { background-color: rgba(199,156,67,.06); }
.listview table th {
    background-image: linear-gradient(#3b3b3b, #2a2a2a);
    color: #e8d9b0;
    border-bottom: 1px solid #555 !important;
    padding-top: 3px;
    padding-bottom: 3px;
}
.listview table th a,
.listview table th div { color: #e8d9b0; }

/* ---------- Item page: infobox card ---------- */
.infobox {
    border: 1px solid #3a3a3a !important;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,.55);
}