/* bandeau d'avertissement quand la db est down
   utilisé sur login, dashboard et le admin guard de funcs.php */

#_dbb {
  position:fixed;
  top:0; left:0; right:0;
  z-index:99999;
  background:#1a0a00;
  border-bottom:2px solid #ff6a00;
  font-family:sans-serif;
  animation:_dbs .4s cubic-bezier(.22,1,.36,1);
}

@keyframes _dbs {
  from { transform:translateY(-100%); opacity:0; }
  to   { transform:translateY(0); opacity:1; }
}

#_dbb_i {
  display:flex;
  align-items:center;
  gap:14px;
  max-width:1200px;
  margin:0 auto;
  padding:13px 22px;
}

#_dbb b {
  font-size:13px;
  color:#ff9a3c;
  display:block;
  margin-bottom:3px;
  font-weight:700;
}

#_dbb p, #_dbb s2 {
  font-size:11px;
  color:#a06030;
  line-height:1.55;
  margin:0;
  font-style:normal;
}

#_dbb code {
  background:rgba(255,106,0,.15);
  color:#ffb86c;
  padding:1px 6px;
  border-radius:4px;
  font-size:11px;
  font-family:monospace;
}

#_dbb a {
  background:#ff6a00;
  color:#fff;
  border-radius:7px;
  padding:8px 18px;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
  transition:background .2s;
}

#_dbb a:hover {
  background:#e05a00;
}

/* sur les pages où c'est appliqué on push le contenu en dessous */
body.has-dbb { padding-top:64px; }
.main.has-dbb { margin-top:64px; }