/* NEON DISTRICT / Icon and CTA polish
   Last stylesheet: targeted fixes for both themes without changing the skyline. */

/* Previous text-link styles were clipping GitHub / Email and squeezing the arrows. */
.hero-stage .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
}
.hero-stage .hero-actions .hero-cta{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  gap:11px!important;
  min-height:54px!important;
  height:auto!important;
  margin:0!important;
  padding:14px 19px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font:700 14px/1.2 var(--sans)!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.hero-stage .hero-actions .hero-cta-primary{
  justify-content:space-between!important;
  min-width:201px!important;
  padding-inline:20px!important;
}
.hero-stage .hero-actions .hero-cta-secondary{
  justify-content:center!important;
  min-width:138px!important;
  color:#edfefa!important;
  border:1px solid rgba(145,246,227,.32)!important;
  background:rgba(7,29,41,.89)!important;
}
.hero-stage .hero-actions .hero-cta-secondary:hover{
  color:#fff!important;
  background:rgba(12,63,66,.96)!important;
  border-color:rgba(133,255,218,.72)!important;
  box-shadow:0 9px 20px rgba(10,62,57,.18);
}
.hero-stage .hero-actions .cta-label{
  display:inline-block!important;
  flex:0 0 auto!important;
  font:inherit!important;
  line-height:1.25!important;
}
.hero-stage .hero-actions .cta-icon,
.hero-stage .hero-actions .cta-trail,
.contact-actions .social-icon,
.contact-actions .cta-trail{
  display:block;
  width:19px;
  height:19px;
  flex:0 0 19px;
  overflow:visible;
}
.hero-stage .hero-actions .cta-trail{
  width:16px;
  height:16px;
  flex-basis:16px;
}
.hero-stage .hero-actions .hero-cta-secondary .cta-trail{opacity:.75;width:14px;height:14px;flex-basis:14px}
.hero-stage .hero-actions .hero-cta:hover{transform:translateY(-3px)!important}
.hero-stage .hero-actions .hero-cta:focus-visible,
.contact-actions .social-contact:focus-visible{
  outline:3px solid #81f5d8!important;
  outline-offset:4px!important;
}

/* Ensure the theme switch is legible in both states. */
html[data-theme="dark"] .site-header .theme-toggle{
  color:#d7f8f3!important;
  background:rgba(20,43,53,.92)!important;
  border:1px solid rgba(145,246,227,.22)!important;
}
html[data-theme="light"] .hero-stage .hero-actions .hero-cta-secondary{
  color:#174451!important;
  border-color:rgba(43,110,126,.28)!important;
  background:rgba(250,254,255,.88)!important;
}
html[data-theme="light"] .hero-stage .hero-actions .hero-cta-secondary:hover{
  color:#086c66!important;
  border-color:rgba(3,145,125,.56)!important;
  background:#fff!important;
}
html[data-theme="light"] .hero-stage .hero-actions .hero-cta-primary{
  color:#fff!important;
}

/* Contact actions: real, recognizable SVG icons with complete tap targets. */
.contact-actions .email-card{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  min-width:0!important;
  max-width:100%;
  border-radius:11px!important;
  text-transform:none!important;
  font:650 clamp(13px,1.4vw,17px)/1.35 var(--sans)!important;
  overflow-wrap:anywhere;
}
.contact-actions .email-card .social-icon{flex-shrink:0;color:var(--cyan)}
.contact-actions .contact-email-text{min-width:0;overflow-wrap:anywhere}
.contact-actions .contact-external{margin-left:auto!important;flex:0 0 auto;font:700 17px var(--sans)}
.contact-actions .social-contact{
  display:inline-flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  min-height:45px!important;
  color:var(--ink)!important;
  background:var(--surface-proof)!important;
  text-transform:none!important;
  font:650 13px/1.3 var(--sans)!important;
  letter-spacing:0!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.contact-actions .social-contact:hover{
  transform:translateY(-2px);
  border-color:var(--cyan)!important;
  box-shadow:0 8px 20px rgba(54,125,119,.10);
}
.contact-actions .social-contact .cta-trail{width:14px;height:14px;flex-basis:14px;opacity:.65}
html[data-theme="light"] .contact-actions .social-contact{
  color:#22434b!important;
  border-color:rgba(38,113,119,.18)!important;
  background:rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .contact-actions .email-card .social-icon{color:#0b8c80}

@media(max-width:1100px){
  .hero-stage .hero-actions .hero-cta{min-height:50px!important;padding:13px 15px!important}
  .hero-stage .hero-actions .hero-cta-primary{min-width:185px!important}
  .hero-stage .hero-actions .hero-cta-secondary{min-width:125px!important}
}
@media(max-width:620px){
  .hero-stage .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    width:100%;
  }
  .hero-stage .hero-actions .hero-cta{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:13px 12px!important;
    font-size:13px!important;
  }
  .hero-stage .hero-actions .hero-cta-primary{grid-column:1/-1;justify-content:space-between!important;padding-inline:17px!important}
  .hero-stage .hero-actions .hero-cta-secondary{justify-content:center!important;gap:7px!important}
  .hero-stage .hero-actions .hero-cta-secondary .cta-trail{display:none}
  .contact-actions .email-card{width:100%!important}
  .contact-actions .social-contact{flex:1 1 auto}
}
@media(max-width:360px){
  .hero-stage .hero-actions .hero-cta-secondary{font-size:12px!important;gap:6px!important}
  .hero-stage .hero-actions .cta-icon{width:16px;height:16px;flex-basis:16px}
}
@media(prefers-reduced-motion:reduce){
  .hero-stage .hero-actions .hero-cta,
  .contact-actions .social-contact{transition:none!important}
}