/* =====================================================================
   PAT - Polished logo seal (matches the premium buttons)
   TO ROLL BACK: remove the  <link rel="stylesheet" href="/seal.css">
   line from each page. The logo falls back to the original flat seal.
   ===================================================================== */

:root{
  --seal-hi:#E0457E; --seal-mid:#C2185B; --seal-lo:#8E0F43;
  --seal-gold:#E2B84A; --seal-gold-deep:#9A6E12;
  --seal-glow:194 24 91;
}
:root[data-theme="dark"]{--seal-glow:240 98 146}   /* same seal in dark mode, softer pink glow */

.seal{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 34% 28%,var(--seal-hi) 0%,var(--seal-mid) 48%,var(--seal-lo) 100%);
  box-shadow:
    inset 0 0 0 1px rgb(255 238 190 / .55),      /* bright outer lip */
    inset 0 0 0 3px var(--seal-gold),            /* gold ring */
    inset 0 0 0 3.5px rgb(154 110 18 / .35),       /* ring's inner shadow line */
    inset 0 -6px 10px -4px rgb(0 0 0 / .22),     /* depth at the bottom */
    0 1px 2px rgb(var(--seal-glow) / .3),
    0 6px 14px -4px rgb(var(--seal-glow) / .5);  /* colored glow */
  color:#FFFFFF;text-shadow:0 1px 1px rgb(0 0 0 / .28);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;
}

/* Glossy highlight across the top, like a domed button */
.seal::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:14%;right:14%;top:7%;height:44%;border-radius:50%;
  background:linear-gradient(180deg,rgb(255 255 255 / .3) 0%,rgb(255 255 255 / 0) 100%);
}

/* Where the logo is a link (thank-you page, Terms, Privacy) it presses like a button */
a.brand:hover .seal{transform:translateY(-1px)}
a.brand:active .seal{transform:translateY(1px) scale(.96)}

@media (prefers-reduced-motion:reduce){.seal{transition:none}a.brand:hover .seal,a.brand:active .seal{transform:none}}