/*
Theme Name: Thermonik ENG 2026 Visual Master V4
Theme URI: https://thermonik-eng.com/
Author: Thermonik ENG
Description: Visual-parity WordPress implementation that renders the approved 2026 JP/EN HTML masters without restructuring their markup or CSS.
Version: 0.5.1
Text Domain: thermonik-eng-2026
*/

/*
 * The approved HTML master remains the visual source of truth.
 * The rules below are limited WordPress/mobile QA overrides
 * approved during the 2026 production implementation.
 */
/* =========================================================
   Mobile hero spacing / typography
   JP / EN common
   ========================================================= */
@media (max-width: 600px) {

  .hero > .wrap {
    padding-top: 52px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  .hero .hero-copy {
    padding-left: 0;
    padding-right: 0;
  }

  /* Main page title */
  .hero .hero-copy h1 {
    font-size: 32px;
    line-height: 1.22;
    letter-spacing: -0.02em;
    margin-top: 12px;
    margin-bottom: 18px;
  }

  /* Subtitle / lead text */
  .hero .hero-copy h2,
  .hero .hero-copy .subtitle,
  .hero .hero-copy .lead {
    font-size: 18px;
    line-height: 1.5;
  }

  /* Hero description */
  .hero .hero-copy p {
    font-size: 15.5px;
    line-height: 1.8;
  }
  .hero .hero-copy p {
    font-size: 15.5px;
    line-height: 1.8;
  }


  /* Company / News / Technical information page hero */
  .page-hero > .wrap.page-hero-grid {
    padding-top: 52px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  .page-hero h1 {
    font-size: 32px;
    line-height: 1.22;
    letter-spacing: -0.02em;
    margin-top: 12px;
    margin-bottom: 18px;
  }

  .page-hero p {
    font-size: 15.5px;
    line-height: 1.8;
  }
	  /* ---------------------------------------------------------
     Mobile News list
     JP / EN common
     --------------------------------------------------------- */

  .news-list .news-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .news-list .news-item > time,
  .news-list .news-item > .news-cat,
  .news-list .news-item > .news-title {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }

  .news-list .news-item .news-cat {
    justify-self: start;
    width: auto;
  }

  .news-list .news-item .news-title {
    line-height: 1.6;
  }


  /* ---------------------------------------------------------
     Mobile CTA panel
     Company / About Us etc.
     --------------------------------------------------------- */

  .content.light .cta-panel {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .content.light .cta-panel > div {
    width: 100%;
    min-width: 0;
  }

  .content.light .cta-panel .btn {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
	
}