/*
Theme Name: KARMS ’29 Theme
Description: Mobile-first, fast, accessible micro-business theme for KARMS ’29.
Version: 1.1
*/

/* =========================================================
   KARMS ’29 — Global Theme Styles
   Goals: fast, mobile-first, accessible, consistent UI
   ========================================================= */

:root{
  --k29-bg:#070a12;
  --k29-surface:rgba(255,255,255,.06);
  --k29-surface2:rgba(255,255,255,.04);
  --k29-line:rgba(255,255,255,.12);
  --k29-text:rgba(255,255,255,.92);
  --k29-muted:rgba(255,255,255,.72);

  --k29-accent:#7c3aed;  /* purple */
  --k29-accent2:#22c55e; /* green */
  --k29-accent3:#60a5fa; /* blue */

  --k29-shadow:0 18px 55px rgba(0,0,0,.38);
  --k29-r:16px;
  --k29-max:1180px;
  --k29-pad:clamp(16px,4vw,28px);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--k29-bg);
  color:var(--k29-text);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';
  line-height:1.5;
}

/* Accessibility: visible focus */
:focus{ outline:none; }
:focus-visible{
  outline:3px solid rgba(96,165,250,.95);
  outline-offset:3px;
  border-radius:10px;
}

/* Images */
img{ max-width:100%; height:auto; }

/* Utility container */
.k29-container{ max-width:var(--k29-max); margin:0 auto; padding:0 var(--k29-pad); }

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *{ transition:none !important; animation:none !important; }
}

/* Make WP block embeds behave */
.wp-block{ max-width:100%; }

/* Gravity Forms polish (works with your Contact page) */
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-radius:14px !important;
}
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{ color:rgba(255,255,255,.60) !important; }

.gform_wrapper .gform_button{
  background:linear-gradient(135deg,#7c3aed,#60a5fa) !important;
  border:0 !important;
  color:#071018 !important;
  font-weight:950 !important;
  border-radius:14px !important;
  padding:12px 16px !important;
}

/* Fix WP admin bar overlap with sticky header */
body.admin-bar .k29-header{ top:32px; }
@media (max-width:782px){
  body.admin-bar .k29-header{ top:46px; }
}
/* =========================================================
   KARMS ’29 — Global Polish + Gravity Forms Contrast Fix
   Paste at bottom of style.css
   ========================================================= */

/* Better default text contrast on dark */
body { background: #070a12; color: rgba(255,255,255,.92); }

/* Links */
a { text-underline-offset: 3px; }
a:hover { opacity: .95; }

/* Gravity Forms readability on dark backgrounds */
.gform_wrapper,
.gform_wrapper * { color: rgba(255,255,255,.92) !important; }

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
  border-radius: 14px !important;
  padding: 12px 12px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{
  color: rgba(255,255,255,.55) !important;
}

.gform_wrapper .gfield_label,
.gform_wrapper legend{
  color: rgba(255,255,255,.88) !important;
  font-weight: 800 !important;
}

/* Buttons */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"]{
  background: linear-gradient(135deg,#7c3aed,#60a5fa) !important;
  color: #071018 !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  padding: 12px 16px !important;
  box-shadow: 0 14px 55px rgba(0,0,0,.25);
}
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover{
  filter: brightness(1.03) saturate(1.02);
}

/* Messages */
.gform_wrapper .validation_message,
.gform_wrapper .gform_validation_errors{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  color: rgba(255,255,255,.92) !important;
}

/* Optional: glow card utility (if you add class="k29-glowBox" anywhere) */
.k29-glowBox{
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:
    0 18px 70px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 65px rgba(124,58,237,.14);
  padding: clamp(14px,2.5vw,18px);
}