/* Cloud-specific tweaks (kept minimal to stay consistent with fajardo.one) */

.fj-card-mini{
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.06);
}

#produkte .fj-card ul li,
#loesungen .fj-card ul li{
  margin-bottom: .25rem;
}

footer.fj-footer a{
  text-decoration: none;
}

footer.fj-footer a:hover{
  text-decoration: underline;
}


/* --- Visual polish for fajardo.cloud (2026-01) --- */
.fj-hero{
  position: relative;
  overflow: hidden;
}
.fj-hero::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(closest-side at 20% 20%, rgba(34, 211, 238, .18), transparent 60%),
    radial-gradient(closest-side at 80% 30%, rgba(34, 197, 94, .14), transparent 60%),
    radial-gradient(closest-side at 60% 90%, rgba(14, 165, 233, .10), transparent 65%);
  pointer-events:none;
  filter: blur(10px);
}
.fj-hero .container{position:relative; z-index:1;}

.fj-card{
  box-shadow: 0 10px 30px rgba(2, 6, 23, .08);
  border: 1px solid rgba(15, 23, 42, .08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.fj-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 44px rgba(2, 6, 23, .12);
}

picture img.img-fluid{
  display:block;
  width:100%;
  height:auto;
}

.fj-hero picture img{
  border-radius: 1.25rem;
  box-shadow: 0 18px 55px rgba(2, 6, 23, .14);
  border: 1px solid rgba(15, 23, 42, .08);
}

/* Better focus rings for trust */
a:focus-visible, button:focus-visible{
  outline: 3px solid rgba(34, 211, 238, .55);
  outline-offset: 3px;
}

/* Slightly larger headings on desktop for “wow” */
@media (min-width: 992px){
  .fj-hero h1{letter-spacing:-.02em;}
  .fj-hero h1{font-size: clamp(2.35rem, 2.7vw, 3.2rem);}
}