/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 18 2025 | 00:09:43 */
/* === Metaphysical Metrics – Kadence-friendly card styles === */
:root{
  --mm-indigo:#2A2C54;
  --mm-indigo-deep:#1D1E3A;
  --mm-gold:#E1C16E;
  --mm-ivory:#F6F4ED;
}

/* Grid */
.entry-content .mm-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}

/* Base card */
.entry-content .mm-card{
  position:relative; display:block; color:var(--mm-ivory); text-decoration:none;
  border-radius:16px; overflow:hidden; aspect-ratio:1200/630;
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(225,193,110,0.10), transparent 60%),
    linear-gradient(180deg, var(--mm-indigo) 0%, var(--mm-indigo-deep) 100%);
  box-shadow: 0 8px 24px rgba(13,14,30,.25); isolation:isolate;
}

/* Starfield */
.entry-content .mm-card::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.25), transparent 60%),
    radial-gradient(1px 1px at 70% 40%, rgba(255,255,255,.22), transparent 60%),
    radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(2px 2px at 85% 70%, rgba(255,255,255,.15), transparent 60%),
    radial-gradient(1px 1px at 55% 20%, rgba(255,255,255,.20), transparent 60%);
  opacity:.7; z-index:0;
}

/* Gold corner ticks */
.entry-content .mm-card::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(var(--mm-gold),var(--mm-gold)) top left / 28px 2px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) top left / 2px 28px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) top right / 28px 2px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) top right / 2px 28px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) bottom left / 28px 2px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) bottom left / 2px 28px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) bottom right / 28px 2px no-repeat,
    linear-gradient(var(--mm-gold),var(--mm-gold)) bottom right / 2px 28px no-repeat;
  opacity:.85; pointer-events:none;
}

/* Centered big number */
.entry-content .mm-card .mm-num{
  position:absolute; inset:0; display:grid; place-items:center;
  font-family: Georgia, "Times New Roman", serif; font-weight:700; letter-spacing:.02em;
  font-size: clamp(36px, 16vw, 160px);
  color: rgba(255,255,255,.92);
  text-shadow: 0 0 14px rgba(225,193,110,.35), 0 0 50px rgba(225,193,110,.18);
  z-index:2;
}

/* Title strip */
.entry-content .mm-card .mm-title{
  position:absolute; left:16px; right:16px; bottom:16px; z-index:3;
  background: rgba(29,30,58,.55); backdrop-filter: blur(2px);
  border:1px solid rgba(225,193,110,.35); color:var(--mm-ivory);
  padding:10px 12px; border-radius:10px; font: 600 14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Hover */
.entry-content .mm-card:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(13,14,30,.35); }
.entry-content .mm-card:active{ transform: translateY(0); }

/* Variants (optional) */
.entry-content .mm-card.is-square{ aspect-ratio: 1 / 1; }

/* Tarot motif: three CSS “card backs” */
.entry-content .mm-card.is-tarot .mm-motif{ position:absolute; inset:0; z-index:2; }
.entry-content .mm-card.is-tarot .mm-cardback{
  position:absolute; width:34%; aspect-ratio: 5/8; border-radius:10px;
  left:50%; top:50%; transform: translate(-50%,-50%) rotate(var(--rot,-8deg)) translateX(var(--shift,-14%));
  background:
    radial-gradient(60% 60% at 50% 40%, rgba(246,244,237,.08), transparent 60%),
    linear-gradient(180deg, rgba(246,244,237,.06), rgba(246,244,237,.02));
  border:2px solid rgba(225,193,110,.7); box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.entry-content .mm-card.is-tarot .mm-cardback:nth-child(2){ --rot:0deg; --shift:0%; }
.entry-content .mm-card.is-tarot .mm-cardback:nth-child(3){ --rot:8deg; --shift:14%; }

/* Review motif: golden scales */
.entry-content .mm-card.is-review .mm-scales{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:60%; height:60%; }
.entry-content .mm-card.is-review .mm-scales::before{ content:""; position:absolute; left:50%; top:10%; width:2px; height:60%; background:linear-gradient(var(--mm-gold), rgba(225,193,110,.6)); transform:translateX(-50%); box-shadow:0 0 12px rgba(225,193,110,.3); }
.entry-content .mm-card.is-review .mm-scales::after{ content:""; position:absolute; left:20%; right:20%; top:35%; height:2px; background:linear-gradient(90deg, transparent, var(--mm-gold), transparent); box-shadow:0 0 10px rgba(225,193,110,.25); }
.entry-content .mm-card.is-review .pan{ position:absolute; top:38%; width:22%; height:22%; border:2px solid rgba(225,193,110,.8); border-radius:50%; box-shadow:0 8px 18px rgba(0,0,0,.35); }
.entry-content .mm-card.is-review .pan.left{ left:16%; }
.entry-content .mm-card.is-review .pan.right{ right:16%; }

/* Signature motif */
.entry-content .mm-card.is-signature .mm-stroke{
  position:absolute; left:8%; right:8%; top:50%; height:2px;
  background: linear-gradient(90deg, transparent, var(--mm-gold), transparent);
  filter: blur(.2px); box-shadow: 0 0 18px rgba(225,193,110,.45); transform:translateY(-50%);
}
.entry-content .mm-card.is-signature .mm-stroke::after{
  content:""; position:absolute; right:8%; top:-10px; width:22%; height:22%; border-radius:50%;
  border:2px solid rgba(225,193,110,.8); filter: blur(.2px);
}
body.single .entry-content .mm-card,
body.page  .entry-content .mm-card{
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(225,193,110,0.10), transparent 60%),
    linear-gradient(180deg, #2A2C54 0%, #1D1E3A 100%) !important;
  border-radius:16px !important; aspect-ratio:1200/630 !important; color:#F6F4ED !important;
}


