/* ============================================================
   NOVADOM — Habillage doré de l'espace client (page de connexion)
   Ce fichier s'ajoute PAR-DESSUS le thème existant.
   Il ne remplace ni ne supprime aucune règle d'origine.
   Pour revenir en arrière : supprimer ce fichier + la ligne
   <link ... novadom-gold.css> dans header.php. C'est tout.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

/* --- Fond beige de la page de connexion --- */
body.login{
  background:#F3EEE2 !important;
  background:radial-gradient(1200px 620px at 50% -12%, #FBF9F4 0%, #F3EEE2 55%, #ECE5D5 100%) !important;
  font-family:'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  margin:0;
}

/* --- Position / largeur de la carte --- */
body.login #wrapper{ max-width:430px; margin:7vh auto 40px; }

/* --- La carte blanche --- */
body.login .container{
  position:relative;
  background:#ffffff;
  border:1px solid #E4DCC9;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(14,30,51,.12), 0 2px 8px rgba(14,30,51,.05);
  overflow:hidden;
  padding-bottom:6px;
}
/* Filet laiton en haut de la carte */
body.login .container::before{
  content:"";
  position:absolute; left:0; top:0; right:0; height:4px;
  background:linear-gradient(90deg,#D8B677,#B6883F,#8A6526);
}

/* On masque les anciens "coins" blancs : la carte gère l'arrondi */
body.login #topcorners, body.login #bottomcorners{ display:none !important; }

/* --- Intérieur de la carte --- */
body.login #content{
  background:#ffffff !important;
  padding:34px 34px 26px !important;
  font-size:100% !important;
  color:#16223A !important;
}

/* --- Logo + sous-titre "Espace client" --- */
body.login #logo{ margin:0 0 24px; text-align:center; }
body.login #logo img{ max-width:240px; height:auto; }
body.login #logo::after{
  content:"Espace client";
  display:block; margin-top:12px;
  font-family:'Plus Jakarta Sans', sans-serif;
  font-size:11px; font-weight:700;
  letter-spacing:.24em; text-transform:uppercase;
  color:#8A6526;
}

/* --- Étiquettes des champs --- */
body.login #content form p{ margin:0 0 7px; }
body.login #content form p strong{
  font-family:'Plus Jakarta Sans', sans-serif;
  font-weight:600; font-size:13px; letter-spacing:.01em;
  color:#0E1E33;
}

/* --- Champs de saisie --- */
body.login input.inputtext{
  width:100% !important; box-sizing:border-box;
  height:auto !important;
  padding:13px 14px !important;
  margin:0 0 18px !important;
  font-size:16px !important;
  color:#16223A !important;
  background:#FBF9F4 !important;
  border:1px solid #E4DCC9 !important;
  border-radius:10px !important;
  outline:none;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
body.login input.inputtext:focus{
  border-color:#B6883F !important;
  background:#ffffff !important;
  box-shadow:0 0 0 3px rgba(182,136,63,.18) !important;
}

/* --- Bouton de connexion en laiton (remplace le vert) --- */
body.login input[type="Submit"], body.login .button{
  float:none !important;
  width:100% !important;
  margin:6px 0 4px !important;
  padding:13px 22px !important;
  font-family:'Plus Jakarta Sans', sans-serif !important;
  font-size:15px !important; font-weight:700 !important;
  letter-spacing:.01em !important;
  color:#ffffff !important;
  background:linear-gradient(180deg,#C7A560,#B6883F) !important;
  border:1px solid #8A6526 !important;
  border-radius:11px !important;
  box-shadow:0 8px 18px rgba(138,101,38,.25) !important;
  cursor:pointer;
  transition:background .15s, box-shadow .15s, transform .05s;
}
body.login input[type="Submit"]:hover, body.login .button:hover{
  background:linear-gradient(180deg,#B6883F,#8A6526) !important;
  box-shadow:0 6px 14px rgba(138,101,38,.30) !important;
}
body.login input[type="Submit"]:active{ transform:translateY(1px); }

/* Bouton secondaire éventuel (inscription) */
body.login .button.secondary{
  background:#ffffff !important; color:#8A6526 !important;
  border:1px solid #E4DCC9 !important; box-shadow:none !important;
}

/* Lien "mot de passe oublié" éventuel */
body.login #password-recovery{ color:#8A6526; font-weight:600; }

/* Message d'erreur éventuel */
body.login #content .error{
  background:#FBECEC; border:1px solid #E6C3C3; color:#B23A3A;
  padding:10px 12px; border-radius:10px; margin:0 0 16px; font-size:14px;
}

/* --- Pied de page : coordonnées NOVADOM (sous la carte) --- */
body.login .nd-footer{
  max-width:430px; margin:18px auto 0; text-align:center;
  font-family:'Hanken Grotesk', system-ui, sans-serif;
  font-size:12.5px; line-height:1.75; color:#5A6A82;
}
body.login .nd-footer strong{
  color:#0E1E33; font-family:'Plus Jakarta Sans', sans-serif;
  font-weight:600; letter-spacing:.02em;
}
body.login .nd-footer a{ color:#8A6526; text-decoration:none; }
body.login .nd-footer a:hover{ text-decoration:underline; }
body.login .nd-footer .sep{ color:#C7A560; padding:0 5px; }

/* --- Petits écrans (téléphone) --- */
@media (max-width:480px){
  body.login #wrapper{ margin:4vh 12px 24px; }
  body.login #content{ padding:26px 20px 20px !important; }
  body.login .nd-footer{ padding:0 14px; }
}

/* ============================================================
   INTÉRIEUR de l'espace client (après connexion) — body.main
   Habillage doré du gestionnaire de courrier. Display-only.
   ============================================================ */

/* Fond beige */
body.main{
  background:#F3EEE2 !important;
  background:radial-gradient(1400px 760px at 50% -10%, #FBF9F4 0%, #F3EEE2 55%, #ECE5D5 100%) !important;
  font-family:'Hanken Grotesk', system-ui, -apple-system, sans-serif !important;
  color:#16223A !important;
}

/* Barre du haut en encre marine + liseré laiton */
body.main .top-menu{
  background:#0E1E33 !important;
  border-bottom:2px solid #B6883F !important;
  color:#E9DCC0 !important;
}
body.main .top-menu a{ color:#D8B677 !important; }
body.main .top-menu a:hover{ color:#F0DEA8 !important; text-decoration:none !important; }

/* Carte blanche */
body.main #content{
  background:#ffffff !important;
  border:1px solid #E4DCC9 !important;
  border-radius:16px !important;
  box-shadow:0 16px 44px rgba(14,30,51,.10), 0 2px 8px rgba(14,30,51,.04) !important;
  position:relative; overflow:hidden;
  padding:26px 30px !important;
}
body.main #content::before{
  content:""; position:absolute; left:0; top:0; right:0; height:4px;
  background:linear-gradient(90deg,#D8B677,#B6883F,#8A6526);
}
body.main #topcorners, body.main #bottomcorners{ display:none !important; }

/* Logo NOVADOM à la place de l'enveloppe */
body.main #logo{ margin:6px 0 22px !important; }
body.main #logo img{ display:none !important; }
body.main #logo a{
  display:inline-block; width:230px; height:74px;
  background:url('img/logo-novadom.png') no-repeat left center;
  background-size:contain;
}

/* Fil d'ariane (Home) + titres */
body.main .breadcrumbs a, body.main h1, body.main h2, body.main h3{
  font-family:'Plus Jakarta Sans', sans-serif !important; color:#0E1E33 !important;
}

/* Boutons : laiton (contour élégant, remplit au survol) */
body.main .nice.radius.button.secondary, body.main .button.secondary{
  background:#ffffff !important;
  color:#8A6526 !important;
  border:1px solid #E1D4B4 !important;
  box-shadow:none !important;
  font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:700 !important;
  border-radius:9px !important;
}
body.main .nice.radius.button.secondary:hover, body.main .button.secondary:hover{
  background:linear-gradient(180deg,#C7A560,#B6883F) !important;
  color:#ffffff !important; border-color:#8A6526 !important;
}
/* Boutons pleins (sans secondary) en laiton solide */
body.main .button:not(.secondary){
  background:linear-gradient(180deg,#C7A560,#B6883F) !important;
  border:1px solid #8A6526 !important; color:#fff !important;
  border-radius:9px !important; font-weight:700 !important;
}

/* Zone d'ajout de fichiers */
body.main .fileupload-buttonbar{ background:#FBF7EE !important; border:1px solid #EFE6D2 !important; border-radius:10px !important; }

/* Tableau des courriers */
body.main table.file-list{ border-collapse:separate; border-spacing:0; }
body.main table.file-list td{ border-bottom:1px solid #F0EBDD !important; padding:12px 10px !important; vertical-align:middle; }
body.main tr.directory td, body.main tr.file td{ background:#ffffff !important; }
body.main tr.directory:hover td, body.main tr.file:hover td{ background:#FBF7EE !important; }
body.main td.filename a{ color:#16223A !important; font-weight:500; text-decoration:none; }
body.main td.filename a:hover{ color:#8A6526 !important; }
body.main tr.directory td.filename a{ color:#0E1E33 !important; font-weight:600; }
body.main td.filesize, body.main td.filetime{ color:#5A6A82 !important; font-size:13px; }

/* Champs de saisie (recherche, nouveau dossier) */
body.main input.inputtext, body.main .filter-field input[type="text"]{
  border:1px solid #E4DCC9 !important; border-radius:9px !important;
  background:#FBF9F4 !important; padding:9px 12px !important;
}

/* Masquer les messages techniques serveur (non destinés aux clients) */
body.main .warning, body.main .warning + a{ display:none !important; }