/*
Theme Name: Documents for All
Theme URI: https://kloomiyin.com
Author: Kloomiyin, Inc.
Author URI: https://kloomiyin.com
Description: Marketing landing-page theme for Documents for All — Salesforce-native document generation, e-signature and contract lifecycle at $5 per user. Green Kloomiyin brand system, mobile-responsive, with a WPForms-powered trial form.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: documents-for-all
*/

/* ---------- base ---------- */
*{ box-sizing:border-box; margin:0; padding:0; }
body{ background:#EEF4EC; font-family:'Hanken Grotesk',sans-serif; -webkit-font-smoothing:antialiased; color:#0C2416; }
::selection{ background:#2FA65B; color:#fff; }
img{ max-width:100%; height:auto; }

.dfa-link{ color:#0F2A1A; text-decoration:none; font-weight:500; font-size:15px; transition:color .15s; }
.dfa-link:hover{ color:#2FA65B; }

input[type=range].dfa-range{ -webkit-appearance:none; appearance:none; height:8px; border-radius:99px; background:#DDE7DC; outline:none; }
input[type=range].dfa-range::-webkit-slider-thumb{ -webkit-appearance:none; width:28px; height:28px; border-radius:99px; background:#2FA65B; cursor:pointer; border:4px solid #FFFFFF; box-shadow:0 2px 8px rgba(47,166,91,.4); }
input[type=range].dfa-range::-moz-range-thumb{ width:28px; height:28px; border-radius:99px; background:#2FA65B; cursor:pointer; border:4px solid #FFFFFF; }

@keyframes dfaMarquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* keep the sticky nav clear of the WP admin bar */
.admin-bar [style*="position:sticky"][style*="z-index:50"]{ top:32px; }
@media screen and (max-width:782px){ .admin-bar [style*="position:sticky"][style*="z-index:50"]{ top:46px; } }

/* ---------- WPForms theming for the trial form (id 49) ---------- */
.dfa-form-card .wpforms-form{ margin:0; }
.dfa-form-card .wpforms-field-label{ font-family:'Space Mono',monospace !important; font-size:12px !important; letter-spacing:.06em !important; text-transform:uppercase !important; font-weight:400 !important; color:#5A6B60 !important; }
.dfa-form-card .wpforms-field input[type=text],
.dfa-form-card .wpforms-field input[type=email],
.dfa-form-card .wpforms-field select{ font-family:'Hanken Grotesk',sans-serif !important; font-size:16px !important; line-height:1.5 !important; color:#0C2416 !important; background:#EEF4EC !important; border:1px solid #DDE7DC !important; border-radius:12px !important; padding:14px 16px !important; width:100% !important; height:auto !important; min-height:52px !important; }
.dfa-form-card .wpforms-field input:focus,
.dfa-form-card .wpforms-field select:focus{ border-color:#2FA65B !important; outline:none !important; box-shadow:none !important; }
.dfa-form-card .wpforms-submit{ background:#2FA65B !important; color:#FFFFFF !important; font-family:'Bricolage Grotesque',sans-serif !important; font-weight:700 !important; font-size:18px !important; padding:17px 24px !important; border:none !important; border-radius:99px !important; width:100% !important; cursor:pointer !important; box-shadow:0 8px 24px rgba(47,166,91,.32) !important; }
.dfa-form-card .wpforms-submit:hover{ background:#86D98A !important; }

/* ---------- responsive ---------- */
@media (max-width:860px){
  /* hide desktop nav text links (keep the CTA button) */
  [style*="position:sticky"][style*="z-index:50"] a.dfa-link{ display:none !important; }

  /* collapse multi-column grids */
  [style*="grid-template-columns:repeat(3,1fr)"]{ grid-template-columns:1fr !important; }
  [style*="grid-template-columns:1fr 1fr"]{ grid-template-columns:1fr !important; }

  /* hero: stack the two-column grid, shrink headline */
  [style*="grid-template-columns:minmax(0,1fr) auto"]{ grid-template-columns:1fr !important; gap:36px !important; }
  [style*="transform:rotate(4deg)"]{ align-items:flex-start !important; }
  [style*="font-size: 76px"]{ font-size:42px !important; }

  /* trim heavy padding on rounded feature cards */
  [style*="border-radius:32px"][style*="padding:64px"]{ padding:36px 26px !important; }
  [style*="padding:72px 64px"]{ padding:48px 26px !important; }
  [style*="padding:72px 56px"]{ padding:44px 24px !important; }

  /* scale down large display headings */
  [style*="font-size:52px"]{ font-size:32px !important; }
  [style*="font-size:46px"]{ font-size:30px !important; }
  [style*="font-size:44px"]{ font-size:28px !important; }
  [style*="font-size:120px"]{ font-size:76px !important; }
  [style*="font-size:60px"]{ font-size:36px !important; }
}

/* comparison table: horizontal scroll instead of crushing 5 columns */
@media (max-width:760px){
  #compare [style*="overflow:hidden"]{ overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
  #compare [style*="grid-template-columns:1.4fr 1fr 1fr 1fr 1fr"]{ min-width:640px; }
}