/* PATCH 016 - Compartir social global */

#toast.toast-rich{
  width:min(92vw, 560px);
  max-width:min(92vw, 560px);
  border-radius:22px;
  padding:14px;
  background:#0d0d0d;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 46px rgba(0,0,0,.42);
  pointer-events:auto;
}

#toast.toast-rich .toast-share-copy{
  display:grid;
  gap:4px;
  margin-bottom:10px;
}

#toast.toast-rich .toast-share-copy strong{
  font-size:.94rem;
  line-height:1.2;
}

#toast.toast-rich .toast-share-copy p{
  margin:0;
  color:#cfcfcf;
  font-size:.76rem;
  line-height:1.35;
  font-weight:600;
}

.share-block{
  display:grid;
  gap:8px;
  width:100%;
}

.share-title{
  color:#bdbdbd;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.share-row{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:2px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.share-row::-webkit-scrollbar{
  display:none;
}

.share-btn{
  width:38px;
  height:38px;
  min-width:38px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:#141414;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.92rem;
  font-weight:900;
  line-height:1;
  box-shadow:none;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}

.share-btn:hover,
.share-btn:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.28);
  background:#1c1c1c;
}

.share-btn.whatsapp{color:#25d366;}
.share-btn.facebook{color:#7cb7ff;}
.share-btn.x{color:#f1f1f1;}
.share-btn.tiktok{color:#ff6db5;}
.share-btn.instagram{color:#ff9f6e;}
.share-btn.copy{color:#f6f6f6;}

.share-toggle-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}

.share-toggle-btn::before{
  content:"↗";
  font-size:.92rem;
  line-height:1;
}

.share-toggle-btn.is-open{
  border-color:rgba(255,255,255,.2);
}

.share-inline-slot,
.drawer-share-slot{
  width:100%;
  margin-top:10px;
}

.event-card-copy .share-inline-slot,
.home-event-copy .share-inline-slot,
.provider-copy .share-inline-slot,
.shop-copy-v5 .share-inline-slot,
.product-copy-v5 .share-inline-slot{
  max-width:100%;
}

.product-share-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  flex-wrap:wrap;
}

#screen-home .home-map-actions .share-toggle-btn,
#screen-live .gps-shortcuts .share-toggle-btn,
.event-card-actions .share-toggle-btn,
.provider-actions .share-toggle-btn,
.shop-actions-v5 .share-toggle-btn,
.product-share-actions .share-toggle-btn{
  flex:0 0 auto;
}

#screen-home .share-inline-slot,
#screen-live .share-inline-slot{
  margin-top:8px;
}

.drawer-share-slot{
  margin-bottom:12px;
}

.sheet-body .share-inline-slot,
.drawer-share-slot,
#toast.toast-rich .share-block{
  position:relative;
  z-index:2;
}

@media (max-width: 640px){
  #toast.toast-rich{
    bottom:calc(var(--app-bottom-offset) + 14px);
    width:min(94vw, 94vw);
    max-width:min(94vw, 94vw);
    padding:12px;
    border-radius:20px;
  }

  .share-btn{
    width:36px;
    height:36px;
    min-width:36px;
    font-size:.86rem;
  }

  .share-title{
    font-size:.66rem;
  }
}