/*
 * Info bar styles — edit this file to change .ibar layout
 * without rebuilding pages. Linked at runtime from rendered HTML.
 */

/* INFO BAR — full-bleed white, content spaced */
.ibar-wrap{background:#fff;border-bottom:1px solid var(--border)}
.ibar{display:flex;justify-content:space-between;gap:30px;padding:18px 24px;flex-wrap:wrap;max-width:calc(var(--max-w) + 48px);margin:0 auto}
.ibar-item{display:flex;align-items:center;gap:10px}
.ibar-ico{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}
.ibar-ico.g{background:rgba(74,140,106,.1);color:var(--shs)}
.ibar-ico.a{background:rgba(224,152,80,.1);color:var(--sms)}
.ibar-ico.r{background:rgba(195,64,55,.1);color:var(--sls)}
.ibar-ico.n{background:rgba(138,130,121,.1);color:var(--muted)}
.ibar-lbl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--muted)}
.ibar-val{font-size:14px;font-weight:600;color:var(--ink)}

/* responsive */
@media(max-width:800px){
  .ibar{padding:14px}
}
@media(max-width:600px){
  .ibar{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 24px}
}