/* aviso-global.css — aviso abaixo da navbar (partials/aviso-global.php). Depende de codex.css. */

.aviso-global{
  display:grid; grid-template-rows:1fr; padding:.7rem 1rem 0;
  transition: grid-template-rows .22s ease, opacity .22s ease, padding .22s ease;
}
.aviso-global.is-saindo{ grid-template-rows:0fr; opacity:0; padding-top:0; }
.aviso-global[hidden]{ display:none; }
.aviso-global-caixa{
  min-height:0; overflow:hidden; max-width:1240px; margin:0 auto; width:100%;
  position:relative; display:flex; align-items:center; gap:.9rem; padding:.7rem .8rem .7rem 1rem;
  background:
    linear-gradient(100deg, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%),
    var(--panel);
  border:1px solid var(--accent-line); border-radius:14px;
  box-shadow: 0 12px 34px -22px var(--accent);
}
.aviso-global-caixa::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background: var(--accent); }
.aviso-global-icone{
  flex-shrink:0; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; font-size:1.05rem;
  color: var(--text-bright); background: linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent) 45%, #000));
}
.aviso-global-texto{ flex:1; min-width:0; margin:0; font-size:.88rem; line-height:1.45; color: var(--text); }
.aviso-global-selo{
  display:inline-block; margin-right:.3rem; padding:.08rem .5rem; border-radius:999px;
  font-family: var(--font-mono); font-size:.64rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color: var(--text-bright); background: var(--accent-soft); border:1px solid var(--accent);
}
.aviso-global-botao{
  flex-shrink:0; display:inline-flex; align-items:center; gap:.4rem; padding:.5rem .9rem; border-radius:10px;
  font-family: var(--font-mono); font-size:.76rem; font-weight:600; text-decoration:none; white-space:nowrap;
  color: var(--text-bright); background: var(--accent-soft); border:1px solid var(--accent);
  transition: background .15s ease, transform .15s ease;
}
.aviso-global-botao:hover{ background: var(--accent); color:#0d1017; transform: translateY(-1px); }
.aviso-global-fechar{
  flex-shrink:0; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:8px; cursor:pointer;
  color: var(--text-dim); background: transparent; transition: background .15s ease, color .15s ease;
}
.aviso-global-fechar:hover{ color: var(--text-bright); background: var(--accent-soft); }
.aviso-global-fechar:focus-visible, .aviso-global-botao:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

.aviso-global-toast{
  position:fixed; left:50%; bottom:1.4rem; transform:translateX(-50%); z-index:200;
  display:flex; align-items:center; gap:1rem; padding:.65rem .8rem .65rem 1.1rem; border-radius:12px;
  font-size:.86rem; color: var(--text-bright); background: var(--panel-2); border:1px solid var(--accent-line);
  box-shadow: 0 14px 34px -14px rgba(0,0,0,.7);
}
.aviso-global-toast button{
  border:1px solid var(--accent); background: var(--accent-soft); color: var(--text-bright); border-radius:8px; padding:.3rem .7rem;
  font-family: var(--font-mono); font-size:.74rem; font-weight:600; cursor:pointer;
}
.aviso-global-toast button:hover{ background: var(--accent); color:#0d1017; }

@media (max-width:640px){
  .aviso-global-caixa{ flex-wrap:wrap; padding-right:2.6rem; }
  .aviso-global-texto{ flex-basis:calc(100% - 52px); }
  .aviso-global-botao{ margin-left:calc(36px + .9rem); }
  .aviso-global-fechar{ position:absolute; top:.5rem; right:.5rem; }
}
@media (prefers-reduced-motion: reduce){
  .aviso-global, .aviso-global-botao{ transition:none; }
}