/*
Theme Name: WeedDealsDC — GP Child (free)
Template: generatepress
Version: 1.0.0
*/

/*
 * This child theme provides a cohesive color palette and utility classes
 * tailored for WeedDealsDC. It defines CSS variables for consistent
 * colors, spacing, and border radii across the site. The base styles
 * ensure that cards, buttons, chips, tables, compliance bars and
 * breadcrumbs share the same look and feel. These styles augment
 * GeneratePress’ minimal footprint without loading any extra assets.
 */

:root {
  --bg: #0F1115;
  --fg: #F5F7FA;
  --muted: #9AA4AF;
  --line: #20232A;
  --card: #14171C;
  --green: #21C65E;
  --gold: #F4C430;
  --red: #E43E3E;
  --radius: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
}

body {
  background: var(--bg);
  color: var(--fg);
}

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

.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: var(--space-5);
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
}

.btn--primary {
  background: var(--green);
  color: #0B0C10;
}

.chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.chip {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
}

.chip.is-active {
  box-shadow: inset 0 -2px 0 var(--green);
}

.table-compare {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.table-compare th,
.table-compare td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}

.compliance-bar {
  font-size: 12px;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  padding: 6px 0;
  text-align: center;
}

.breadcrumbs {
  font-size: 13px;
  color: var(--muted);
  margin: 8px 0 16px;
}

.sticky-cta {
  position: sticky;
  bottom: 0;
  padding: 12px 16px;
  background: rgba(15, 17, 21, 0.85);
  border-top: 1px solid var(--line);
}

@media (min-width: 1024px) {
  .sticky-cta {
    display: none;
  }

/* Apply global theme colors to html/body and override GP container backgrounds */
html, body { background: var(--bg); color: var(--fg); }

/* Remove background on major wrappers so our dark theme shines through */
.site, .site-content, .inside-article, .entry-content,
.widget, .footer-widgets, .site-footer,
.main-navigation, .inside-navigation, .inside-header {
  background: transparent;
  color: inherit;
}

/* Ensure all links use the accent color */
a { color: var(--green); }
}