/* ---------- Global palette (sync with Kadence Customizer) ---------- */
:root {
  --l5d-ink: #23201b;
  --l5d-charcoal: #3a3732;
  --l5d-earth: #7c5f3b;
  --l5d-clay: #b68b5b;
  --l5d-sage: #7b8a6d;
  --l5d-bone: #f5efe6;

  --l5d-ink-shadow: drop-shadow(0 1px 0 rgba(0,0,0,.25)) drop-shadow(0 2px 8px rgba(0,0,0,.15));
  --l5d-paper: url('./assets/paper-texture.jpg');
  --l5d-heading-font: "Cormorant Garamond", serif;
  --l5d-body-font: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ---------- Base look ---------- */
body {
  background-color: var(--l5d-bone);
  background-image: var(--l5d-paper);
  background-size: cover;
  color: var(--l5d-ink);
  font-family: var(--l5d-body-font);
  line-height: 1.6;
}

/* Kadence headings */
h1, h2, h3, .entry-title {
  font-family: var(--l5d-heading-font);
  line-height: 1.2;
  color: var(--l5d-ink);
}

/* Links + buttons */
a { color: var(--l5d-earth); }
.kt-button, .wp-block-button__link {
  background: var(--l5d-earth);
  color: var(--l5d-bone);
  border-radius: 999px;
  font-weight: 600;
}

/* ---------- “Tribal Card” block style ---------- */
.is-style-tribal-card {
  border: 2px solid rgba(35,32,27,.9);
  border-radius: 18px;
  box-shadow: 0 6px 20px rgba(0,0,0,.10);
  filter: var(--l5d-ink-shadow);
  background: rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  padding: clamp(16px, 3vw, 24px);
}

/* ---------- Ink underline heading ---------- */
.is-style-ink-underline {
  display: inline-block;
  position: relative;
  padding-bottom: .25rem;
}
.is-style-ink-underline::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -2px;
  height: 5px;
  background: linear-gradient(90deg, rgba(35,32,27,.9), rgba(35,32,27,.5), rgba(35,32,27,.9));
  transform: rotate(-0.6deg);
}

/* ---------- Sparkle accent ---------- */
.is-style-sparkle { position: relative; }
.is-style-sparkle::after {
  content: "✧";
  position: absolute; top: -12px; right: -12px;
  animation: l5d-twinkle 3.2s infinite ease-in-out;
  opacity: .7; font-size: 18px;
}
@keyframes l5d-twinkle { 0%,100%{transform:scale(1);opacity:.4} 50%{transform:scale(1.35);opacity:1} }

/* ---------- Map niceties ---------- */
.crow-village-map { /* your plugin wrapper */
  /* for portrait override on phones: */
}
.crow-map-icon {
  transition: transform .15s ease, filter .15s ease;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.25));
}
.crow-map-icon:hover { transform: scale(1.06); }

/* Full-bleed helper for Kadence (edge-to-edge sections) */
.l5d-full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Mobile portrait background for your map */
@media (max-width: 600px) {
  .crow-village-map {
    background-image: url('https://living5d3d.com/wp-content/uploads/2025/08/background-mobile.png') !important;
    aspect-ratio: 9/16;
  }
}

/* Optional dark mode */
@media (prefers-color-scheme: dark) {
  body { background-color: #1c1a17; background-image: none; color: #f1efe8; }
}
