/*
Theme Name: TYTT Astra Child
Theme URI: https://nicolaithedesigner.com
Description: Child theme of Astra for "To Tell You The Truth" by Grace V. Pearl
Author: nicolaithedesigner.com
Author URI: https://nicolaithedesigner.com
Template: astra
Version: 1.0.0
Text Domain: tytt-astra-child
*/

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --tytt-green-dark:   #1a4a3a;
  --tytt-green-mid:    #1e5544;
  --tytt-green-light:  #2a6b52;
  --tytt-gold:         #c97d3a;
  --tytt-gold-light:   #e09050;
  --tytt-cream:        #f5f0e8;
  --tytt-bg-light:     #f0ede8;
  --tytt-bg-section:   #e8e4df;
  --tytt-text-dark:    #2c2c2c;
  --tytt-text-mid:     #555555;
  --tytt-text-light:   #888888;
  --tytt-white:        #ffffff;

  --tytt-font-display: 'Cormorant Garamond', Georgia, serif;
  --tytt-font-script:  'Dancing Script', cursive;
  --tytt-font-body:    'Lato', 'Helvetica Neue', sans-serif;

  --tytt-transition:   0.3s ease;
  --tytt-radius:       4px;
  --tytt-shadow:       0 4px 20px rgba(0,0,0,0.10);
  --tytt-shadow-deep:  0 8px 40px rgba(0,0,0,0.18);
}

/* ============================================================
   BASE
   ============================================================ */
body {
  font-family: var(--tytt-font-body);
  color: var(--tytt-text-dark);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
  font-family: var(--tytt-font-display);
}

a {
  color: var(--tytt-gold);
  transition: color var(--tytt-transition);
}
a:hover { color: var(--tytt-gold-light); }

/* ============================================================
   HEADER
   ============================================================ */
#masthead,
.site-header {
  background: var(--tytt-green-dark) !important;
}

.main-header-bar {
  background: var(--tytt-green-dark) !important;
  padding: 0 !important;
}

/* Logo */
.site-logo-img,
.custom-logo {
  max-height: 52px !important;
  width: auto !important;
}

/* Nav links */
.main-header-menu .menu-link,
.main-navigation .menu-link {
  color: var(--tytt-white) !important;
  font-family: var(--tytt-font-body) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 8px 14px !important;
  border-radius: var(--tytt-radius) !important;
  transition: all var(--tytt-transition) !important;
}

.main-header-menu .menu-link:hover,
.main-navigation .menu-link:hover,
.main-header-menu .current-menu-item .menu-link {
  color: var(--tytt-green-dark) !important;
  background: var(--tytt-white) !important;
}

/* Donate button */
.menu-item-donate .menu-link,
.menu-item.donate .menu-link {
  background: var(--tytt-gold) !important;
  color: var(--tytt-white) !important;
  border-radius: var(--tytt-radius) !important;
}

.menu-item-donate .menu-link:hover {
  background: var(--tytt-gold-light) !important;
  color: var(--tytt-white) !important;
}

/* ============================================================
   AUDIO PLAYER
   ============================================================ */
.tytt-audio-tracklist {
  background: var(--tytt-white);
  border-radius: 8px;
  padding: 8px;
  box-shadow: var(--tytt-shadow);
}

.tytt-audio-track {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 12px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  border-radius: var(--tytt-radius);
  transition: background var(--tytt-transition);
}

.tytt-audio-track:last-child { border-bottom: none; }
.tytt-audio-track:hover { background: var(--tytt-cream); }

.tytt-track-btn {
  width: 36px;
  height: 36px;
  background: var(--tytt-green-dark);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--tytt-white);
  font-size: 0.75rem;
  border: none;
  cursor: pointer;
  transition: background var(--tytt-transition);
}

.tytt-track-btn:hover,
.tytt-track-btn.playing { background: var(--tytt-gold); }

.tytt-track-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--tytt-text-dark);
}

.tytt-track-author {
  font-size: 0.75rem;
  color: var(--tytt-text-light);
}

/* ============================================================
   ELEMENTOR SECTION BACKGROUNDS
   ============================================================ */
.tytt-testimonials-section {
  background: var(--tytt-green-dark) !important;
}

.tytt-audio-section {
  background: var(--tytt-bg-section) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#colophon,
.site-footer {
  background: var(--tytt-green-dark) !important;
  color: rgba(255,255,255,0.7) !important;
}

.site-footer a {
  color: var(--tytt-gold-light) !important;
}

.site-info {
  color: rgba(255,255,255,0.7) !important;
}