/*
Theme Name: Baseline Peptide
Theme URI: https://baselinepeptide.com
Author: You (Site Owner)
Description: Custom WordPress theme exactly replicating Baseline Peptide — gated research-grade peptides site. Clean, professional design with gold accents.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0+
Text Domain: baseline-peptide
Tags: custom-theme, research, peptides, gated-access, woocommerce-ready
*/

/* Base custom styles to closely match the static replica */
:root {
  --gold: #C9A84C;
}

body {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-heading, .section-heading, h1, h2, .section-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.015em;
}

/* Consistent centered text */
.section-title,
.section-heading,
h1,
h2 {
  text-align: center;
}

.section-intro {
  text-align: center;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.gold {
  color: #C9A84C;
}

.gold-bg {
  background-color: #C9A84C;
}

.hero-gradient {
  background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.18) 45%, rgba(0,0,0,0.72) 100%);
}

.baseline-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.locked-overlay {
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(2px);
}

.trust-bar {
  border-bottom: 1px solid #EBEBEB;
}

.feature-card {
  border: 1px solid #EBEBEB;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.05);
}

.faq-toggle {
  width: 100%;
  text-align: left;
}

.site-header {
  border-bottom: 1px solid #E5E5E5;
}

/* WordPress specific */
.wp-block {
  max-width: 1280px;
}

.entry-content {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Product / Catalog cards */
.peptide-card {
  border: 1px solid #EBEBEB;
  border-radius: 1rem;
  overflow: hidden;
  transition: all 0.2s ease;
}

.peptide-card:hover {
  border-color: #C9A84C;
}