/* ==========================================================
   EXPEDITING — LOGIN V2 (inspiration LGM)
   Scope: uniquement la page index.php (body.login)
   ========================================================== */

:root{ color-scheme: dark; }

body.login{
  margin:0 !important;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: #f8fafc;
  background:
    linear-gradient(90deg, rgba(5,6,10,.94) 0%, rgba(5,6,10,.76) 48%, rgba(5,6,10,.40) 100%),
    url("../img/hero-expediting.png") center / cover no-repeat fixed;
}

/* Container table spacing */
body.login table{ border-color: rgba(255,255,255,.12) !important; }

/* Top strip */
body.login .login-top{
  background: rgba(10,12,18,.70) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(8px);
}
body.login .login-top .titre{
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .3px;
  color: #f8fafc !important;
}
body.login .login-top .soustitre{ color: rgba(255,255,255,.60) !important; }
body.login .login-top .credit{
  color: rgba(255,255,255,.65) !important;
  font-weight: 700;
}
body.login .login-top a{
  color: rgba(255,255,255,.70) !important;
  text-decoration: none;
}
body.login .login-top a:hover{ color:#fc2b03 !important; text-decoration: none; }

/* Main card */
body.login .login-card{
  background: rgba(10,12,18,.72) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 14px 48px rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
  max-width: 680px;
}

/* Remove legacy “parchemin” look */
body.login .fondparchemin,
body.login .fondparchemin2{
  background: transparent !important;
}

body.login .minititres,
body.login .annonce{
  color: rgba(255,255,255,.78) !important;
}

body.login .entetetableau{
  background: rgba(15,23,42,.62) !important;
  color: rgba(248,250,252,.86) !important;
  border-color: rgba(255,255,255,.10) !important;
  font-weight: 750;
}

body.login .lignetableau{ background: rgba(255,255,255,.03) !important; }

/* Inputs / selects */
body.login input.saisie,
body.login input[type="text"],
body.login input[type="password"],
body.login select,
body.login textarea{
  background: rgba(15,23,42,.88) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #f8fafc !important;
  padding: 10px 12px !important;
  border-radius: 0 !important;
  outline: none;
}
body.login input:focus,
body.login select:focus{
  border-color: rgba(252,43,3,.70) !important;
  box-shadow: 0 0 0 3px rgba(252,43,3,.18);
}

/* Dropdown list colors (Edge/Chrome Windows) */
body.login select{ color-scheme: dark; }
body.login select option,
body.login select optgroup{
  background-color: #0b0f1a !important;
  color: #f8fafc !important;
}

/* Primary button */
body.login input.bouton, body.login button.bouton, body.login .bouton{
  appearance: none;
  -webkit-appearance: none;
  background: #fc2b03 !important;
  color: #ffffff !important;
  border: 1px solid rgba(252,43,3,.98) !important;
  padding: 12px 18px !important;
  font-weight: 850 !important;
  letter-spacing: .25px;
  border-radius: 0 !important;
  cursor: pointer;
  min-width: 180px;
}
body.login input.bouton:hover, body.login button.bouton:hover, body.login .bouton:hover{
  background: rgba(252,43,3,.92) !important;
  transform: translateY(-1px);
}
body.login input.bouton:active, body.login button.bouton:active, body.login .bouton:active{
  transform: translateY(0);
}

/* “Mot de passe oublié” link */
body.login a.lien{
  color: rgba(255,255,255,.70) !important;
  text-decoration: none !important;
}
body.login a.lien:hover{
  color: #fc2b03 !important;
  text-decoration: none !important;
}

/* Small LGM accent bar in section header */
body.login .bordbas{
  position: relative;
}
body.login .bordbas:before{
  content:"";
  position:absolute;
  left:0; top:6px; bottom:6px;
  width: 4px;
  background:#fc2b03;
}

body.login td.enonce{ color: rgba(248,250,252,.86) !important; }

/* Center the card (table layout) */
body.login .login-outer{ width:100%; height:100vh; }
body.login .login-card{ margin: 0 auto; }


/* Phase 2 i18n: keep legacy LTR layout for Arabic and Hebrew */
html[lang="ar"], html[lang="he"],
html[lang="ar"] body, html[lang="he"] body,
html[lang="ar"] table, html[lang="he"] table,
html[lang="ar"] input, html[lang="he"] input,
html[lang="ar"] select, html[lang="he"] select,
html[lang="ar"] textarea, html[lang="he"] textarea,
html[lang="ar"] .groupf, html[lang="he"] .groupf,
html[lang="ar"] .group, html[lang="he"] .group {
  direction: ltr !important;
  unicode-bidi: normal !important;
  text-align: inherit;
}