/*
Theme Name: Blocksy GetPrompting
Template: blocksy
Version: 1.0.0
Description: Clean, modern child theme for GetPrompting.com with modular CSS and components
*/

/* ==========================================
   ORGANIZED CSS STRUCTURE
   All styles are split into separate files for easy maintenance
   ========================================== */

/* 1. Variables - Colors, spacing, typography */
@import url('css/variables.css');

/* 2. Typography & Spacing - Global text and spacing utilities */
@import url('css/typography-spacing.css');

/* 3. Reusable Classes - For Blocksy blocks */
@import url('css/reusable-classes.css');

/* 4. Newsletter Form Component */
@import url('css/newsletter-form.css');

/* 5. Comparison Card Component */
@import url('css/comparison-card.css');

/* 6. Callout Card Component */
@import url('css/callout-card.css');

/* 7. Header & Footer */
@import url('css/header-footer.css');

/* 8. Blog & Posts */
@import url('css/blog.css');

/* ==========================================
   RESPONSIVE UTILITIES
   ========================================== */

@media (max-width: 640px) {
    .gp-hero-bg {
        padding: 2rem 0 !important;
    }
    
    .gp-feature-box {
        margin-bottom: var(--gp-space-6);
    }
}

/* ==========================================
   QUICK CLASS REFERENCE (Copy & Paste)
   ========================================== 
   
   SECTIONS (all full-width, no gaps):
   - gp-hero-bg          → Light purple gradient hero section
   - gp-content-section  → White background section
   - gp-surface-section  → Medium purple gradient section
   - gp-container        → Max-width container
   - gp-no-gap           → Remove gaps between sections
   - gp-allow-bg         → Allow background on child blocks in gradient sections
   
   TEXT STYLES:
   - gp-gradient-text    → Gradient text effect
   - gp-text-center      → Center align text
   - gp-text-white       → White text color
   - gp-text-primary     → Primary purple text
   - gp-font-bold        → Bold weight
   
   TEXT SIZES:
   - gp-text-sm / lg / xl / 2xl / 3xl → Size variations
   
   SPACING:
   - gp-mt-4 / gp-mb-6 / gp-pt-8 → Margin/padding utilities
   - gp-max-w-md / gp-max-w-lg → Max-width containers
   
   COMPONENTS:
   - gp-feature-box      → Feature card with hover
   - gp-btn-primary      → Purple gradient button (for white/light backgrounds)
   - gp-btn-white        → White button (perfect for purple backgrounds)
   - gp-btn-secondary    → White button with purple border
   - gp-btn-outline      → Transparent button with border
   
   SHORTCODES:
   - [newsletter_form]      → Newsletter signup form
   - [comparison_card]      → Before/After comparison card
   - [callout_card]         → CTA/Callout card with custom background
   
   ========================================== */