/* Responsive overrides for MERLIN
   Auto-included by golem bundle_resources() */

/* ── Page title — fluid across all desktop widths ──────────────────────── */
.merlin-page-title {
  font-size: clamp(14px, 1.4vw, 26px) !important;
}

/* ── Base font — scale gently with viewport width ──────────────────────── */
body {
  font-size: clamp(12px, 0.9vw, 15px) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   LAPTOP  (1280 – 1599 px)
   Map designed at 800 px; plots designed at ~280 px per env cell
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1599px) {
  #data_inputs_1-map                       { height: 580px !important; }

  #impact_analysis_1-summary_emissions_plot,
  #impact_analysis_1-summary_land_plot,
  #impact_analysis_1-summary_water_plot,
  #impact_analysis_1-summary_socioeco_plot { height: 240px !important; }

  #impact_analysis_1-env_plot_herd,
  #impact_analysis_1-env_plot_production,
  #impact_analysis_1-env_plot_emissions,
  #impact_analysis_1-env_plot_water,
  #impact_analysis_1-env_plot_land_total,
  #impact_analysis_1-env_plot_land_crop   { height: 220px !important; }

  #impact_analysis_1-socioeco_plot         { height: 540px !important; }
  #impact_analysis_1-nutrition_plot        { height: 660px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   TABLET / SMALL LAPTOP  (< 1280 px)
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1279px) {
  #data_inputs_1-map                       { height: 460px !important; }

  #impact_analysis_1-summary_emissions_plot,
  #impact_analysis_1-summary_land_plot,
  #impact_analysis_1-summary_water_plot,
  #impact_analysis_1-summary_socioeco_plot { height: 200px !important; }

  #impact_analysis_1-env_plot_herd,
  #impact_analysis_1-env_plot_production,
  #impact_analysis_1-env_plot_emissions,
  #impact_analysis_1-env_plot_water,
  #impact_analysis_1-env_plot_land_total,
  #impact_analysis_1-env_plot_land_crop   { height: 180px !important; }

  #impact_analysis_1-socioeco_plot         { height: 460px !important; }
  #impact_analysis_1-nutrition_plot        { height: 560px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   SMALL TABLET / LARGE PHONE  (< 992 px)
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  #data_inputs_1-map                       { height: 380px !important; }

  #impact_analysis_1-summary_emissions_plot,
  #impact_analysis_1-summary_land_plot,
  #impact_analysis_1-summary_water_plot,
  #impact_analysis_1-summary_socioeco_plot { height: 160px !important; }

  #impact_analysis_1-env_plot_herd,
  #impact_analysis_1-env_plot_production,
  #impact_analysis_1-env_plot_emissions,
  #impact_analysis_1-env_plot_water,
  #impact_analysis_1-env_plot_land_total,
  #impact_analysis_1-env_plot_land_crop   { height: 150px !important; }

  #impact_analysis_1-socioeco_plot         { height: 380px !important; }
  #impact_analysis_1-nutrition_plot        { height: 460px !important; }

  .card-body { padding: 10px !important; }
}