/*
Theme Name: MCCAIM
Theme URI: https://mccaim.co
Author: MCCAIM
Author URI: https://mccaim.co
Description: MCCAIM — Strategic Partner. Single-page brand site — a consultancy that builds businesses from the first idea through strategy, growth and digital transformation, across seven industries. Built on the MCCAIM brand identity (ink navy #081828, vermilion signal #F15C3E, Newsreader + Hanken Grotesk). Content synced to Strategic Partner Profile v0.4. WPForms-ready contact section; pair with the MCCAIM Child theme for safe edits.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: Proprietary
Text Domain: mccaim
*/

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#081828;font-family:'Hanken Grotesk',system-ui,sans-serif}
::selection{background:#F15C3E;color:#081828}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}

/* hover states (converted from the design system) */
a{transition:color .2s ease, filter .2s ease}
a:hover{filter:brightness(1.06)}
nav a:hover,footer a:hover{color:#F6F3EC;filter:none}

/* WordPress admin bar offset for sticky nav */
.admin-bar nav{top:32px}
@media (max-width:782px){.admin-bar nav{top:46px}}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  nav{padding-left:24px !important;padding-right:24px !important;flex-wrap:wrap;gap:14px}
  nav > div{gap:18px !important;font-size:14px !important;flex-wrap:wrap}
  header, section, footer{padding-left:28px !important;padding-right:28px !important}
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  h1{font-size:54px !important}
  h2{font-size:38px !important}
}
@media (max-width:560px){
  header{padding-top:90px !important}
  h1{font-size:40px !important}
  h2{font-size:32px !important}
  nav a[href="#about"],nav a[href="#industries"],nav a[href="#method"],nav a[href="#capabilities"],nav a[href="#leadership"],nav a[href="#outcomes"],nav a[href="#clients"]{display:none}
}

/* ---------- WPForms — brand styling inside the Contact section ---------- */
#contact .wpforms-container{margin:0 !important}
#contact .wpforms-form .wpforms-field{padding:0 0 18px !important}
#contact .wpforms-form .wpforms-field-label{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;
  text-transform:uppercase;color:#AEB8C2;font-weight:500;margin-bottom:8px;
}
#contact .wpforms-form .wpforms-field-description{color:#5C6B7A;font-size:13px}
#contact .wpforms-form input[type=text],
#contact .wpforms-form input[type=email],
#contact .wpforms-form input[type=tel],
#contact .wpforms-form input[type=url],
#contact .wpforms-form input[type=number],
#contact .wpforms-form select,
#contact .wpforms-form textarea{
  width:100%;background:#0C1D30;border:1px solid rgba(255,255,255,0.14);
  border-radius:2px;color:#F6F3EC;font-family:'Hanken Grotesk',sans-serif;
  font-size:15px;padding:12px 14px;
}
#contact .wpforms-form input:focus,
#contact .wpforms-form select:focus,
#contact .wpforms-form textarea:focus{outline:none;border-color:#F15C3E}
#contact .wpforms-form ::placeholder{color:#5C6B7A}
#contact .wpforms-form .wpforms-required-label{color:#F15C3E}
#contact .wpforms-form .wpforms-submit{
  background:#F15C3E !important;color:#081828 !important;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600 !important;font-size:16px !important;
  border:none !important;border-radius:2px !important;padding:15px 30px !important;
  cursor:pointer;transition:filter .2s ease;
}
#contact .wpforms-form .wpforms-submit:hover{filter:brightness(1.06)}
#contact div.wpforms-confirmation-container-full{
  background:#0C1D30 !important;border:1px solid rgba(255,255,255,0.14) !important;
  color:#F6F3EC !important;border-radius:2px;
}