/* V483 — ظاهر دقیق‌تر مطابق نمونه کاربر:
   کادر شیشه‌ای صورتی/یاسی روشن + دکمه‌های دایره‌ای روشن + آیکن‌های تیره و واضح */

body:not(.admin-page) .home-social-showcase[hidden]{
  display:none!important;
}

body:not(.admin-page) .home-social-showcase{
  position:relative;

  /* V486: کادر فقط به اندازه محتوای واقعی خودش باشد */
  flex:0 1 auto;
  width:fit-content;
  min-width:0;
  max-width:100%;
  min-height:56px;

  margin-inline:10px;
  padding:5px 12px;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  border:1.5px solid rgba(255,255,255,.66);
  border-radius:999px;

  background:
    linear-gradient(180deg,rgba(242,220,225,.46),rgba(221,198,204,.34)),
    rgba(235,216,221,.26);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,255,255,.30),
    0 6px 18px rgba(48,30,40,.16),
    0 0 0 1px rgba(255,255,255,.10);

  backdrop-filter:blur(14px) saturate(.92);
  -webkit-backdrop-filter:blur(14px) saturate(.92);
}

body:not(.admin-page) .home-social-showcase::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.22),
      transparent 30% 68%,
      rgba(255,255,255,.10)
    );
}

body:not(.admin-page) .home-social-list{
  position:relative;
  z-index:2;
  width:auto;
  min-width:0;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  direction:rtl;
  overflow:visible;
}

body:not(.admin-page) .home-social-item{
  width:44px;
  height:44px;
  flex:0 0 44px;

  display:grid;
  place-items:center;

  padding:0;
  border:2px solid #ffffff;
  border-radius:50%;

  background:#ffffff;

  box-shadow:
    0 3px 9px rgba(32,20,27,.24),
    inset 0 0 0 1px rgba(0,0,0,.035);

  text-decoration:none;

  transition:
    transform .16s ease,
    box-shadow .16s ease;
}

body:not(.admin-page) .home-social-item img{
  width:28px;
  height:28px;
  display:block;
  object-fit:contain;
  filter:none!important;
  opacity:1!important;
}

@media(hover:hover) and (pointer:fine){
  body:not(.admin-page) .home-social-item:hover{
    transform:translateY(-2px) scale(1.06);
    box-shadow:
      0 6px 14px rgba(32,20,27,.28),
      0 0 0 3px rgba(255,255,255,.12);
  }

  body:not(.admin-page) .home-social-item:hover img{
    filter:none!important;
  }
}

body:not(.admin-page) .home-social-item:focus-visible{
  outline:2px solid rgba(255,255,255,.95);
  outline-offset:3px;
}

/* ساختارهای قدیمی این کادر در V483 نمایش داده نمی‌شوند */
body:not(.admin-page) .home-social-intro,
body:not(.admin-page) .home-social-divider,
body:not(.admin-page) .home-social-medical,
body:not(.admin-page) .home-social-name{
  display:none!important;
}

@media(max-width:1120px){
  body:not(.admin-page) .home-social-showcase{
    flex:0 1 auto;
    width:fit-content;
    min-width:0;
    max-width:100%;
    margin-inline:8px;
  }
}

@media(max-width:1000px){
  body:not(.admin-page) .news-section-head{
    flex-wrap:wrap;
  }

  body:not(.admin-page) .home-social-showcase{
    order:3;
    flex:0 1 auto;
    width:fit-content;
    max-width:100%;
    min-width:0;
    margin:4px auto 0;
  }
}

@media(max-width:640px){
  body:not(.admin-page) .home-social-showcase{
    width:fit-content;
    max-width:100%;
    min-height:54px;
    padding:5px 8px;
    border-radius:999px;
  }

  body:not(.admin-page) .home-social-list{
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding-inline:3px;
  }

  body:not(.admin-page) .home-social-list::-webkit-scrollbar{
    display:none;
  }

  body:not(.admin-page) .home-social-item{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  body:not(.admin-page) .home-social-item img{
    width:27px;
    height:27px;
  }
}

@media(prefers-reduced-motion:reduce){
  body:not(.admin-page) .home-social-item{
    transition:none;
  }
}