/*
Theme Name: The God Salmun — Natural Wisdom (Child)
Theme URI:  https://thegodsalmun.com
Description: Astra child theme styled for a Natural Wisdom spiritual design. Includes front-page template with quote and optimized assets.
Author: realmgodsalmun
Author URI: https://thegodsalmun.com
Template: astra
Version: 1.0.0
Text Domain: thegodsalmun-child
*/

/* Import parent theme styles (Astra) will be enqueued in functions.php */

/* Natural Wisdom color palette */
:root{
  --bg: #faf8f4;
  --panel: #f3efe9;
  --accent: #6b8e23; /* olive green */
  --accent-2: #8b5e3c; /* earthy brown */
  --muted: #4b4b3f;
  --serif: 'Merriweather', serif;
  --sans: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Basic reset */
body {
  background: var(--bg);
  color: var(--muted);
  font-family: var(--sans);
  margin: 0;
  -webkit-font-smoothing:antialiased;
}

/* Header */
.site-header {
  background: linear-gradient(180deg, rgba(107,142,35,0.06), transparent);
  padding: 22px 0;
  border-bottom: 1px solid rgba(75,75,63,0.06);
}
.site-header .wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* Logo */
.site-logo img { height:64px; width:auto; }

/* Hero */
.hero {
  min-height:56vh;
  display:flex;
  align-items:center;
  background: radial-gradient(circle at 10% 20%, rgba(139,94,60,0.03), transparent 30%);
  padding: 48px 20px;
}
.hero-inner { max-width:980px; margin:0 auto; text-align:center; }

.hero .quote {
  font-family: var(--serif);
  font-size: 2.4rem;
  color: var(--accent-2);
  margin: 0 0 12px 0;
  line-height:1.18;
}
.hero .sub {
  color: var(--muted);
  margin:0 0 18px 0;
  font-size:1rem;
}

/* CTA */
.cta {
  display:inline-block;
  background: var(--accent);
  color: white;
  padding:10px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  box-shadow: 0 6px 18px rgba(107,142,35,0.12);
}

/* Content cards */
.content .card {
  background: var(--panel);
  padding:24px;
  border-radius:12px;
  box-shadow: 0 6px 20px rgba(75,75,63,0.04);
  color: var(--muted);
}

/* Footer */
.site-footer {
  padding:28px 20px;
  text-align:center;
  color: rgba(75,75,63,0.7);
  font-size:0.95rem;
}

/* Responsive */
@media (max-width:768px){
  .hero .quote { font-size:1.6rem; padding:0 10px; }
  .site-header .wrap { padding:0 10px; }
}


/* Welcome bar for The God Salmun (added by ChatGPT) */
.tg-welcome-bar{
  width:100%;
  box-sizing:border-box;
  padding:10px 0;
  background: linear-gradient(180deg, rgba(250,248,244,0.98), rgba(255,255,255,0.95));
  border-bottom:1px solid rgba(0,0,0,0.03);
  text-align:center;
  font-family: Georgia, "Times New Roman", serif;
}
.tg-welcome-inner { max-width:1200px; margin:0 auto; padding:0 16px; }
.tg-welcome-title { font-size:1.05rem; font-weight:700; margin-bottom:2px; }
.tg-welcome-subtitle { font-size:1rem; margin-bottom:6px; opacity:0.95; }
.tg-preritual {
  display:block;
  font-size:0.86rem;
  text-transform:lowercase;
  letter-spacing:3px;
  line-height:1.6;
  max-width:1100px;
  margin:0.25rem auto 0;
  opacity:0.86;
  font-style:italic;
}
/* Make sure header pushes down (avoid overlap) */
body { padding-top: 0; }
@media (max-width:768px){
  .tg-welcome-title { font-size:0.95rem; }
  .tg-preritual { font-size:0.8rem; letter-spacing:2px; padding:0 6px; }
}


/* Refined Spiritual Line — The God Salmun (added by ChatGPT update) */
.tg-preritual {
  display: block;
  font-size: 0.82rem;
  text-transform: lowercase;
  letter-spacing: 4px;
  line-height: 2;
  text-align: justify;
  text-align-last: center;
  color: rgba(80, 80, 60, 0.9);
  margin: 1.5rem auto;
  max-width: 95%;
  background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(107,142,35,0.15) 50%, rgba(255,255,255,0.2) 100%);
  padding: 10px 20px;
  border-radius: 12px;
  box-shadow: 0 0 18px rgba(255,255,200,0.25);
  text-shadow: 0 0 8px rgba(240, 240, 200, 0.4), 0 0 15px rgba(180,180,120,0.3);
  animation: lightflow 6s ease-in-out infinite alternate;
}

@keyframes lightflow {
  from {
    text-shadow: 0 0 5px rgba(240,240,200,0.4), 0 0 12px rgba(200,200,150,0.3);
  }
  to {
    text-shadow: 0 0 15px rgba(255,255,220,0.6), 0 0 30px rgba(210,210,160,0.4);
  }
}

@media (max-width: 768px) {
  .tg-preritual {
    font-size: 0.75rem;
    letter-spacing: 2px;
    line-height: 1.8;
    padding: 8px 12px;
  }
}

/* === Spiritual Header Text (Static Golden Mode) === */
.spiritual-message {
  text-align: center;
  color: #d4af37;
  font-size: 28px;
  font-family: 'Cinzel', 'Playfair Display', serif;
  font-weight: 600;
  margin-top: 50px;
  letter-spacing: 1px;
  line-height: 1.5;
}
.spiritual-message small {
  display: block;
  font-size: 16px;
  color: #c5a463;
  margin-top: 6px;
}

/* === Divine Light Aura (The God Salmun Edition) === */
.divine-light-aura {
  position: relative;
  width: 100%;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-top: 40px;
}
.divine-light-aura::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(255,215,0,0.4) 40%, rgba(173,216,230,0.15) 70%, transparent 100%);
  filter: blur(25px);
  animation: divineGlow 6s infinite ease-in-out;
}

@keyframes divineGlow {
  0%, 100% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.15); opacity: 1; }
}