/* ============================================
   NoxAeterna - Surcharge visuelle de l'Armurie
   ============================================ */

body {
    background-image: url('/armory/img/nox/fondprincipal.jpg');
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

/* Voile sombre pour garder le texte lisible */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(8, 10, 18, 0.82);
    z-index: -1;
    pointer-events: none;
}

/* Titre principal facon banniere */
.title.is-size-1 {
    background-image: url('/armory/img/nox/entete.jpg');
    background-size: cover;
    background-position: center;
    padding: 2.5rem 1.5rem;
    border: 2px solid #c8a96e;
    border-radius: 4px;
    text-align: center;
    color: #f0d9a0 !important;
    text-shadow: 0 2px 8px #000, 0 0 20px rgba(200,169,110,0.4);
    box-shadow: 0 0 25px rgba(0,0,0,0.7), inset 0 0 60px rgba(0,0,0,0.6);
    margin-bottom: 2rem !important;
}

/* Boutons facon plaque doree */
.button, button.dt-button, a.button {
    border-image: url('/armory/img/nox/boutons.jpg') 30 fill / 30px stretch;
    border-width: 14px;
    border-style: solid;
    background: transparent !important;
    color: #f0d9a0 !important;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
    transition: filter 0.2s ease;
}

.button:hover, button.dt-button:hover, a.button:hover {
    filter: brightness(1.35) saturate(1.2);
    color: #fff3d6 !important;
}

/* Tableau des personnages */
table.dataTable {
    background: rgba(12, 16, 28, 0.85);
    border: 1px solid rgba(200,169,110,0.35);
    border-radius: 4px;
}

table.dataTable thead th {
    color: #c8a96e !important;
    border-bottom: 2px solid rgba(200,169,110,0.5) !important;
}

table.dataTable tbody tr:hover {
    background: rgba(200,169,110,0.10) !important;
}

/* Liens */
a { color: #8ab4d8; }
a:hover { color: #c8a96e; }

/* Champs de recherche / selects */
input[type="search"], select {
    background: rgba(12,16,28,0.9) !important;
    border: 1px solid rgba(200,169,110,0.45) !important;
    color: #e8e0cc !important;
    border-radius: 3px;
}

/* --- Page personnage --- */

/* Encadrer la zone du modele 3D au lieu du gris uni */
#model-viewer-DISABLED, .model-viewer-DISABLED {
    border: 2px solid rgba(200,169,110,0.45);
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
}

/* Panneaux / boites */
.box {
    background: rgba(12, 16, 28, 0.88) !important;
    border: 1px solid rgba(200,169,110,0.3);
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

/* Nom du personnage en dore */
.char-name.title {
    color: #f0d9a0 !important;
    text-shadow: 0 2px 6px #000, 0 0 15px rgba(200,169,110,0.35);
}

.guild-name.title { color: #8ab4d8 !important; }
.char-level, .char-race, .char-class, .char-realm { color: #c9c2b0 !important; }

/* Bordures des slots d'equipement */
.item-slot, .inventory-slot {
    border-radius: 3px;
    transition: box-shadow 0.2s ease;
}
.item-slot:hover, .inventory-slot:hover {
    box-shadow: 0 0 12px rgba(200,169,110,0.7);
}

/* Barre de retour vers le site principal */
.nox-retour{
    padding: .6rem 1.2rem;
    background: rgba(8,10,18,.92);
    border-bottom: 1px solid rgba(200,169,110,.35);
}
.nox-retour a{
    color: #c8a96e;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .03em;
    transition: color .2s ease;
}
.nox-retour a:hover{ color: #f0d9a0; }