/* Loaded after style.css; this file owns purchase-button colors. */
.yz-store-panel .yz-store-button--amazon {
  --yz-store-brand-color: #000000;
  --yz-store-brand-background: #ffd699;
  --yz-store-brand-border: #e8ba79;
  --yz-store-brand-hover-background: #ffcc80;
  --yz-store-brand-hover-border: #dca75f;
}

.yz-store-panel .yz-store-button--bookwalker {
  --yz-store-brand-color: #000000;
  --yz-store-brand-background: linear-gradient(90deg, #d8f0ff 0% 20%, #f0dedd 20% 40%, #eef0f2 40% 60%, #def1e5 60% 80%, #ffe0e4 80% 100%);
  --yz-store-brand-border: #626a73;
  --yz-store-brand-hover-background: linear-gradient(90deg, #c5e9ff 0% 20%, #e7cac8 20% 40%, #e2e5e8 40% 60%, #cce9d6 60% 80%, #ffd0d6 80% 100%);
  --yz-store-brand-hover-border: #424b55;
}

.yz-store-panel .yz-store-button--honto {
  --yz-store-brand-color: #004d78;
  --yz-store-brand-background: #eaf5fc;
  --yz-store-brand-border: #4f8fac;
  --yz-store-brand-hover-background: #d9edf9;
  --yz-store-brand-hover-border: #347692;
}

.yz-store-panel .yz-store-button--ebookjapan {
  --yz-store-brand-color: #000000;
  --yz-store-brand-background: #fff0f3;
  --yz-store-brand-border: #000000;
  --yz-store-brand-hover-background: #ffdbe4;
  --yz-store-brand-hover-border: #000000;
}

.yz-store-panel .yz-store-button--dmm {
  --yz-store-brand-color: #ffffff;
  --yz-store-brand-background: #333333;
  --yz-store-brand-border: #333333;
  --yz-store-brand-hover-background: #444444;
  --yz-store-brand-hover-border: #444444;
  --yz-store-brand-focus-color: #333333;
}

.yz-store-panel .yz-store-button--dbook {
  --yz-store-brand-color: #146a32;
  --yz-store-brand-background: #e4f5e8;
  --yz-store-brand-border: #4c9b63;
  --yz-store-brand-hover-background: #d4eddb;
  --yz-store-brand-hover-border: #2f8048;
}

.yz-store-panel .yz-store-button--cmoa {
  --yz-store-brand-color: #333333;
  --yz-store-brand-background: #fff0df;
  --yz-store-brand-border: #d88b44;
  --yz-store-brand-hover-background: #ffe3c5;
  --yz-store-brand-hover-border: #bf6e24;
}

.yz-store-panel .yz-store-button--booklive {
  --yz-store-brand-color: #993900;
  --yz-store-brand-background: #fff4e9;
  --yz-store-brand-border: #bf5400;
  --yz-store-brand-hover-background: #ffe8d2;
  --yz-store-brand-hover-border: #a64200;
}

.yz-store-panel .yz-store-button--rakuten-kobo {
  --yz-store-brand-color: #b00000;
  --yz-store-brand-background: #fff0f0;
  --yz-store-brand-border: #d66a6a;
  --yz-store-brand-hover-background: #ffe2e2;
  --yz-store-brand-hover-border: #bb3e3e;
}

.yz-store-panel .yz-store-button--kinoppy {
  --yz-store-brand-color: #183c78;
  --yz-store-brand-background: #e7f3fc;
  --yz-store-brand-border: #5286b5;
  --yz-store-brand-hover-background: #d3e8f8;
  --yz-store-brand-hover-border: #315f93;
}

.yz-store-panel .yz-store-button--animate {
  --yz-store-brand-color: #0050a4;
  --yz-store-brand-background: #fff9d9;
  --yz-store-brand-border: #347cc2;
  --yz-store-brand-hover-background: #fff1b3;
  --yz-store-brand-hover-border: #175fa7;
}

.yz-store-panel .yz-store-button--au {
  --yz-store-brand-color: #a34200;
  --yz-store-brand-background: #fff0dd;
  --yz-store-brand-border: #d97124;
  --yz-store-brand-hover-background: #ffe1be;
  --yz-store-brand-hover-border: #b8540b;
}

.yz-store-panel a.yz-store-button {
  border-color: var(--yz-store-brand-border, #b8bfc5);
  background: var(--yz-store-brand-background, #f4f5f6);
  color: var(--yz-store-brand-color, #38424a);
}

.yz-store-panel .yz-store-arrow {
  color: var(--yz-store-brand-color, #647078);
}

.site .novel-purchase-links.yz-store-panel a.yz-store-button:focus {
  outline-color: var(--yz-store-brand-focus-color, var(--yz-store-brand-color, #627c89));
  background: var(--yz-store-brand-background, #f4f5f6);
  color: var(--yz-store-brand-color, #38424a);
}

.site .novel-purchase-links.yz-store-panel a.yz-store-button:focus-visible {
  outline-color: var(--yz-store-brand-focus-color, var(--yz-store-brand-color, #627c89));
  border-color: var(--yz-store-brand-hover-border, #9aabb2);
  background: var(--yz-store-brand-hover-background, #e9eef0);
  color: var(--yz-store-brand-color, #29353c);
}

@media (any-hover: hover) {
  /* Match focus specificity so a clicked link keeps its hover feedback. */
  .site .novel-purchase-links.yz-store-panel a.yz-store-button:hover {
    border-color: var(--yz-store-brand-hover-border, #9aabb2);
    background: var(--yz-store-brand-hover-background, #e9eef0);
    color: var(--yz-store-brand-color, #29353c);
    box-shadow: inset 0 0 0 1px var(--yz-store-brand-hover-border, #9aabb2), 0 3px 8px rgba(0, 0, 0, 0.12);
  }
}

/* Reset the old text gradient even when it remains in the base stylesheet. */
.yz-store-panel .yz-store-button--bookwalker .yz-store-name {
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: inherit;
}

@media (forced-colors: active) {
  .yz-store-panel .yz-store-button--bookwalker .yz-store-name {
    background-image: none;
    color: LinkText;
  }
}