/* Apple / iOS-inspired theme overrides for Pico.css
   Reference: https://picocss.com/docs (variables API)
   These override Pico variables without modifying Pico sources. */

/* Homepage specific micro-spacing */
#vt-intro .vt-col .app-icon { display:block; }
#vt-intro .vt-col .cta { margin-top: 0.5rem; margin-bottom: 0.25rem; }
#vt-intro .vt-col .store { margin-top: 0.25rem; }

/* Virtual Treadmill hero layout tuning */
.vt-hero { align-items: center; }
.vt-hero-icon { display:flex; align-items:center; justify-content:center; }
.vt-hero-content { display:block; }
.vt-cta-row { display:flex; align-items:center; justify-content:center; gap: 0.75rem; margin-top: 0.5rem; flex-wrap: wrap; }
.vt-cta-row .appstore-badge img { max-width: 180px; height: auto; }
.vt-cta-row .learn-more { --spacing: 0; }
.treadmill-social { margin-top: 0.25rem; text-align: center; }
.mastodon-link { display:inline-flex; align-items:center; gap:0.375rem; color: var(--mastodon-color); text-decoration: none; }
.mastodon-link:hover { text-decoration: underline; }

/* Theme-aware Mastodon brand color */
:root{ --mastodon-color:#6364FF; }
@media only screen and (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --mastodon-color:#858AFA; } }
[data-theme="dark"]{ --mastodon-color:#858AFA; }

/* Treadmill page hero media alignment */
.treadmill-hero-left { display:flex; flex-direction:column; align-items:center; }
.treadmill-hero-left .hero-app-icon { display:block; }
.treadmill-hero-left .appstore { margin-top: 0.5rem; }
.treadmill-social { margin-top: 0.5rem; }

/* iTileMaps hero alignment */
.itm-hero { align-items: center; }
.itm-hero-icon { display:flex; align-items:center; justify-content:center; }
.itm-hero-content { display:block; }