/*
Theme Name: Imagistack
Theme URI: https://imagistack.com
Author: Imagistack
Description: AI-native product engineering agency theme. Full Site Editing (block) theme, Gutenberg-editable, mobile responsive.
Version: 1.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: imagistack
*/

:root{
  --ig-bg:#1A1917;
  --ig-bg-alt:#221F1C;
  --ig-cream:#F3EDE4;
  --ig-emerald:#10B981;
  --ig-emerald-light:#34D399;
  --ig-muted:rgba(243,237,228,0.65);
}

body{ background:var(--ig-bg); color:var(--ig-cream); font-family:"DM Sans", sans-serif; }
h1,h2,h3,h4{ font-family:"Space Grotesk", sans-serif; }
a{ color:var(--ig-emerald); text-decoration:none; }
a:hover{ color:var(--ig-emerald-light); }

.wp-block-button__link{
  background:var(--ig-emerald) !important;
  color:#fff !important;
  border-radius:8px !important;
  padding:12px 24px !important;
  font-weight:600;
  transition:background .2s, transform .15s;
}
.wp-block-button__link:hover{ background:var(--ig-emerald-light) !important; transform:translateY(-1px); }

.ig-card{
  background:var(--ig-bg-alt);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:28px;
}

/* Mobile nav */
.ig-ham-btn{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; }
.ig-ham-btn span{ width:22px; height:2px; background:var(--ig-cream); display:block; border-radius:2px; }
.ig-mobile-nav{ display:none; flex-direction:column; padding:20px; background:var(--ig-bg); border-top:1px solid rgba(255,255,255,0.08); }
.ig-mobile-nav.open{ display:flex; }
.ig-mobile-nav a{ color:var(--ig-cream); padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.06); font-size:16px; }

/* Responsive */
@media (max-width: 782px){
  .wp-block-navigation{ display:none !important; }
  .ig-ham-btn{ display:flex !important; }
  h1{ font-size:34px !important; line-height:1.15 !important; }
  h2{ font-size:26px !important; }
  .wp-block-columns{ flex-direction:column !important; }
  .wp-block-column{ width:100% !important; margin-bottom:20px; }
  .ig-card{ padding:20px; }
  section{ padding-left:20px !important; padding-right:20px !important; }
}
@media (max-width: 480px){
  h1{ font-size:28px !important; }
  .wp-block-buttons{ flex-direction:column !important; width:100%; }
  .wp-block-button{ width:100%; }
  .wp-block-button__link{ width:100%; text-align:center; display:block; }
}