/* --- Share URL modal responsive & sin solapes --- */

/* ancho del modal */
.sharePanel-content{
  max-width:min(92vw, 720px);
}

/* título */
.sharePanel-title{ font-weight:600; }

/* Fila: URL + botón */
.sharePanel-url{
  display:flex;                 /* fila flexible */
  align-items:flex-start;       /* alinear al inicio para no centrar vertical */
  gap:12px;                     /* espacio entre URL y botón */
  line-height:1.6;
  white-space:normal;           /* permitir saltos de línea */
  overflow-wrap:anywhere;       /* partir la URL si hace falta */
  word-break:break-word;        /* fallback */
}

/* El texto de la URL ocupa todo el espacio disponible */
.sharePanel-url { 
  /* el primer nodo de texto es hijo directo: no tiene clase; 
     usamos flex para que crezca y el botón quede a la derecha */
}
.sharePanel-url > :not(button){
  flex:1 1 auto;                /* que el texto crezca y envuelva */
  min-width:0;                  /* evitar desbordes */
}

/* Botón de copiar: a la derecha; sin posicionamiento absoluto */
.sharePanel-copy-button{
  position:static !important;   /* quitar absolute anterior */
  flex:0 0 auto;                /* tamaño contenido */
  margin-left:auto;             /* empuja el botón a la derecha */
  align-self:flex-end;          /* pega el botón a la línea de abajo si hay varias */
}

/* En pantallas pequeñas, que el botón salte DEBAJO de la URL */
@media (max-width: 560px){
  .sharePanel-url{
    flex-direction:column;      /* URL arriba, botón debajo */
    gap:8px;
  }
  .sharePanel-copy-button{
    align-self:flex-end;        /* esquina inferior derecha del bloque */
    margin-left:0;
  }
}