/* ==========================================================================
   Components shared by the product page and the editorial sections: the --a-* aliases of the palette roles, the text-link atom,
   the certificate of purity (product page, [arham_certify] sample) and the trust row. Loaded on product pages, and as a dependency of
   sections.css (inc/sections.php, arham_register_assets). Colours come only from the --arham-<role> variables printed in <head>.
   ========================================================================== */

:root {
  /* tokens — aliases of the palette printed in <head>; the derived tints are computed from them */
  --a-ivory: var(--arham-base);
  --a-ivory-deep: var(--arham-section-alt, oklch(from var(--arham-base) calc(l - .026) calc(c + .006) h));
  --a-paper: var(--arham-email-body, var(--arham-base));
  --a-silver: var(--arham-surface);
  --a-silver-ink: oklch(from var(--arham-surface) .62 calc(c + .002) h);
  --a-bronze: var(--arham-primary);
  --a-bronze-deep: var(--arham-primary-dark, oklch(from var(--arham-primary) calc(l - .09) calc(c - .019) h));
  --a-graphite: var(--arham-text);
  --a-ink-soft: oklch(from var(--arham-text) .48 c h);
  --a-gold: var(--arham-accent);
  --a-gold-soft: color-mix(in srgb, var(--arham-accent) 45%, transparent);
  --a-serif: var(--arham-font-display, Georgia, "Times New Roman", serif);
  --a-sans: var(--arham-font-body, "Helvetica Neue", Arial, sans-serif);
  --a-ease: cubic-bezier(.22, .61, .36, 1);
  --a-ease-out: cubic-bezier(.16, 1, .3, 1);
  --a-gutter: clamp(16px, 4vw, 56px);
  --a-section: clamp(64px, 9vw, 136px);
}

/* ---------- text link atom ---------- */
.arham-link {
  color: var(--a-bronze);
  text-decoration: none;
  background: linear-gradient(var(--a-gold), var(--a-gold)) 0 100% / 100% 1px no-repeat;
  padding-bottom: 2px;
  transition: background-size .5s var(--a-ease-out), color .3s;
}
.arham-link:hover { color: var(--a-bronze-deep); background-size: 0 1px; background-position: 100% 100%; }

/* ---------- certificate of purity (home + product page) ---------- */
.arham-cert { --cert-w: 340px; width: min(100%, var(--cert-w)); }
.arham-cert__frame {
  position: relative;
  padding: 34px 30px 30px;
  text-align: center;
  background: var(--a-paper);
  border: 1px solid var(--a-gold);
  box-shadow: inset 0 0 0 6px var(--a-paper), inset 0 0 0 7px var(--a-gold-soft), 0 24px 60px -28px color-mix(in srgb, var(--a-bronze-deep) 45%, transparent);
}
.arham-cert__kicker { margin: 0; font: 500 11px/1 var(--a-sans); letter-spacing: .34em; text-transform: uppercase; color: var(--a-ink-soft); }
.arham-cert__title { margin: 6px 0 14px; font: 500 30px/1 var(--a-serif); letter-spacing: .18em; text-transform: uppercase; color: var(--a-graphite); }
.arham-cert__grade { margin: 0; font: 500 76px/0.9 var(--a-serif); color: var(--a-bronze); font-variant-numeric: lining-nums; }
.arham-cert__label { margin: 8px 0 18px; font: 500 12px/1 var(--a-sans); letter-spacing: .3em; text-transform: uppercase; color: var(--a-bronze); }
.arham-cert__rows { margin: 0; border-top: 1px solid var(--a-gold-soft); }
.arham-cert__rows div { display: flex; justify-content: space-between; padding: 9px 2px; border-bottom: 1px solid var(--a-gold-soft); }
.arham-cert__rows dt { font: 400 11px/1.4 var(--a-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--a-ink-soft); }
.arham-cert__rows dd { margin: 0; font: 500 15px/1.4 var(--a-sans); color: var(--a-graphite); font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.arham-cert__piece { margin: 14px 0 0; font: italic 400 17px/1.3 var(--a-serif); color: var(--a-ink-soft); }
.arham-cert__mark { display: block; margin: 16px auto 0; width: 34px; height: 34px; opacity: .9; }

/* ---------- product page: certificate + trust row ---------- */
.arham-product-proof { margin: 18px 0 22px; display: grid; gap: 16px; }
.arham-product-proof .arham-cert { --cert-w: 100%; }
.arham-product-proof .arham-cert__frame { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 22px; padding: 18px 20px; text-align: left; }
.arham-product-proof .arham-cert__kicker, .arham-product-proof .arham-cert__title, .arham-product-proof .arham-cert__piece, .arham-product-proof .arham-cert__mark { display: none; }
.arham-product-proof .arham-cert__grade { grid-row: span 2; font-size: 58px; }
.arham-product-proof .arham-cert__label { margin: 0 0 6px; }
.arham-product-proof .arham-cert__rows { border-top: 0; display: flex; flex-wrap: wrap; gap: 4px 22px; }
.arham-product-proof .arham-cert__rows div { border: 0; padding: 0; gap: 8px; }
.arham-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 0; padding: 0; list-style: none; }
.arham-trust li { display: flex; align-items: center; gap: 10px; font: 400 13px/1.35 var(--a-sans); color: var(--a-ink-soft); }
.arham-trust svg { flex: none; width: 22px; height: 22px; stroke: var(--a-bronze); fill: none; stroke-width: 1.3; }