/* SMSAK OS layer — 2026-09-07
   Desktop chrome closer to Apple / Fluent: system type, quieter FABs,
   tighter nav, reduced neon. Loaded via smsak-polish.css. */

:root {
  --smsak-blue: #0071e3;
  --smsak-blue-hover: #0077ed;
  --smsak-ink: #1d1d1f;
  --smsak-muted: #6e6e73;
  --smsak-hairline: rgba(0, 0, 0, 0.08);
  --smsak-radius-pill: 980px;
  --smsak-shadow-btn: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 113, 227, 0.18);
}

html {
  font-family: "SF Pro Display", "SF Pro Text", "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.glass-nav {
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 1px solid var(--smsak-hairline) !important;
}

.dark .glass-nav {
  background: rgba(22, 22, 24, 0.72) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.glass-nav a,
.glass-nav button {
  letter-spacing: -0.01em;
}

.glass-nav .bg-primary-600,
.glass-nav a[href="#contact"] {
  background: var(--smsak-blue) !important;
  box-shadow: var(--smsak-shadow-btn);
  border-radius: var(--smsak-radius-pill) !important;
  font-weight: 600 !important;
}

#hero h1,
h1 {
  letter-spacing: -0.04em;
  font-weight: 650;
}

#hero a[href="#contact"],
#hero a[href*="wa.me"] {
  border-radius: var(--smsak-radius-pill) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
}

#hero a[href="#contact"] {
  background: #fff !important;
  color: var(--smsak-ink) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.22);
}

#hero a[href*="wa.me"] {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

@media (min-width: 1024px) {
  #fab-wrap,
  #wa-fab-row,
  #wa-fab,
  #wa-tooltip {
    display: none !important;
  }
}

#wa-fab {
  background: #1d1d1f !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

.swissy-launcher,
[class*="swissy-launcher"],
.smsak-fb-btn {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

@media (min-width: 1024px) {
  .swissy-launcher,
  [class*="swissy-launcher"] {
    transform: scale(0.92);
    transform-origin: bottom right;
  }
}

#submit-btn {
  background: var(--smsak-blue) !important;
  border-radius: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  box-shadow: var(--smsak-shadow-btn) !important;
}

#submit-btn:hover {
  background: var(--smsak-blue-hover) !important;
}

input, textarea, select {
  border-radius: 14px !important;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.18) !important;
  border-color: var(--smsak-blue) !important;
}

@media (prefers-reduced-motion: reduce) {
  #hero video {
    display: none !important;
  }
}

::selection {
  background: rgba(0, 113, 227, 0.18);
  color: inherit;
}