/* =========================================================
   Armory module — Spyral theme integration
   ========================================================= */

/* Force border-box inside armory */
.armory-container,
.armory-container *,
.armory-container *::before,
.armory-container *::after {
    box-sizing: border-box;
}

.armory-container {
    color: #d0c8b8;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-shadow: 0 1px 1px #000;
}

/* ---------- Spyral Theme Wrapper ---------- */

.armory-spyral {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(160, 115, 50, 0.3);
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.armory-spyral .armory-search-bar {
    border-radius: 4px;
    margin: 0;
    border: 1px solid #131316;
}

.armory-spyral .armory-results {
    padding: 8px 0 0;
}

/* ---------- page_content specificity overrides ---------- */

.page_content .armory-container,
.page_content .armory-container * {
    color: inherit !important;
}

.page_content .armory-container {
    color: #d0c8b8 !important;
}

.page_content .armory-container .armory-input,
.page_content .armory-container .armory-select {
    color: #4f5356 !important;
}

.page_content .armory-container .armory-input:focus,
.page_content .armory-container .armory-select:focus {
    color: #f6c85c !important;
}

.page_content .armory-container .nice_table thead th {
    color: #A07332 !important;
}

.page_content .armory-container .nice_table tbody tr td a {
    color: #bd8421 !important;
}

.page_content .armory-container .nice_table tbody tr td a:hover {
    color: #ffc437 !important;
}

/* ---------- Search Bar ---------- */

.armory-search-bar {
    padding: 12px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border: 1px solid #131316;
    margin-bottom: 12px;
}

.armory-search-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.armory-input {
    flex: 2;
    min-width: 180px;
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    color: #4f5356;
    background: url(../../../themes/Spyral/images/input_bg.png) repeat-x;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #28333a, inset 0 0 4px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    transition: all 300ms;
}

.armory-input:focus {
    color: #f6c85c;
    box-shadow: 0 0 0 1px #3d4f5d, inset 0 0 4px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,1);
    outline: none;
}

.armory-select {
    flex: 1;
    min-width: 120px;
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    color: #4f5356;
    background: url(../../../themes/Spyral/images/input_bg.png) repeat-x;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #28333a, inset 0 0 4px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    transition: all 300ms;
    width: auto;
}

.armory-select:focus {
    color: #f6c85c;
    box-shadow: 0 0 0 1px #3d4f5d, inset 0 0 4px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,1);
    outline: none;
}

.armory-search-row .nice_button,
.armory-search-row .armory-btn {
    flex: 0.6;
    min-width: 80px;
    margin: 0;
    padding: 0 8px;
    height: 31px;
    line-height: 31px;
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #d0a53d;
    background: url(../../../themes/Spyral/images/input_bg.png) repeat-x;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #28333a, inset 0 0 4px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,1);
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
    cursor: pointer;
    transition: all 300ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.armory-search-row .nice_button:hover,
.armory-search-row .armory-btn:hover {
    color: #f6c85c;
    box-shadow: 0 0 0 1px #3d4f5d, inset 0 0 4px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,1);
}

/* ---------- Results Area ---------- */

.armory-results {
    display: none;
    margin-top: 8px;
}

/* ---------- Table Overrides ---------- */

.armory-container .nice_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

.armory-container .nice_table thead th {
    border-bottom: 1px solid #16181c;
    color: #A07332;
    font-family: calibrib, Verdana, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 10px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,.6);
    background: rgba(0, 0, 0, 0.2);
}

.armory-container .nice_table tbody tr td {
    padding: 6px 10px;
    font-size: 12px;
    font-weight: normal;
    color: #d0c8b8;
    border-bottom: 1px solid rgba(22, 24, 28, 0.5);
    vertical-align: middle;
}

.armory-container .nice_table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.02);
}

.armory-container .nice_table tbody tr td a {
    color: #bd8421;
    text-decoration: none;
    transition: color 300ms;
}

.armory-container .nice_table tbody tr td a:hover {
    color: #ffc437;
}

.armory-container .nice_table td:first-child {
    font-weight: normal;
}

/* ---------- Character Avatar ---------- */

.char_avatar {
    height: 33px;
    width: 33px;
    border-radius: 3px;
    border: 1px solid #131316;
}

/* ---------- Faction Icons ---------- */

.faction-1 {
    background-image: url(../../../images/factions/1.png);
    width: 45px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.faction-2 {
    background-image: url(../../../images/factions/2.png);
    width: 45px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

/* ---------- DataTables Overrides ---------- */

.armory-container .dataTables_wrapper {
    color: #d0c8b8;
}

.armory-container .dataTables_info,
.armory-container div.dataTables_info {
    color: #4e5253 !important;
    font-size: 11px;
    padding: 8px 0;
    background: transparent !important;
}

.armory-container .dataTables_paginate,
.armory-container div.dataTables_paginate {
    padding: 8px 0;
    text-align: right;
    background: transparent !important;
}

/* Reset all DataTables pagination button styles */
.armory-container .dataTables_paginate .paginate_button,
.armory-container .dataTables_paginate .paginate_button.previous,
.armory-container .dataTables_paginate .paginate_button.next,
.armory-container .dataTables_wrapper .dataTables_paginate .paginate_button,
div.dataTables_wrapper .armory-results .dataTables_paginate .paginate_button {
    display: inline-block !important;
    padding: 5px 12px !important;
    margin: 0 2px !important;
    font-family: calibrib, Verdana, sans-serif !important;
    font-size: 12px !important;
    color: #848177 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    background-image: none !important;
    border: 1px solid #1e1e22 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: all 300ms !important;
    text-shadow: 0 1px 1px #000 !important;
    box-shadow: none !important;
}

.armory-container .dataTables_paginate .paginate_button:hover,
.armory-container .dataTables_paginate .paginate_button.previous:hover,
.armory-container .dataTables_paginate .paginate_button.next:hover,
.armory-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #d0a53d !important;
    background: rgba(255, 255, 255, 0.04) !important;
    background-image: none !important;
    border-color: #2a2a2e !important;
    box-shadow: none !important;
}

.armory-container .dataTables_paginate .paginate_button.current,
.armory-container .dataTables_paginate .paginate_button.current:hover,
.armory-container .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #f9b52d !important;
    background: rgba(208, 165, 61, 0.15) !important;
    background-image: none !important;
    border-color: #d0a53d !important;
    border-radius: 3px !important;
    font-weight: bold !important;
    text-shadow: 0 0 6px rgba(249, 181, 45, 0.3) !important;
    box-shadow: inset 0 0 8px rgba(208, 165, 61, 0.1) !important;
}

.armory-container .dataTables_paginate .paginate_button.disabled,
.armory-container .dataTables_paginate .paginate_button.disabled:hover,
.armory-container .dataTables_paginate .paginate_button.disabled:active,
.armory-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #2a2a2e !important;
    background: rgba(0, 0, 0, 0.15) !important;
    background-image: none !important;
    border-color: #131316 !important;
    cursor: default !important;
    box-shadow: none !important;
}

.armory-container .dataTables_processing,
.armory-container div.dataTables_processing {
    color: #848177 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    font-style: italic;
    padding: 10px;
    text-align: center;
}

.armory-container .dataTables_empty {
    color: #4e5253;
    font-style: italic;
    padding: 20px;
    text-align: center;
}

/* ---------- Item Quality Colors ---------- */

.armory-container .q0,
.page_content .armory-container .q0 { color: #9d9d9d !important; } /* Poor */
.armory-container .q1,
.page_content .armory-container .q1 { color: #d0c8b8 !important; } /* Common */
.armory-container .q2,
.page_content .armory-container .q2 { color: #1eff00 !important; } /* Uncommon */
.armory-container .q3,
.page_content .armory-container .q3 { color: #0070dd !important; } /* Rare */
.armory-container .q4,
.page_content .armory-container .q4 { color: #a335ee !important; } /* Epic */
.armory-container .q5,
.page_content .armory-container .q5 { color: #ff8000 !important; } /* Legendary */
.armory-container .q6,
.page_content .armory-container .q6 { color: #e6cc80 !important; } /* Artifact */
.armory-container .q7,
.page_content .armory-container .q7 { color: #00ccff !important; } /* Heirloom */