/* bb-chrome-notice.css — BB Portal "Google Chrome only" notice (CR_PORTAL_Chrome_Only_Notice).
   Option A slim strip + Option D navbar pill. Values come from the approved design; do not change them. */

/* Shared button: orange-ink (#b4500f) gives 5.1:1 with white text. */
.bb-btn-orange { background: #b4500f; border-color: #b4500f; color: #fff; }
.bb-btn-orange:hover, .bb-btn-orange:focus { background: #9a440d; border-color: #9a440d; color: #fff; }

/* Option A · slim strip (full width, directly under the navbar) */
.bb-chrome-strip { margin: 0; padding: 10px 0; border: 0; border-bottom: 1px solid #f6c9a8; border-radius: 0; background: #fff3ea; color: #333; }
.bb-chrome-strip .container { display: flex; align-items: center; }
.bb-chrome-strip .container:before, .bb-chrome-strip .container:after { display: none; }
.bb-chrome-strip__icon { color: #b4500f; font-size: 17px; margin-right: 12px; }
.bb-chrome-strip__text { flex: 1 1 auto; }
.bb-chrome-strip__text strong { color: #b4500f; }
.bb-chrome-strip .btn { margin-left: 12px; white-space: nowrap; }
.bb-chrome-strip .close { float: none; margin-left: 12px; font-size: 20px; color: #6b6b6b; opacity: 1; text-shadow: none; }
@media (max-width: 767px) {
  .bb-chrome-strip .container { flex-wrap: wrap; }
  .bb-chrome-strip__text { flex-basis: calc(100% - 60px); }
  .bb-chrome-strip .btn { margin: 8px 0 0 29px; }
}

/* Option D · navbar pill (first item of .navbar-right) */
.navbar .navbar-nav > li > a.bb-pill { margin: 12px 8px 0; padding: 3px 10px; border: 1px solid #f26522; border-radius: 999px; color: #fff; background: transparent; font-size: 12px; font-weight: 700; line-height: 16px; cursor: pointer; }
.navbar .navbar-nav > li > a.bb-pill:hover, .navbar .navbar-nav > li > a.bb-pill:focus { background: transparent; color: #fff; text-decoration: none; }
.bb-pill .glyphicon { color: #f26522; margin-right: 4px; }
@media (max-width: 767px) { .navbar .navbar-nav > li > a.bb-pill { display: inline-block; margin: 8px 15px; } }
.bb-chrome-popover { width: 300px; max-width: 300px; border-radius: 6px; }
.bb-chrome-popover .popover-title { font-size: 14px; font-weight: 700; padding: 8px 14px; background: #f7f7f7; }
.bb-chrome-popover .popover-content { padding: 9px 14px 12px; font-size: 13px; }
.bb-chrome-popover .popover-content p { margin: 0 0 10px; }