/* ===== JasonCRE Interaction Layer v1 ===== */
html{scroll-behavior:smooth}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .2s ease,filter .2s ease}

/* Gold gradient CTAs — lift on hover */
a[style*="linear-gradient(135deg"]:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(200,163,95,.35)}
a[style*="linear-gradient(135deg"]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(200,163,95,.25)}

/* Ghost/outline buttons — soft fill on hover */
a[style*="border:1.5px solid rgba(255,255,255"]:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.5)!important}

/* Nav + footer links — gold shift */
.jb-nav-links a:hover{color:#c8a35f!important}
footer a:hover{color:#c8a35f!important}

/* Gold text links (View Details, etc.) — brighten */
a[style*="color:#c8a35f"]:hover{filter:brightness(1.18)}

/* Card photos — gentle zoom */
img{transition:transform .35s ease}
.lcard img:hover,.scard img:hover{transform:scale(1.015)}

/* Keyboard accessibility */
a:focus-visible,button:focus-visible{outline:2px solid #c8a35f;outline-offset:3px;border-radius:4px}

/* Page entrance */
@keyframes jcFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body{animation:jcFadeIn .45s ease-out}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* ==========================================================================
   jasoncre.com — micro-interaction gap fixes  (PACK A — global CSS)
   Load: WP Admin -> Appearance -> Customize -> Additional CSS -> paste -> Publish
   Undo: delete this block and Publish. Global, no HTML edits.
   Covers: (1) button press feedback  (2) keyboard focus rings
           (3) arrow-nudge on "->" links  (needs the small wrap script too — see
               deploy/arrow-nudge.html; this file only holds #3's animation rule)
   Tokens match the live site: gold #c8a35f / #a88740, navy #0a1628.
   ========================================================================== */

/* ---- (1) PRESS FEEDBACK — buttons + button-styled links dip when tapped ----
   Catches the class-based buttons AND the homepage's inline-styled pill/box
   links (they carry an inline border-radius). Plain text links are excluded on
   purpose — their feedback is the arrow-nudge (#3), not a scale. */
.jb-cta, .lh-btn-g, .lh-btn-o, .gs-btn, .gs-tab,
a[style*="border-radius"],
button:not(.jb-hamburger) {
  transition: transform .12s ease, filter .16s ease, box-shadow .16s ease;
}
.jb-cta:hover, .lh-btn-g:hover, .lh-btn-o:hover,
a[style*="border-radius"]:hover {
  filter: brightness(1.04);
}
.jb-cta:active, .lh-btn-g:active, .lh-btn-o:active,
.gs-btn:active, .gs-tab:active,
a[style*="border-radius"]:active,
button:not(.jb-hamburger):active {
  transform: scale(.975);
}

/* ---- (2) KEYBOARD FOCUS RINGS — visible ONLY on keyboard focus (Tab), never
   on mouse clicks. Fixes the homepage having zero focus states. Uses `outline`
   so it is never clipped by cards' overflow:hidden. Inputs keep their own
   existing focus style, so they are intentionally not re-ringed here. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
.jb-cta:focus-visible,
.lh-btn-g:focus-visible, .lh-btn-o:focus-visible,
.gs-tab:focus-visible, .gs-btn:focus-visible {
  outline: 2px solid #c8a35f;
  outline-offset: 3px;
  border-radius: 6px;
}

/* ---- (3) ARROW NUDGE — the trailing "->" slides right on hover. The wrap
   script (deploy/arrow-nudge.html) tags each arrow with .jc-arw; this rule
   animates it. Harmless before the script is added (nothing has .jc-arw yet). */
.jc-arw {
  display: inline-block;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1);
}
a:hover .jc-arw,
button:hover .jc-arw,
a:focus-visible .jc-arw {
  transform: translateX(4px);
}

/* Respect users who ask for reduced motion (macOS/iOS/Windows setting). */
@media (prefers-reduced-motion: reduce) {
  .jb-cta, .lh-btn-g, .lh-btn-o, .gs-btn, .gs-tab,
  a[style*="border-radius"], button, .jc-arw { transition: none; }
  .jb-cta:active, .lh-btn-g:active, .lh-btn-o:active,
  .gs-btn:active, .gs-tab:active,
  a[style*="border-radius"]:active, button:active { transform: none; }
  a:hover .jc-arw, button:hover .jc-arw { transform: none; }
}