/*
 * Cioffi Concepts' way back on Ember & Vine: where the icon sits (cc-home.css,
 * the portfolio's, draws it; cc-home-spa.js puts it before the app's wordmark).
 * Its ring and divider take the site's own hairline colour.
 */
.site-header > .cc-home,
.admin-sidebar > .cc-home,
.admin-mobile-header > .cc-home {
  --bd: var(--border, #d9d3c7);
}

/* The site's header spreads its three parts apart, so the icon stays out of that:
   absolute, it sits where the header starts, centred (an absolute child's place in
   a flex container), and the wordmark moves over to make room. */
.site-header > .cc-home {
  position: absolute;
  margin: 0;
}

.site-header > .cc-home + a {
  margin-left: 64px;
}

/* The Manager's sidebar: beside its wordmark (all the narrow sidebar has room for:
   a 22px gap, the hairline midway). */
.admin-sidebar > .cc-home {
  position: absolute;
  margin: 1px 0 0;
}

.admin-sidebar > .cc-home::after {
  right: -11px;
}

.admin-sidebar > .cc-home + .admin-brand {
  display: block;
  margin-left: 56px;
}

/* The Manager on a narrower screen (the app's 800px): the sidebar's wordmark gives
   way to a header row of its own (whose 16px gap adds to the icon's margin), and so
   does the icon. */
.admin-mobile-header > .cc-home + a {
  margin-right: auto;
}

@media (max-width: 800px) {
  .admin-sidebar > .cc-home {
    display: none;
  }
}

@media (max-width: 560px) {
  .site-header > .cc-home + a {
    margin-left: 46px;
  }

  .admin-mobile-header > .cc-home::after {
    right: -12px;
  }
}

@media (max-width: 380px) {
  .site-header > .cc-home + a {
    margin-left: 40px;
  }
}

/* The narrowest phones (320px): the header had 21px to spare, so a smaller icon,
   and the wordmark a touch smaller, keep its buttons where they were. */
@media (max-width: 340px) {
  .site-header > .cc-home {
    width: 26px;
    height: 26px;
  }

  .site-header > .cc-home::after {
    right: -5px;
  }

  /* (The zoom scales this margin too: about a 9px gap.) */
  .site-header > .cc-home + a {
    margin-left: 40px;
    zoom: 0.88;
  }
}

@media print {
  .cc-home {
    display: none;
  }
}