/* ---------------------------------------------------------------------------
   Site-wide notice banner (maintenance window / test-system warning).

   Rendered by layouts/master.twig, controlled from Podešavanja or forced by
   the PROTEKAL_BANNER_TEXT environment variable.

   Kept in its own file on purpose: style.css is generated from public/sass by
   gulp, and hand-editing it would be lost on the next build.
   --------------------------------------------------------------------------- */

.protekalNotice {
    position: relative;
    z-index: 1000;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    border-bottom: 3px solid rgba(0, 0, 0, .18);
    /* wraps rather than truncating - a maintenance notice that is cut off is
       worse than one that takes two lines */
    word-wrap: break-word;
}

.protekalNotice__icon { margin-right: .5rem; }

.protekalNotice--info    { background: #d9edf7; color: #21506b; }
.protekalNotice--warning { background: #fcf1c8; color: #6b5310; }
.protekalNotice--danger  { background: #f2b8b5; color: #6b1a15; }

/* Never appears on a printed report. print.css already hides .no-print, this
   is belt and braces in case the banner is ever used without that class. */
@media print {
    .protekalNotice { display: none !important; }
}