/*
Theme Name: Krzysztof Michałowski — Doradca Finansowy
Theme URI: https://krzysztofmichalowski.pl/
Author: Krzysztof Michałowski
Author URI: https://krzysztofmichalowski.pl/
Description: Jednostronicowy motyw-wizytówka dla doradcy finansowego. Styl „Nature × Technology" — midnight blue, akcenty zieleni i czerwieni. Sekcja hero ze zdjęciem, pięć obszarów ochrony, profile social media oraz działający formularz kontaktowy (wysyłka przez wp_mail). Zoptymalizowany pod SEO i szybkość ładowania.
Version: 1.1.0
Requires at least: 5.5
Tested up to: 6.6
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krzysztof-michalowski
*/

/* ---------- Reset / base ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #0A1020;
  color: #EDEAE0;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; }
input, textarea, select, button { font-family: inherit; }
::selection { background: #8FAE6B; color: #0B1324; }
input::placeholder, textarea::placeholder { color: rgba(237,234,224,0.32); }

@keyframes kmglow { 0%,100% { opacity: .55; } 50% { opacity: .85; } }

/* ---------- Interactive states (replace inline pseudo states) ---------- */
.km-field:focus { border-color: #8FAE6B !important; }
.km-nav-link { transition: color .15s ease; }
.km-nav-link:hover { color: #EDEAE0 !important; }
.km-btn { transition: transform .15s ease, filter .15s ease; }
.km-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.km-contact-link { transition: color .15s ease; }
.km-contact-link:hover { color: #ffffff !important; }

/* ---------- Social icons ---------- */
.km-social { transition: transform .2s ease, box-shadow .2s ease; }
.km-social:hover { transform: translateY(-2px); }
.km-social-fb:hover { box-shadow: 0 8px 22px -8px rgba(24,119,242,0.8); }
.km-social-ig:hover { box-shadow: 0 8px 22px -8px rgba(214,36,159,0.8); }
.km-social-li:hover { box-shadow: 0 8px 22px -8px rgba(10,102,194,0.8); }

/* ---------- Hero photo ---------- */
.km-photo {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}

/* ---------- Responsive ---------- */
@media (max-width: 880px) {
  .km-hero { grid-template-columns: 1fr !important; }
  .km-hero-media { order: -1; max-width: 460px; }
  .km-sec2-head { grid-template-columns: 1fr !important; }
  .km-row { grid-template-columns: 40px 1fr !important; }
  .km-row .km-row-desc { grid-column: 1 / -1; }
  .km-process { grid-template-columns: 1fr !important; }
  .km-contact { grid-template-columns: 1fr !important; }
  .km-form-grid { grid-template-columns: 1fr !important; }
  .km-faq-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .km-nav { gap: 16px !important; }
  .km-stats { gap: 20px !important; }
}