/*
Theme Name: HSRP Agrotech
Theme URI: https://hsrpagrotech.com
Author: HSRP Development Team
Author URI: https://hsrpagrotech.com
Description: Production-ready WordPress theme for HSRP Agrotech - an agricultural technology company offering smart farming hardware (sensors, drones, IoT pest monitoring traps) and a digital platform for farmers and researchers. Features WooCommerce integration, user dashboards, crop database, and real-time IoT monitoring capabilities.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hsrp-agrotech
Tags: agriculture, e-commerce, woocommerce, dashboard, iot, farming, organic, custom-colors, custom-menu, editor-style, sticky-post, threaded-comments, translation-ready

HSRP Agrotech WordPress Theme
Human Sustainability Research Project

Brand Identity:
- Company: HSRP Agrotech (Human Sustainability Research Project)
- Focus: Organic farming solutions, R&D, pest control, soil solutions, irrigation innovation
- Products: Soil Boosters, Pest Traps (Shatpada Fly Trap), Soil Testing Kits, Smart Composting, Irrigation Essentials
- Key Values: ICAR collaboration, eco-friendly, chemical-free, Made in India
- Contact: support@hsrpagrotech.com, +91-6364622006

Brand Colors (Extracted from hsrpagrotech.com):
- Primary Green: #52B788 (Medium green - brand primary)
- Dark Green: #1B4332 (Header background, dark sections)
- Light Green: #95D5B2 (Accents, highlights)
- Background Light: #F8F9FA (Light background)
- Background Dark: #081C15 (Dark mode background)
- Text Primary: #212529 (Dark text on light backgrounds)
- Text Secondary: #6C757D (Muted text)
- Text on Dark: #FFFFFF (White text on dark backgrounds)
- Success: #40916C (Success states)
- Error: #D32F2F (Error states)
- Warning: #F9A825 (Warning states)
- Border/Divider: #D8F3DC (Light green borders)

Typography:
- Headings: "Inter", sans-serif - weights 600, 700
- Body: "Inter", sans-serif - weights 400, 500
- Monospace (sensor data/dashboards): "JetBrains Mono", monospace - weights 400, 500
- Base font size: 16px
- Line height body: 1.6
- Line height headings: 1.2
- Type scale: 1.250 (Major Third) modular scale

Layout Constants:
- Maximum content width: 1280px
- Section padding: 80px vertical (desktop), 48px (mobile)
- Breakpoints: 480px, 768px, 1024px, 1280px
- Minimum tap target: 44x44px (mobile)
- Border radius: 8px-16px

Accessibility:
- WCAG AA compliant
- Minimum contrast ratio: 4.5:1 for body text, 3:1 for large text
- Keyboard navigation support
- Screen reader optimized
- Focus states on all interactive elements

WordPress Integration:
- Custom Post Types: crops, farms, sensors, drones, iot_traps
- WooCommerce: Full shop integration with custom styling
- Supabase: Real-time data integration for IoT sensors and dashboards
- Template Hierarchy: Custom page templates for dashboard, database, auth pages

File Structure:
Phase 1 generates the complete WordPress theme foundation with stubbed template files.
Phase 2 will implement visual design and landing page.
Phase 3 will implement authenticated dashboards.
Phase 4 will prepare API-ready integration placeholders.

THIS FILE (style.css) contains only WordPress theme header metadata.
All visual styling is located in /assets/css/ directory and enqueued via functions.php.
*/

/* 
 * Crop Database & Single Crop Refinement Styles
 */

/* Grid Layout for Database Listing */
.crop-database-page .crops-grid {
    display: grid;
    gap: var(--space-8);
    grid-template-columns: 1fr;
    margin-top: var(--space-10);
}

@media (min-width: 768px) {
    .crop-database-page .crops-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .crop-database-page .crops-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Clickable Crop Card UI */
.crop-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.crop-card-link:hover {
    transform: translateY(-8px);
}

.crop-card {
    height: 100%;
    background: #fff;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-divider);
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.crop-card-link:hover .crop-card {
    box-shadow: var(--shadow-lg);
}

.crop-card__image {
    height: 200px;
    overflow: hidden;
}

.crop-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.crop-card-link:hover .crop-card__image img {
    transform: scale(1.1);
}

.crop-card__content {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.crop-card__title {
    font-size: 1.25rem;
    margin-bottom: var(--space-2);
    color: var(--color-dark-green);
}