/* Shared iShopcool wordmark. The word is white. Shop stays the live
   caramel. The lighter gold is on hold, so it is not used here.
   A cream journal header puts the homepage black behind this pair. */
:root {
  --isc-logo-font: "Playfair Display", Georgia, serif;
  --isc-logo-size: 1.25rem;
  --isc-logo-weight: 700;
  --isc-logo-color: #fff;
  --isc-logo-shop: #C4956A;
  --isc-logo-plate: #1C1C1C;
}

a.logo,
.logo {
  font-family: var(--isc-logo-font);
  font-size: var(--isc-logo-size);
  font-weight: var(--isc-logo-weight);
  color: var(--isc-logo-color);
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  background: transparent;
  opacity: 1;
}

a.logo:hover,
a.logo:visited,
a.logo:active,
.logo:hover {
  color: var(--isc-logo-color);
  opacity: 1;
  text-decoration: none;
}

a.logo b,
.logo b {
  color: var(--isc-logo-shop);
  font-weight: inherit;
  font-style: normal;
  font-size: inherit;
  letter-spacing: 0;
  opacity: 1;
}

/* Guide wordmarks. Replace the file at the path; an SVG can take the same slot later.
   public/img/isc-wordmark-dark.png       dark bars
   public/img/isc-wordmark-light.png      cream bars
   public/img/isc-mark-short-dark.png     narrow nav, dark bars
   public/img/isc-mark-short-light.png    narrow nav, cream bars */
a.logo img.isc-mark {
  display: none;
  height: 28px;
  width: auto;
  margin: 0;
}
#foot a.logo img.isc-mark-long { height: 36px; }
.isc-site-nav a.logo img.isc-mark-long.isc-mark-dark,
#foot a.logo img.isc-mark-long.isc-mark-dark { display: block; }
.isc-site-nav.is-cream a.logo img.isc-mark-long.isc-mark-dark,
#foot.is-cream a.logo img.isc-mark-long.isc-mark-dark { display: none; }
.isc-site-nav.is-cream a.logo img.isc-mark-long.isc-mark-light,
#foot.is-cream a.logo img.isc-mark-long.isc-mark-light { display: block; }
@media (max-width: 640px) {
  .isc-site-nav a.logo img.isc-mark-long.isc-mark-dark,
  .isc-site-nav a.logo img.isc-mark-long.isc-mark-light { display: none; }
  .isc-site-nav:not(.is-cream) a.logo img.isc-mark-short.isc-mark-dark { display: block; height: 32px; }
  .isc-site-nav.is-cream a.logo img.isc-mark-short.isc-mark-light { display: block; height: 32px; }
}

/* Cream journal header. Same white and caramel pair, on the homepage black.
   Flag-off keeps the plate so live matches. Flag-on drops it: dark ink
   on the cream, Shop stays the live caramel. */
html:has(link[href*="/blog/journal.css"]) header .logo {
  background: var(--isc-logo-plate);
  padding: 0.12em 0.28em;
}
html[data-rs-journal]:has(link[href*="/blog/journal.css"]) header .logo {
  background: transparent;
  padding: 0;
  color: #1C1C1C;
}