/* SocialNest "View comparison" link + centred popup — shared component
   (resources/views/components/socialnest-compare.blade.php), used in the
   SocialNest hero and on the pricing page. The component loads this file
   itself, so any page can include it. The popup opens only while the link
   text is hovered (plus keyboard focus, and tap on touch screens). */
.snh-compare{position:static;flex:none}
.snh-compare-trigger{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:.72rem;font-weight:600;color:#6d28d9;cursor:pointer;text-decoration:underline;text-decoration-color:#c4b5fd;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
.snh-compare-trigger i{font-size:.8rem}
.snh-compare-trigger:hover,.snh-compare-trigger:focus-visible{color:#4c1d95;text-decoration-color:#6d28d9}
.snh-compare-pop{position:fixed;z-index:1000;top:50%;left:50%;width:min(720px,calc(100vw - 32px));max-height:min(80vh,560px);overflow:auto;padding:22px 24px 18px;background:#fff;border:1px solid #ece8f6;border-radius:18px;box-shadow:0 40px 80px -30px #2e106580,0 0 0 100vmax #0f172a33;opacity:0;visibility:hidden;transform:translate(-50%,-46%) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;text-align:left;pointer-events:none}
.snh-compare-trigger:hover+.snh-compare-pop,.snh-compare-trigger:focus-visible+.snh-compare-pop{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
/* Touch screens have no hover: a tap on the link shows it, tapping anywhere else closes it. */
@media (hover:none){.snh-compare-trigger:focus+.snh-compare-pop{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s;pointer-events:auto}}
.snh-compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.snh-compare-title{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d28d9}
.snh-compare-table{width:100%;border-collapse:collapse;font-size:.8125rem}
.snh-compare-table th,.snh-compare-table td{padding:10px 10px;text-align:left;border-bottom:1px solid #f0eef6;color:#374151;white-space:nowrap}
.snh-compare-table thead th{font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #e5e2ef}
.snh-compare-table tbody th{font-weight:500;color:#111827}
.snh-compare-table td strong{font-weight:700;color:#111827}
.snh-compare-table tbody tr:last-child th,.snh-compare-table tbody tr:last-child td{border-bottom:0}
.snh-compare-table tr.is-us th,.snh-compare-table tr.is-us td{background:#f5f3ff;color:#4c1d95;font-weight:700}
.snh-compare-table tr.is-us th{border-radius:10px 0 0 10px}
.snh-compare-table tr.is-us td:last-child{border-radius:0 10px 10px 0}
.snh-compare-table tr.is-us td strong{color:#6d28d9}
.snh-compare-note{margin:10px 0 0!important;font-size:.6875rem!important;line-height:1.4!important;color:#9ca3af!important;max-width:none!important}
@media (max-width:640px){
  .snh-compare-table th,.snh-compare-table td{white-space:normal;padding:8px 6px}
  /* "Posting" is Unlimited for every platform — drop it where space is tight */
  .snh-compare-table tr>*:nth-child(5){display:none}
}