/*
Theme Name: Layout Theme Minimal
Theme URI: https://example.com/layout-theme-minimal
Author: ChatGPT
Author URI: https://example.com
Description: A classic WordPress theme implementing a fixed homepage layout: header with logo+hamburger, two-column intro strip, and four equal boxes.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: layout-theme-minimal
*/
:root{
  --container: 980px;
  --gap: 24px;
  --gray: #b9b0b0;
  --green1: #19ff2d;
  --green2: #0e5b22;
  --orange: #d86e22;
  --blue: #1b86cf;
  --black: #000;
  --yellow: #ffe81a;
  --body: #222;
  --pad: 20px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:var(--body); background:#fff;}
a{color:inherit}
.container{max-width:var(--container); margin-inline:auto; padding-inline:16px}
/* Header */
.site-header{padding:18px 0; position:relative;}
.brand-row{display:flex; align-items:center; justify-content:space-between}
.brand-left{display:flex; align-items:center; gap:10px}
.logo-pill{background: var(--black); color: var(--yellow); font-weight:700; letter-spacing:.5px; padding:8px 18px; display:inline-block}
.menu-toggle{width:34px; height:24px; display:grid; gap:6px; cursor:pointer}
.menu-toggle span{display:block; height:4px; background:#000}
.site-nav{display:none; position:absolute; right:16px; top:58px; background:#fff; border:1px solid #eee; box-shadow: 0 6px 24px rgba(0,0,0,.08);}
.site-nav ul{list-style:none; margin:0; padding:10px 14px; display:grid; gap:8px}
.site-nav a{text-decoration:none}
.site-nav.open{display:block}
/* Hero split */
.hero{background: var(--gray); padding: var(--pad);}
.hero-inner{display:grid; grid-template-columns: 1fr 1fr; gap: var(--gap);}
.hero .widget{font-size:22px; line-height:1.45}
/* Boxes */
.box-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:0; min-height:260px}
.box{display:flex; align-items:center; justify-content:center; padding:40px 10px; text-align:center; font-weight:700}
.box-1{background: var(--green1)}
.box-2{background: var(--green2); color:#e6ffe6}
.box-3{background: var(--orange)}
.box-4{background: var(--blue); color:#e6f3ff}

.logo-pill img {
  max-height: 60px;
  width: auto;
  display: block;
}
/* Footer */
.site-footer{border-top:1px solid #eee; font-size:.9rem; padding:20px 0; color:#555; margin-top:20px}
/* Responsive */
@media (max-width:900px){
  .hero-inner{grid-template-columns: 1fr}
  .box-grid{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width:520px){
  .box-grid{grid-template-columns: 1fr}
}