/*
 Theme Name:   EverVideo - Vine Ventures
 Theme URI:    https://media.vineventures.com
 Description:  Vine Ventures Media powered by EverVideo
 Author:       EverVideo
 Author URI:   https://evervideo.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/* ─── Global design tokens ─── */
:root {
  --vv-green:        #39834D;
  --vv-green-light:  #4fa866;
  --vv-dark:         #080c09;
  --vv-card:         #0f1812;
  --vv-text:         #e8f0e9;
  --vv-muted:        #7a9c7e;
  --vv-border:       rgba(57, 131, 77, 0.18);
}

/* ─── Subscribe bar — Conversations page ─── */
.subscribe-bar {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
  opacity: 0;
  animation: vvFadeUp 0.8s 0.65s ease forwards;
}
.subscribe-bar a {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 13px 24px;
  border-radius: 100px;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 700;
  transition: background 0.2s, color 0.2s, transform 0.2s;
}
.subscribe-bar a.subscribe-spotify,
.subscribe-bar a.subscribe-apple {
  background: #0a0f0b !important;
  color: #4fa866 !important;
  border: 1px solid rgba(57,131,77,0.35);
  box-shadow: none !important;
}
.subscribe-bar a.subscribe-spotify:hover,
.subscribe-bar a.subscribe-apple:hover {
  background: #39834D !important;
  color: #fff !important;
  border-color: #39834D;
  transform: translateY(-2px);
}
@media (max-width: 600px) {
  .subscribe-bar {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .subscribe-bar a {
    width: 240px;
    justify-content: center;
  }
}

@keyframes vvFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ─── Global GeneratePress overrides ─── */
.btn-outline:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.45) !important;
  color: #fff !important;
  transform: translateY(-2px);
  text-decoration: none !important;
}
.site-nav .nav-link {
  padding: 8px 14px !important;
}
@media (max-width: 768px) {
  .site-nav .nav-links { display: none !important; }
  .site-nav .hamburger { display: flex !important; }
}