/* ==========================================================================
   SAR star mark
   Sizing and containment for the inlined logo (resources/views/partials/logo).
   Loaded after portal.css so it can undo that file's generic icon styling.
   ========================================================================== */

.sar-mark { display: block; width: 100%; height: 100%; }

/* portal.css declares `.brand-mark svg { fill:none; stroke:#143251; stroke-width:2 }`
   for the old outline glyph. The star's paths carry their own fill attributes,
   which survive that rule, but the inherited stroke would draw a dark outline
   around every edge -- so it is cleared explicitly here. */
.brand-mark svg.sar-mark,
.brand-mark svg.sar-mark path {
  stroke: none;
  stroke-width: 0;
}

/* The mark is a full-colour logo, so it drops the teal tile the old
   monochrome glyph needed to stay legible. */
.brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.brand-mark svg.sar-mark { width: 34px; height: 34px; }

/* --- Classic theme -------------------------------------------------------- */

/* Title-bar icon, matching the 11px chrome text. */
.cl-titlebar-icon {
  display: block;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
}

/* Launcher wordmark: the star sits above the product name, both centred. */
.cl-brand-mark {
  display: block;
  width: 82px;
  height: 82px;
  margin: 0 auto 10px;
}

.cl-about-mark {
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto 10px;
}

@media (max-width: 900px) {
  .cl-brand-mark { width: 60px; height: 60px; }
}