:root{
  --soc-size: 30px;
  --soc-icon: 18px;   /* desktop */
  --soc-border: 3px;
  --soc-gap: 12px;
  --brand-deep: #4A2B8C;
  --brand-light: #E9E0FF;
  --brand-divider: #7A48D8;
}

.single-post .entry-author.author-box { display: none !important; }

.author-card{
  margin-top:32px;
  padding:24px 24px 32px;
  background:var(--brand-light);
  border-radius:24px;
}
.author-card__inner{ display:flex; gap:28px; align-items:flex-start; }

/* AVATAR + nền tròn */
.author-card__avatar{
  position:relative;
  width:180px; height:180px;
  flex:0 0 180px;
  display:grid; place-items:center;
}
.author-card__avatar::before{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  background:#d9cffb;
  opacity:.65;
  z-index:-1; /* đưa nền xuống dưới ảnh */
}
.author-card__avatar-img{
  position:relative;
  width:100%; height:100%; /* phủ full khung */
  border-radius:50%;
  object-fit:cover; display:block;
  z-index:0;
}

.author-card__name{
  margin:4px 0 6px; color:#40208A;
  font-size:28px; line-height:1.2;
}
.author-card__name a{ color:inherit; text-decoration:none; }

.author-card__badge{
  display:flex; align-items:center; gap:10px;
  margin:4px 0 12px; color:#16a34a;
  font-weight:700; font-size:20px;
}
.author-card__badge .ic{
  width:28px; height:28px; border-radius:50%;
  display:grid; place-items:center;
  background:#e8f7ed; color:#16a34a;
  box-shadow:0 2px 6px rgba(22,163,74,.25);
  font-size:16px; line-height:1;
}

.author-card__bio p{ margin:0 0 10px; color:#3F2F77; }

.author-share{ margin:10px 0 24px; }
.author-share__divider{
  width:56px; height:6px; border-radius:6px;
  margin:12px auto 16px; background:var(--brand-divider);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

.author-share__list{
  display:flex; gap:var(--soc-gap);
  justify-content:center; align-items:center;
  list-style:none; margin:0; padding:0;
}
.author-share__list .soc{
  width:var(--soc-size); height:var(--soc-size);
  border-radius:50%; border:var(--soc-border) solid var(--brand-deep);
  display:grid; place-items:center; background:#f7f5ff;
  text-decoration:none; font-size:0;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  transition:transform .15s ease, box-shadow .15s ease;
}
.author-share__list .soc::before{
  display:block;
  font:800 var(--soc-icon)/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--brand-deep);
}

.soc-fb::before{ content:"f"; }
.soc-tw::before{ content:"t"; }
.soc-mail::before{ content:"✉"; font-size:calc(var(--soc-icon)*.9); }
.soc-pin::before{ content:"p"; }
.soc-in::before{ content:"in"; font-weight:900; font-size:calc(var(--soc-icon)*.75); }

.author-share__list .soc:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}

@media (max-width:768px){
  .author-card__inner{ flex-direction:column; align-items:center; text-align:center; }
  .author-card__name{ font-size:22px; }
}
@media (max-width:480px){
  :root{
    --soc-size: 30px;
    --soc-icon: 18px;  /* mobile */
    --soc-border: 3px;
    --soc-gap: 0px;
  }
  .author-card__badge { gap:8px; font-size:14px; }
  .author-card__badge .ic { width:18px; height:18px; font-size:10px; }
  .author-card__bio p { font-size:15px; }
}