/*
Theme Name: HealthGrowth Child Theme
Theme URI: https://healthgrowth.in/
Description: Official HealthGrowth.in Child Theme featuring 150+ WHO & Clinically Verified Health Calculators across 24 Categories with modern responsive UI and instant search.
Author: HealthGrowth Team
Author URI: https://healthgrowth.in/
Template: neve
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: healthgrowth-child
*/

/* Custom variables and theme reset */
:root {
  --hg-primary: #059669;
  --hg-primary-hover: #047857;
  --hg-primary-light: #ecfdf5;
  --hg-primary-border: #a7f3d0;
  --hg-secondary: #0f172a;
  --hg-secondary-light: #1e293b;
  --hg-bg-main: #ffffff;
  --hg-bg-subtle: #f8fafc;
  --hg-text-main: #0f172a;
  --hg-text-muted: #64748b;
  --hg-border: #e2e8f0;
}

/* Footer text size adjusted (-2px) */
.footer-about { font-size: 14px !important; }
.footer h4 { font-size: 16px !important; }
.footer-links a { font-size: 14px !important; }
.newsletter p { font-size: 13px !important; }
.newsletter-box input { font-size: 13px !important; }
.newsletter-box button { font-size: 13px !important; }
.footer-bottom { font-size: 13px !important; }
.socials a { font-size: 14px !important; }

/* Mobile 2-column layout for all calculators */
@media (max-width: 768px) {
    .calculator-grid,
    .related-grid,
    .hg-calculator-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .calculator-card,
    .related-card {
        padding: 10px 8px !important;
    }
    .calculator-card h3,
    .related-card h3 {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    .calculator-card p,
    .related-card p {
        font-size: 10px !important;
        line-height: 1.35 !important;
        min-height: auto !important;
    }
    .calc-icon,
    .related-icon {
        width: 32px !important;
        height: 32px !important;
        font-size: 16px !important;
        margin-bottom: 6px !important;
    }
    .calc-link,
    .related-link {
        font-size: 10px !important;
        margin-top: 4px !important;
    }
}