/*
 Theme Name:   Damp (Astra Child)
 Theme URI:    https://damptechsolutions.com
 Description:  Astra child theme customized for the Damp brand — dark background, neon-green accent, rounded bold type.
 Author:       Damp
 Template:     astra
 Version:      1.0.0
 Text Domain:  damp-child
*/

:root{
  --damp-bg: #1c211d;
  --damp-bg-soft: #262c27;
  --damp-green: #7CFC6B;
  --damp-green-dark: #4fbf42;
  --damp-text: #f4f6f3;
  --damp-text-muted: #b9c2ba;
  --damp-field-bg: #3c3b47;
  --damp-radius: 14px;
  --damp-radius-pill: 999px;
  --font-heading: 'Baloo 2', 'Fredoka', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

body{
  background: var(--damp-bg);
  color: var(--damp-text);
  font-family: var(--font-body);
}

h1,h2,h3,h4,.site-title,.ast-site-title a{
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--damp-text);
}

a{ color: var(--damp-green); }

/* Header / nav */
.site-header,
.ast-primary-header-bar{
  background: var(--damp-bg) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.main-header-menu .menu-item a{
  color: var(--damp-text) !important;
  font-weight: 500;
}
.main-header-menu .menu-item a:hover{ color: var(--damp-green) !important; }

/* Buttons — pill, neon green */
.damp-btn,
.wp-block-button__link,
button.button,
input[type="submit"]{
  display:inline-block;
  background: var(--damp-green) !important;
  color: #16261a !important;
  font-family: var(--font-heading);
  font-weight: 600;
  border: none;
  border-radius: var(--damp-radius-pill) !important;
  padding: 16px 36px !important;
  text-decoration: none;
  transition: transform .15s ease, background .15s ease;
}
.damp-btn:hover,
.wp-block-button__link:hover{
  background: var(--damp-green-dark) !important;
  transform: translateY(-1px);
  color: #0f1a12 !important;
}
.damp-btn.outline{
  background: transparent !important;
  color: var(--damp-green) !important;
  border: 1.5px solid var(--damp-green);
}

/* Cards */
.damp-card{
  background: var(--damp-bg-soft);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: var(--damp-radius);
  padding: 32px 28px;
}
.damp-card i{
  color: var(--damp-green);
  font-size: 28px;
  margin-bottom: 14px;
  display:block;
}
.damp-card h3{ margin: 0 0 10px; font-size: 20px; }
.damp-card p{ color: var(--damp-text-muted); margin:0; line-height:1.6; }

/* Hero */
.damp-hero{
  text-align:center;
  padding: 90px 20px 70px;
}
.damp-hero .damp-eyebrow{
  color: var(--damp-green);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
}
.damp-hero h1{
  font-size: clamp(36px, 6vw, 64px);
  line-height: 1.1;
  margin: 14px 0 18px;
}
.damp-hero p.lead{
  color: var(--damp-text-muted);
  font-size: 18px;
  max-width: 620px;
  margin: 0 auto 32px;
}

/* Sections */
.damp-section{ padding: 70px 20px; }
.damp-section.soft{ background: var(--damp-bg-soft); }
.damp-section .damp-kicker{
  color: var(--damp-green);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-align:center;
  display:block;
  margin-bottom: 8px;
}
.damp-section h2{
  text-align:center;
  font-size: clamp(28px, 4vw, 40px);
  margin: 0 0 12px;
}
.damp-section .damp-subhead{
  text-align:center;
  color: var(--damp-text-muted);
  max-width: 560px;
  margin: 0 auto 48px;
}

.damp-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

.damp-container{ max-width: 1100px; margin: 0 auto; padding: 0 20px; }

.damp-cta{
  text-align:center;
  background: var(--damp-bg-soft);
  border-radius: 24px;
  padding: 60px 30px;
  max-width: 1100px;
  margin: 0 auto;
}
.damp-cta h2{ margin: 0 0 12px; }
.damp-cta p{ color: var(--damp-text-muted); margin: 0 0 28px; }

/* Values / about list */
.damp-values{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: 20px;
  max-width: 1000px;
  margin: 40px auto 0;
}
.damp-values .damp-value h4{
  color: var(--damp-green);
  font-family: var(--font-heading);
  margin: 0 0 6px;
}
.damp-values .damp-value p{ color: var(--damp-text-muted); margin:0; }

/* Pricing / service tiers */
.damp-tier{
  text-align:center;
  border: 1px solid rgba(255,255,255,0.08);
}
.damp-tier.featured{
  border: 2px solid var(--damp-green);
  position: relative;
}
.damp-tier .damp-price{
  font-family: var(--font-heading);
  font-size: 36px;
  color: var(--damp-green);
  margin: 10px 0 18px;
}
.damp-tier ul{ list-style:none; padding:0; margin: 0 0 26px; color: var(--damp-text-muted); text-align:left; }
.damp-tier ul li{ padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }