/*
 Sira Le Seriw — Growth Phase 14.3.3.6.1
 Profile Social Icons & CTA Hierarchy Polish
 UI-only override. No data, payment, Meta, routing or backend changes.
*/

/* --- Real local social icons --- */
.creator-socials-v1230{
  gap:10px !important;
  align-items:center;
  flex-wrap:wrap;
}
.creator-social-v1230{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:40px;
  padding:7px 12px 7px 8px !important;
  border:1px solid rgba(21,61,50,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.68) !important;
  color:#24483f !important;
  box-shadow:0 1px 0 rgba(21,61,50,.03) !important;
  text-decoration:none !important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
}
.creator-social-v1230:hover{
  background:#fff !important;
  border-color:rgba(21,61,50,.22) !important;
  transform:translateY(-1px);
}
.creator-social-icon-v143361{
  width:25px !important;
  height:25px !important;
  min-width:25px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f1eee4;
  color:#153d32;
  font-style:normal;
}
.creator-social-icon-v143361 img{
  width:15px;
  height:15px;
  display:block;
  object-fit:contain;
  opacity:.82;
}
.creator-social-v1230 span{
  font-weight:650 !important;
  font-size:13px !important;
  letter-spacing:-.01em;
}

/* Very subtle platform tint — recognizable without turning the row into a rainbow. */
.creator-social-v1230.instagram .creator-social-icon-v143361{background:#f7edf2}
.creator-social-v1230.youtube .creator-social-icon-v143361{background:#f8eeee}
.creator-social-v1230.linkedin .creator-social-icon-v143361{background:#edf3f7}
.creator-social-v1230.telegram .creator-social-icon-v143361{background:#eef6f8}
.creator-social-v1230.whatsapp .creator-social-icon-v143361{background:#eef7f0}
.creator-social-v1230.tiktok .creator-social-icon-v143361,
.creator-social-v1230.x .creator-social-icon-v143361,
.creator-social-v1230.github .creator-social-icon-v143361{background:#f0f1ef}

/* --- Earning surface hierarchy: calm navigation, not three competing primary CTAs --- */
.creator-surface-card-v1230{
  border:1px solid rgba(28,58,49,.12) !important;
  border-top-width:2px !important;
  box-shadow:0 8px 22px rgba(31,45,39,.035) !important;
  background:rgba(255,255,255,.78) !important;
}
.creator-surface-card-v1230.services{border-top-color:#9eb9ae !important}
.creator-surface-card-v1230.shop{border-top-color:#cdbd91 !important}
.creator-surface-card-v1230.beteseb{border-top-color:#c9aaa0 !important}

.creator-surface-card-v1230 .creator-surface-card-top-v1230 > span{
  color:#8b691a !important;
  opacity:.82;
  letter-spacing:.1em;
}
.creator-surface-card-v1230 .creator-surface-card-top-v1230 > b{
  color:#123f34 !important;
}
.creator-surface-card-v1230 > p,
.creator-surface-stats-v1230 span{
  color:#6d756f !important;
}

/* All three surface links are now secondary/ghost actions. */
.creator-surface-card-v1230 > a{
  background:#f2f4f1 !important;
  color:#24483f !important;
  border:1px solid rgba(21,61,50,.12) !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.creator-surface-card-v1230.services > a{background:#eef3f0 !important}
.creator-surface-card-v1230.shop > a{background:#f5f2e9 !important}
.creator-surface-card-v1230.beteseb > a{background:#f4efed !important}
.creator-surface-card-v1230 > a:hover{
  background:#fff !important;
  border-color:rgba(21,61,50,.22) !important;
  color:#123f34 !important;
}

/* Sidebar surface pills should read as status/navigation, not CTA buttons. */
.creator-sidebar-surfaces-v1230 span,
.creator-sidebar-surfaces-v1230 span.live{
  background:#eef2ed !important;
  color:#36564d !important;
  border:1px solid rgba(21,61,50,.08) !important;
  box-shadow:none !important;
}

/* Keep real primary actions visually above the earning-surface navigation. */
.profile-primary-action-v5{
  box-shadow:0 5px 14px rgba(17,61,48,.12);
}

@media (max-width:640px){
  .creator-social-v1230{
    min-height:38px;
    padding:6px 10px 6px 7px !important;
  }
  .creator-social-v1230 span{font-size:12px !important}
  .creator-social-icon-v143361{
    width:24px !important;height:24px !important;min-width:24px;
  }
}