/*
Theme Name: Iron Stag
Theme URI: https://www.ironstagltd.com
Author: Iron Stag Ltd
Author URI: https://www.ironstagltd.com
Description: A clean, responsive WordPress theme inspired by studio-37. Includes hero banners, large logo header, newsletter footer area (Mailchimp-ready).
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: ironstag
*/

:root{
  --color-1: #0b2545; /* deep navy */
  --color-2: #1f8a70; /* teal */
  --color-3: #f2b705; /* warm yellow */
  --color-4: #eef2f4; /* light grey */
  --text: #222;
  --muted: #6b6f76;
  --max-width: 1200px;
  --radius: 12px;
  --gap: 1.25rem;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;font-size:16px;color:var(--text);background:var(--color-4);line-height:1.5}
a{color:var(--color-1);text-decoration:none}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}
.site-header{background:white;border-bottom:1px solid rgba(11,37,69,0.06);position:sticky;top:0;z-index:1000}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.site-branding{display:flex;align-items:center;gap:16px}
.site-branding img{height:72px;width:auto}
.site-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.site-nav a{padding:6px 8px;border-radius:8px}
.hero{background:linear-gradient(180deg, rgba(11,37,69,0.04), rgba(31,138,112,0.02));padding:48px 0;border-bottom:1px solid rgba(11,37,69,0.04)}
.hero-inner{display:flex;gap:24px;align-items:center;justify-content:space-between}
.hero .hero-content{max-width:720px}
.hero h1{font-size:clamp(28px,4.5vw,44px);margin:0 0 12px}
.hero p{margin:0 0 18px;color:var(--muted)}
.content{padding:36px 0}
.card{background:white;border-radius:12px;padding:18px;box-shadow:0 6px 20px rgba(11,37,69,0.04);margin-bottom:20px}
.footer{background:var(--color-1);color:white;padding:28px 0;margin-top:36px}
.footer a{color:var(--color-4)}
.newsletter{display:flex;gap:8px;flex-wrap:wrap}
input[type="email"]{padding:10px 12px;border-radius:8px;border:1px solid rgba(11,37,69,0.08);min-width:220px}
button.cta{background:var(--color-3);border:none;padding:10px 16px;border-radius:8px;cursor:pointer}
.meta{color:var(--muted);font-size:14px}

/* Responsive */
@media (max-width:900px){
  .hero-inner{flex-direction:column;align-items:flex-start}
  .site-nav ul{display:none}
  .site-branding img{height:56px}
}