/*
 Theme Name: HSP Theme
 Theme URI: https://homestead-gardening.org
 Author: Sovereign System Architect
 Author URI: https://homestead-gardening.org
 Description: Exact replica of Welcome.html with WordPress integration.
 Version: 1.0
 Requires at least: 6.0
 Tested up to: 6.6
 Requires PHP: 8.0
 Text Domain: hsp-theme
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

/* *** FULL WIDTH FIX START *** */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none !important;
  background-color: #1A202C;
  color: #CBD5E0;
  font-family: 'Inter', sans-serif;
  line-height: 1.7;
  overflow-x: hidden;
}
header, section, footer {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* *** FULL WIDTH FIX END *** */

/* === HERO === */
header.hero {
  background: radial-gradient(circle at 20% 20%, #E53E3E 0%, #1A202C 60%);
  text-align: center;
  padding: 6rem 1rem 8rem;
  color: white;
  position: relative;
}
header.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 0;
}
header.hero > * {
  position: relative;
  z-index: 1;
}
.glow-text {
  text-shadow: 0 0 10px rgba(229, 62, 62, 0.8);
}

/* === PROGRAM CARD === */
.program-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid #2D3748;
  background-color: #2D3748;
}
.program-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(229, 62, 62, 0.3);
  border-color: #E53E3E;
}
.best-value {
  background-color: #E53E3E;
  color: white;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% { transform: scale(1.0); box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.7); }
  70% { transform: scale(1.02); box-shadow: 0 0 0 15px rgba(229, 62, 62, 0); }
  100% { transform: scale(1.0); box-shadow: 0 0 0 0 rgba(229, 62, 62, 0); }
}

/* === CONTENT SECTION === */
.content-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 80px 16px;
}
.long-paragraph { margin-bottom: 1.25rem; font-size: 1.05rem; color: #cbd5e0; }
.callout { background: rgba(229,62,62,0.06); border-left: 4px solid #E53E3E; padding: 14px 18px; margin: 18px 0; color: #ffdede; }
.subheading { color: #f8fafc; font-weight: 800; margin-top: 18px; margin-bottom: 8px; }

/* === FOOTER === */
footer {
  background-color: #111827;
  color: #9CA3AF;
  font-size: 0.875rem;
}