/* =========================================================
   AWEBZONE V12 — FOUNDER IDENTITY + FINAL VISUAL POLISH
   ========================================================= */

:root{
  --az-founder-image:url("awebzone-founder-profile.jpg");
  --az-ink:#16191d;
  --az-muted-strong:#66707a;
  --az-acid:#b6ff38;
}

/* Real founder image across profile/avatar surfaces */
.az-avatar-large,
.az-mini-avatar,
.az-header-avatar{
  background-image:var(--az-founder-image)!important;
  background-size:cover!important;
  background-position:center 26%!important;
  background-repeat:no-repeat!important;
  color:transparent!important;
  overflow:hidden!important;
  border:2px solid rgba(182,255,56,.65)!important;
  box-shadow:0 0 0 3px rgba(17,19,21,.88),0 8px 18px rgba(17,19,21,.12)!important;
}
.az-avatar-large,
.az-mini-avatar{
  font-size:0!important;
}
.az-header-avatar{
  font-size:0!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
}

/* Profile image animation is intentionally subtle */
.az-avatar-large,
.az-mini-avatar,
.az-header-avatar{
  transition:transform .25s ease, box-shadow .25s ease!important;
}
.az-post:hover .az-avatar-large,
.az-post:hover .az-mini-avatar,
.az-header-avatar:hover{
  transform:scale(1.05) rotate(-1deg)!important;
  box-shadow:0 0 0 4px rgba(182,255,56,.35),0 12px 24px rgba(17,19,21,.16)!important;
}

/* Founder spotlight */
.az-founder-spotlight{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
}
.az-founder-visual{
  height:112px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#edf7cf,#dce6d1)!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.az-founder-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 15%!important;
  transform:scale(1.18)!important;
  transition:transform .35s ease!important;
}
.az-founder-spotlight:hover .az-founder-visual img{
  transform:scale(1.28) translateY(-2px)!important;
}

/* Better typography: prevent characters and words from visually crashing */
.az-post h1,
.az-page-post h1,
.training-hero h1,
.az-post h2,
.az-page-post h2,
.card h3,
.day-card h3,
.az-service-feed-grid b,
.az-rail-card h3,
.az-founder-spotlight h3{
  letter-spacing:-.035em!important;
  word-spacing:.03em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}

.az-post h1,
.az-page-post h1{
  letter-spacing:-.045em!important;
  line-height:1.12!important;
}
.az-post h2,
.az-page-post h2{
  letter-spacing:-.028em!important;
  line-height:1.22!important;
}
.az-post p,
.az-page-post p,
.az-profile small,
.card p,
.day-card p{
  letter-spacing:.005em!important;
}

/* Cleaner card title rhythm */
.az-service-feed-grid a{
  justify-content:flex-start!important;
}
.az-service-feed-grid a b{
  line-height:1.25!important;
  min-height:2.5em!important;
}
.az-service-feed-grid a small{
  line-height:1.55!important;
}

/* Usefulness messaging beneath feed/profile titles */
.az-profile small{
  color:#68727b!important;
  max-width:100%!important;
  line-height:1.45!important;
}

/* Remove any residual date-like metadata styling from the visual feed */
.az-blog-card time,
.az-single-post time,
.az-post .published,
.az-post .post-date,
.az-post .entry-date{
  display:none!important;
}

/* App-like mobile navigation — explicit icon + label sizing */
@media(max-width:820px){
  .az-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:4px!important;
    min-height:76px!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
  }

  .az-mobile-nav a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:0!important;
    min-height:58px!important;
    padding:5px 2px!important;
    border-radius:16px!important;
    font-size:0!important;
    line-height:1!important;
    letter-spacing:0!important;
  }

  .az-mobile-nav a .az-mobile-nav-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:29px!important;
    height:27px!important;
    font-size:20px!important;
    line-height:1!important;
    color:inherit!important;
    flex:0 0 auto!important;
  }

  .az-mobile-nav a .az-mobile-nav-label{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    font-weight:800!important;
    color:inherit!important;
  }

  .az-mobile-nav a:first-child,
  .az-mobile-nav a.az-active,
  .az-mobile-nav a[aria-current="page"]{
    background:linear-gradient(135deg,#f6ffe4,#e9ffc4)!important;
    color:#3e5c10!important;
  }

  .az-mobile-nav a:nth-child(3) .az-mobile-nav-icon{
    width:35px!important;
    height:30px!important;
    border-radius:10px!important;
    background:#171a1e!important;
    color:#b6ff38!important;
    box-shadow:0 6px 14px rgba(0,0,0,.14)!important;
  }

  .az-mobile-nav a:nth-child(3) .az-mobile-nav-label{
    font-size:9.5px!important;
  }

  .az-post,
  .az-page-post{
    animation:az-card-enter .55s cubic-bezier(.2,.75,.25,1) both!important;
  }

  .az-post:nth-child(2){animation-delay:.05s!important}
  .az-post:nth-child(3){animation-delay:.10s!important}
  .az-post:nth-child(4){animation-delay:.15s!important}
  .az-post:nth-child(5){animation-delay:.20s!important}
}

/* Polished motion */
@keyframes az-card-enter{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes az-soft-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@keyframes az-glow-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(182,255,56,.28)}
  50%{box-shadow:0 0 0 9px rgba(182,255,56,0)}
}

.az-hero-badge,
.az-live-pill{
  animation:az-soft-float 4s ease-in-out infinite!important;
}
.az-primary-action,
.az-nav-cta{
  animation:az-glow-pulse 2.8s ease-in-out infinite!important;
}

.az-post,
.az-service-feed-grid a,
.az-rail-card,
.card,
.day-card{
  transition:transform .28s cubic-bezier(.2,.75,.25,1), box-shadow .28s ease, border-color .28s ease!important;
}
@media(min-width:821px){
  .az-post:hover,
  .az-rail-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 18px 38px rgba(17,24,39,.10)!important;
  }
}

/* Better CTA button visual hierarchy */
.az-primary-action,
.az-post-actions a:first-child,
.az-nav-cta{
  position:relative!important;
  overflow:hidden!important;
}
.az-primary-action:after,
.az-post-actions a:first-child:after,
.az-nav-cta:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-120%!important;
  width:65%!important;
  height:100%!important;
  transform:skewX(-20deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
  transition:left .6s ease!important;
}
.az-primary-action:hover:after,
.az-post-actions a:first-child:hover:after,
.az-nav-cta:hover:after{
  left:150%!important;
}

@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}