/*
Theme Name: Kinetic Telemetry
Theme URI: https://whatphone.io
Author: whatphone.io
Author URI: https://whatphone.io
Description: Lightning-fast, SEO-optimized theme for whatphone.io. Client-side device detection, hardware tester, comparison matrix and FAQ accordion. Homepage fully editable via Customizer plus FAQ and Comparison Device post types.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kinetic-telemetry
*/

html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;overscroll-behavior:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:rgb(var(--kt-surface,248 249 255));color:rgb(var(--kt-text,11 28 48))}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}
.admin-bar #site-header{top:32px}
@media(max-width:782px){.admin-bar #site-header{top:46px}}
.screen-reader-text{position:absolute;left:-9999px}
.is-hidden{display:none!important}

/* Nav active state (menu + scrollspy) */
.kt-nav .current-menu-item>a,.kt-nav a.is-active{background:rgb(var(--kt-primary-container,79 70 229));color:#fff;font-weight:600}

/* Radar + scan animation */
@keyframes scan{0%,100%{transform:translateY(-100%) skewY(-6deg)}50%{transform:translateY(420%) skewY(-6deg)}}
@keyframes kt-sweep{to{transform:rotate(360deg)}}
.kt-radar-sweep{position:absolute;inset:0;border-radius:9999px;background:conic-gradient(from 0deg,rgb(var(--kt-secondary-container,254 107 0) / .35),transparent 28%);animation:kt-sweep 3.2s linear infinite;pointer-events:none}
.kt-node{position:absolute;width:8px;height:8px;border-radius:9999px;background:rgb(var(--kt-secondary-container,254 107 0));box-shadow:0 0 8px rgb(var(--kt-secondary-container,254 107 0));transform:translate(-50%,-50%);animation:kt-ping 2.4s ease-in-out infinite}
@keyframes kt-ping{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.6)}}
.kt-scanning{box-shadow:0 0 0 2px rgb(var(--kt-secondary-container,254 107 0)),0 0 32px rgb(var(--kt-secondary-container,254 107 0) / .45)!important}

/* FAQ accordion */
.kt-faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.kt-faq.is-open .kt-faq-panel{grid-template-rows:1fr}
.kt-faq.is-open .kt-faq-icon{transform:rotate(180deg)}
.kt-faq-icon{transition:transform .25s ease}
.kt-faq-body p{margin:0 0 .75rem}

/* Touch pad */
#kt-touch-pad{touch-action:none;-webkit-user-select:none;user-select:none}
#kt-touch-pad canvas{position:absolute;inset:0;width:100%;height:100%}

/* Basic content (page.php / index.php) */
.kt-prose{max-width:48rem;margin:0 auto;line-height:1.7}
.kt-prose h1,.kt-prose h2,.kt-prose h3{font-weight:800;letter-spacing:-.02em;margin:1.5em 0 .5em}
.kt-prose a{color:rgb(var(--kt-primary,53 37 205));text-decoration:underline}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{
  #site-header,#site-footer,#tester,#faq,.no-print{display:none!important}
  main{padding-top:0!important}
  .specs-tab-panel{display:flex!important;break-inside:avoid}
  body{background:#fff}
}
.kt-faq:not(.is-open) .kt-faq-body{visibility:hidden}
.kt-brand .kt-tag{display:none}
.kt-brand.is-detected{border-color:rgb(var(--kt-secondary-container,254 107 0));box-shadow:0 0 16px rgb(var(--kt-secondary-container,254 107 0) / .25)}
.kt-brand.is-detected .kt-tag{display:inline-flex}