/* Jeanae.space UI polish — typography, buttons, contrast */

:root {
  --jeanae-gold: #c9a227;
  --jeanae-terracotta: #b85c38;
  --jeanae-chocolate: #3d2b1f;
  --jeanae-cream: #f8f4ef;
}

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
}

/* Ensure CTA buttons always show readable label text */
.btn-gold,
.btn-terracotta,
button.btn-gold,
a.btn-gold,
[class*="btn-gold"],
.btn-gold *,
[class*="btn-gold"] * {
  color: var(--jeanae-chocolate) !important;
  -webkit-text-fill-color: var(--jeanae-chocolate) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  min-height: 44px;
  padding: 0.75rem 1.5rem !important;
  line-height: 1.25 !important;
}

/* Hero secondary CTA — white button was rendering invisible white-on-white labels */
section.relative button.border-white,
section.relative a button.border-white,
section.relative .border-white.text-white,
section.relative a .border-white.text-white {
  background-color: rgba(255, 255, 255, 0.96) !important;
  color: var(--jeanae-chocolate) !important;
  -webkit-text-fill-color: var(--jeanae-chocolate) !important;
  border-color: #ffffff !important;
}

section.relative button.border-white:hover,
section.relative a button.border-white:hover {
  background-color: #ffffff !important;
  color: var(--jeanae-chocolate) !important;
  -webkit-text-fill-color: var(--jeanae-chocolate) !important;
}

section.relative button.border-white *,
section.relative a button.border-white * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

button[class*="bg-terracotta"],
button[type="submit"] {
  color: #fff !important;
  font-weight: 600 !important;
  min-height: 44px;
}

/* Mobile nav + icon buttons need visible hit area */
nav button,
header button {
  min-width: 44px;
  min-height: 44px;
}

/* Hero overlay text contrast */
.text-cream {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Footer — ensure links stay clickable above any overlays */
footer {
  position: relative;
  z-index: 30;
  pointer-events: auto !important;
}

footer a,
footer nav,
footer button {
  pointer-events: auto !important;
  cursor: pointer;
  position: relative;
  z-index: 31;
}

footer a {
  opacity: 0.92;
  text-decoration: none;
}

footer a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Card polish */
.card-luxury {
  border-radius: 0.75rem;
}

/* Empty state helper when API has no posts yet */
.jeanae-empty-note {
  background: var(--jeanae-cream);
  border: 1px dashed #d6c4b0;
  border-radius: 12px;
  padding: 1.25rem;
  color: var(--jeanae-chocolate);
  text-align: center;
}

/* Admin engine toast readability */
.fixed.top-4.right-4 {
  font-family: Montserrat, system-ui, sans-serif !important;
}