/*
 Theme Name:  Astitva Astra Child
 Theme URI:   https://astitvaproject.com
 Description: Cosmic, starry Astitva skin on top of Astra.
 Author:      Astitva
 Template:    astra
 Version:     1.0.0
 Text Domain: astitva-child
*/

/* ===== Cosmic palette ===== */
:root{
  --deep:   #0b1020;
  --deep-2: #0e1a2b;
  --gold:   #C7A753;
  --ivory:  #F5F3EF;
}

/* Base body gradient (shows under stars) */
body{
  color: var(--ivory);
  background:
    radial-gradient(1200px 800px at 70% -100px, #1a2b4d55, transparent 60%),
    radial-gradient(900px 600px at -10% 10%, #18305866, transparent 65%),
    linear-gradient(180deg, var(--deep), var(--deep-2)) !important;
  overflow-x: hidden;
}

/* ===== Fixed layers injected by functions.php ===== */
#cosmic-canvas{
  position: fixed;
  inset: 0;
  z-index: -2;          /* behind everything */
  display:block;
  background: transparent;
}

/* Subtle mandala overlay */
.mandala-bg{
  position: fixed; inset: 0; z-index: -1; pointer-events:none;
  opacity: .12; filter: blur(.4px);
  background-position: center; background-repeat: no-repeat; background-size: 1000px 1000px;
  background-image: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">\
    <defs>\
      <radialGradient id="g" cx="50%" cy="50%" r="50%">\
        <stop offset="0%" stop-color="%23C7A753" stop-opacity=".45"/>\
        <stop offset="100%" stop-color="%230b1020" stop-opacity="0"/>\
      </radialGradient>\
    </defs>\
    <rect width="800" height="800" fill="url(%23g)"/>\
    <g fill="none" stroke="%23C7A753" stroke-opacity=".35">\
      <circle cx="400" cy="400" r="110"/>\
      <circle cx="400" cy="400" r="180"/>\
      <circle cx="400" cy="400" r="260"/>\
      <circle cx="400" cy="400" r="340"/>\
      <g opacity=".8">\
        <path d="M400 190 l18 32 36 0 -18 32 18 32 -36 0 -18 32 -18 -32 -36 0 18 -32 -18 -32 36 0z"/>\
      </g>\
    </g>\
  </svg>');
}

/* ===== Astitva gold dot + open circle mark (inline SVG friendly) ===== */
.astitva-logo svg .dot{ fill: var(--gold); }
.astitva-logo svg .ring{ stroke: var(--gold); stroke-linecap: round; }

/* Buttons & cards (works with Astra & Blocks) */
.astitva-btn, .wp-element-button, .wp-block-button__link{
  color: var(--ivory) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(199,167,83,.35) !important;
  background: linear-gradient(180deg, rgba(199,167,83,.14), rgba(199,167,83,.06)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.astitva-card{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 20px;
}

/* Header translucency (Astra) */
.site-header, .main-header-bar{
  backdrop-filter: saturate(140%) blur(6px);
  background: linear-gradient(180deg, rgba(14,26,43,.85), rgba(14,26,43,.55)) !important;
  border-bottom: 1px solid rgba(199,167,83,.15);
}

/* Ensure readable links on dark */
a{ color: #e9ecf7; }
a:hover{ color: #ffffff; }

/* Optional: reduce WP block wide gaps on dark layouts */
.wp-site-blocks{ gap: 0.5rem; }

/* ===== Cosmic overlays ===== */
#cosmic-canvas { position: fixed; inset: 0; z-index: -3; display:block; background:transparent; }
#nebula-canvas { position: fixed; inset: 0; z-index: -4; display:block; opacity:.28; mix-blend-mode: screen; }

/* Soft aurora veil (CSS only, zero JS) */
.cosmic-aurora {
  position: fixed; inset: -20vh -10vw; pointer-events:none; z-index: -2;
  background:
    radial-gradient(60vw 60vh at 15% 20%, rgba(120,170,255,.12), transparent 60%),
    radial-gradient(40vw 40vh at 80% 10%, rgba(199,167,83,.08), transparent 60%),
    radial-gradient(55vw 55vh at 60% 80%, rgba(90,120,255,.10), transparent 60%);
  filter: blur(22px) saturate(120%);
  animation: aurora-drift 48s linear infinite alternate;
}
@keyframes aurora-drift {
  0%   { transform: translate3d(0,0,0) scale(1); }
  50%  { transform: translate3d(2vw, -1vh, 0) scale(1.02); }
  100% { transform: translate3d(-1vw, 1vh, 0) scale(1); }
}

/* Optional: shooting star trail glow (drawn by JS, style here) */
.star-trace {
  filter: drop-shadow(0 0 6px #c7a753);
}

/* ===== Ideas grid styles ===== */
.ideas-grid {
  display:grid; gap:16px; margin-top:18px;
}
@media (min-width: 800px){ .ideas-grid { grid-template-columns: repeat(3, 1fr); } }
.idea-card {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  border-radius: 16px; padding:18px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.idea-card:hover {
  transform: translateY(-3px);
  border-color: rgba(199,167,83,.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.idea-card h3 {
  font-family: "Cormorant Garamond", serif; margin:0 0 6px; font-size:22px; letter-spacing:.02em;
}
.idea-card p { opacity:.85; margin:0; }

/* Small “chip” label style */
.chip {
  display:inline-block; font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  padding:6px 10px; border-radius:999px; margin-bottom:8px;
  border:1px solid rgba(199,167,83,.35);
  background: linear-gradient(180deg, rgba(199,167,83,.14), rgba(199,167,83,.06));
}
/* ===== Books page polish ===== */
.page-id-/*BOOKS_ID*/ .entry-content { max-width: 1100px; margin: 0 auto; }
.books-grid{
  display:grid; gap:18px; margin-top:18px;
}
@media (min-width: 800px){ .books-grid{ grid-template-columns:repeat(3,1fr); } }
.book-card{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px; padding:20px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.book-card:hover{ transform: translateY(-3px); border-color: rgba(199,167,83,.35); box-shadow:0 18px 40px rgba(0,0,0,.35); }
.book-card h3{ font-family:"Cormorant Garamond", serif; margin:0 0 8px; font-size:22px; letter-spacing:.02em; }
.book-meta{ opacity:.8; font-size:13px; margin-bottom:8px; }
.book-cover{ width:100%; height:260px; border-radius:12px; object-fit:cover; margin-bottom:12px; background:#0e1a2b; }
.book-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }