/*
Theme Name: Veryon CS Lab
Theme URI: https://aviation.aarontudor.com
Author: Aaron Tudor
Description: Independent Customer Success study of Veryon's aviation maintenance software — platform guide, customer journey, news, and learning resources. Not affiliated with Veryon.
Version: 1.3.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: aviation-cs
*/

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 1.5rem; }
h1, h2, h3 { text-wrap: balance; }

.cs-card { transition: transform .15s ease, box-shadow .15s ease; }
.cs-card:hover, .cs-card:focus-within { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.cs-tag { display:inline-block; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; padding:.2rem .6rem; border-radius:999px; background:var(--wp--preset--color--accent-soft); color:var(--wp--preset--color--accent); font-weight:600; }
.cs-stat { font-size: clamp(1.9rem, 4vw, 2.6rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; margin: 0; }
.cs-step { font-family: var(--wp--preset--font-family--mono); font-size: .8rem; color: var(--wp--preset--color--accent); font-weight: 600; margin: 0; }
.cs-timeline p, .cs-date, .cs-date + .cs-links { margin: 0; }
.cs-date { font-family: var(--wp--preset--font-family--mono); font-size: .85rem; color: var(--wp--preset--color--muted); min-width: 6.5rem; }
.cs-links a { font-weight: 600; text-decoration: none; }
.cs-links a:hover, .cs-links a:focus-visible { text-decoration: underline; }
.cs-links a::after { content: " ↗"; content: " ↗" / ""; }
.cs-badge { display:inline-block; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; padding:.15rem .55rem; border-radius:999px; background:var(--wp--preset--color--ink); color:var(--wp--preset--color--paper); font-weight:700; }
.cs-src { color: var(--wp--preset--color--muted); }
.cs-card h3 a { color: var(--wp--preset--color--ink); text-decoration: none; }
.cs-card h3 a:hover, .cs-card h3 a:focus-visible { text-decoration: underline; }
.wp-block-button__link { transition: opacity .15s ease; }
.wp-block-button__link:hover { opacity: .88; }

:where(a, button, .wp-block-button__link, .wp-block-navigation-item__content):focus-visible {
  outline: 2px solid var(--wp--preset--color--ink);
  outline-offset: 3px;
  border-radius: 4px;
}
.has-ink-background-color :focus-visible { outline-color: var(--wp--preset--color--paper); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cs-card, .wp-block-button__link { transition: none; }
  .cs-card:hover, .cs-card:focus-within { transform: none; }
}

.at-brand { display: flex; align-items: center; gap: .6rem; }
.at-logo-mark { width: 36px; height: 36px; display: block; flex: none; }