/* CW Asset Finance — shared design system. Reference: design_handoff_cw_asset_finance/README.md */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Public Sans',system-ui,sans-serif;color:#143024;background:#fff;-webkit-font-smoothing:antialiased;}
.cwaf h1,.cwaf h2,.cwaf h3,.cwaf h4{font-family:'Montserrat',system-ui,sans-serif;}
.cwaf a{color:#a97b12;text-decoration:none;}
.cwaf a:hover{color:#8a6510;}
.cwaf details summary::-webkit-details-marker{display:none;}
.cwaf ::selection{background:#e0a72e;color:#0e2117;}
.cwaf [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.cwaf [data-reveal].in{opacity:1;transform:none;}
.cwaf img{max-width:100%;display:block;}

/* image placeholders (no photography supplied yet) */
.cwaf .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2f0,#dfe6e1);color:#7a8a80;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;text-align:center;padding:20px;text-transform:uppercase;letter-spacing:.5px;}

/* hover states not expressible via inline styles */
.cwaf .btn-gold:hover{background:#c99521 !important;}
.cwaf .card-lift{transition:box-shadow .2s,transform .2s;}
.cwaf .card-lift:hover{box-shadow:0 16px 40px rgba(18,30,54,.12);transform:translateY(-4px);}
.cwaf input:focus,.cwaf select:focus,.cwaf textarea:focus{outline:2px solid #e0a72e;outline-offset:1px;}
.cwaf .tab-btn:hover{color:#fff !important;}

/* sticky side tabs */
.cwaf .side-tabs a{transition:padding .15s;}
.cwaf .side-tabs a:hover{padding-right:14px !important;}

/* header nav active state */
.cwaf .nav-link.is-active{color:#e0a72e !important;text-decoration:underline;text-decoration-color:#e0a72e;text-decoration-thickness:2px;text-underline-offset:6px;}

/* mobile nav */
.cwaf .hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.cwaf .hamburger span{display:block;width:24px;height:2px;background:#143024;margin:5px 0;}
.cwaf .site-nav{display:flex;align-items:center;gap:26px;margin-left:auto;}

/* WPForms styling bridge — match the white rounded quote panel. Uses !important
   because WPForms' own CSS scopes rules under #wpforms-{id}, which outranks
   plain class selectors here. */
.cwaf .cwaf-form-panel .wpforms-container{margin:0 !important;}
.cwaf .cwaf-form-panel .wpforms-field-container{display:grid !important;grid-template-columns:1fr 1fr;gap:0 13px;}
.cwaf .cwaf-form-panel .wpforms-field{padding:0 !important;margin:0 0 13px !important;grid-column:span 1;}
.cwaf .cwaf-form-panel .wpforms-field-textarea,
.cwaf .cwaf-form-panel .wpforms-field-select{grid-column:1 / -1 !important;}
.cwaf .cwaf-form-panel label.wpforms-field-label{font-size:12.5px !important;font-weight:600 !important;color:#4a5568 !important;font-family:'Public Sans',sans-serif !important;margin-bottom:6px !important;display:block;}
.cwaf .cwaf-form-panel input[type=text],
.cwaf .cwaf-form-panel input[type=email],
.cwaf .cwaf-form-panel input[type=tel],
.cwaf .cwaf-form-panel select,
.cwaf .cwaf-form-panel textarea{width:100% !important;padding:12px !important;border:1px solid #d3dae4 !important;border-radius:9px !important;font-size:14px !important;color:#143024 !important;font-family:'Public Sans',sans-serif !important;background:#fff !important;box-shadow:none !important;}
.cwaf .cwaf-form-panel .wpforms-submit-container{margin-top:5px !important;}
.cwaf .cwaf-form-panel .wpforms-submit{width:100% !important;background:#e0a72e !important;color:#0e2117 !important;font-family:'Montserrat',sans-serif !important;font-weight:800 !important;font-size:16px !important;padding:15px !important;border:none !important;border-radius:9px !important;cursor:pointer;}
.cwaf .cwaf-form-panel .wpforms-submit:hover{background:#c99521 !important;}
.cwaf .cwaf-form-panel .wpforms-confirmation-container-full{text-align:center;padding:40px 10px;border:none !important;background:none !important;color:#143024;}

/* ===== Responsive: collapse desktop grids under 900px ===== */
@media (max-width:900px){
  .cwaf .g-2,.cwaf .g-3,.cwaf .g-4{grid-template-columns:1fr !important;}
  .cwaf .cwaf-form-panel .wpforms-field-container{grid-template-columns:1fr !important;}
  .cwaf .hero-split{grid-template-columns:1fr !important;}
  .cwaf .hero-photo{position:relative !important;width:100% !important;height:220px !important;clip-path:none !important;order:-1;}
  .cwaf .hero-copy{max-width:none !important;padding-top:24px;}
  .cwaf section .max-w{padding-left:18px !important;padding-right:18px !important;}
  .cwaf .site-nav{display:none !important;}
  .cwaf .hamburger{display:block !important;}
  .cwaf .site-nav.mobile-open{display:flex !important;position:fixed;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 26px;gap:16px;border-bottom:1px solid #e6eaf0;z-index:80;}
  .cwaf h1{font-size:34px !important;}
  .cwaf h2{font-size:27px !important;}
  .cwaf .side-tabs{display:none !important;}
  .cwaf .split-img{order:-1;}
}