/* prj-share.css */

/* Overlay full screen, panel centered (no bottom sheet) */
.prj-share-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

/* keep this EXACT selector – this is what centered correctly before */
.prj-share-overlay.prj-share-overlay--open {
    opacity: 1;
    pointer-events: auto;
}

/* Panel */
.prj-share-panel {
    background: #000;
    border-radius: 14px;
    padding: 1.2rem 1.4rem 1.4rem;
    width: 90%;
    max-width: 320px;
    color: #fff;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 18px 40px rgba(0, 0, 0, 0.8);
    position: relative;
}

.prj-share-title {
    margin: 0 0 0.8rem;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--prj-color-accent-secondary, #b6f500);
}


/* Buttons grid */
.prj-share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.prj-share-btn {
    flex: 1 1 calc(50% - 0.4rem);
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 0.4rem 0.5rem;
    border-radius: 999px;
    background: #111;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

/* Slight color hints per platform */
.prj-share-facebook { box-shadow: 0 0 0 1px rgba(66, 103, 178, 0.7); }
.prj-share-instagram { box-shadow: 0 0 0 1px rgba(255, 89, 191, 0.9); }
.prj-share-twitter { box-shadow: 0 0 0 1px rgba(29, 161, 242, 0.7); }
.prj-share-whatsapp { box-shadow: 0 0 0 1px rgba(37, 211, 102, 0.7); }
.prj-share-sms { box-shadow: 0 0 0 1px rgba(190, 255, 1, 0.7); }
.prj-share-email { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); }

.prj-share-copy {
    background: linear-gradient(135deg, var(--prj-color-accent-secondary, #b6f500), var(--prj-color-accent, #ff0373));
    color: #000;
    box-shadow: none;
}

/* Toast */
.prj-share-toast {
    margin-top: 0.8rem;
    font-size: 0.75rem;
    text-align: center;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.15s ease, transform 0.15s ease;
    color: var(--prj-color-accent-secondary, #b6f500);
}

.prj-share-toast--visible {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile */
@media (max-width: 480px) {
    .prj-share-btn {
        flex: 1 1 100%;
    }
}

/* X only — no border, no circle */
button.prj-share-close,
button.prj-share-close:hover,
button.prj-share-close:focus,
button.prj-share-close:active {
    all: unset;
    box-sizing: border-box;

    position: absolute;
    top: 10px;
    right: 12px;

    color: var(--prj-color-accent, #ff0373);
    font-size: 16px;
    line-height: 1;
    font-weight: bold;

    cursor: pointer;
}

button.prj-share-close:hover {
    opacity: 0.7;
}

button.prj-share-close:focus-visible {
    outline: 1px dotted currentColor;
    outline-offset: 3px;
}

/* Clean print view for frontend setlists */
@media print {

  /* Let normal content print, just strip the chrome/UI */
  #wpadminbar,
  header,
  footer,
  .site-header,
  .site-footer,
  .elementor-location-header,
  .elementor-location-footer,
  .elementor-widget-better-messages,
  .better-messages-wrapper,
  .prz-ai-launcher,
  .um-profile-nav,
  .um-member-activity,
  .um-message-btn,
  .um-profile-photo,
  .no-print {
    display: none;
  }

  /* Make the main content use the full width when printing */
  main,
  .site-main,
  .elementor-location-single,
  .elementor-container {
    max-width: 100%;
  }
	  /* ============================================================
     PRINT: make rows readable (horizontal lines + zebra stripes)
  ============================================================ */

  /* Force print to a clean light theme */
  html, body{
    background: #fff;
    color: #000;
  }

  /* Make sure the table prints clearly */
  .prj-setlist-table{
    width: 100%;
    border-collapse: collapse;
  }

  /* Stronger horizontal row separators (your current ones are too faint for print) */
  .prj-setlist-table th,
  .prj-setlist-table td{
    border-bottom: 1px solid #bdbdbd;
  }

  /* Optional: a top line for the header row so the grid feels complete */
  .prj-setlist-table thead th{
    border-top: 1px solid #bdbdbd;
  }

  /* Zebra striping (2nd row grey) */
  .prj-setlist-table tbody tr:nth-child(even) td{
    background: #f2f2f2;
  }

  /* Encourage browsers to actually print the grey backgrounds */
  *{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

	  /* Hide venue + status info in print */
  .prj-setlist-meta,
  .prj-setlist-message,
  .prj-setlist-venue-address,
  .prj-venue-info-link,
  .prj-upcoming-venue-address-link,
  .prj-upcoming-status-row,
  .prj-upcoming-status-label,
  .prj-hide-singers-class,
  .prj-hide-instrumentalists-class,
  .prj-upcoming-status,
  .prj-checkin-trigger,
  .prj-share-trigger,
  .prj-setlist-tools-row {
    display: none;
  }
	  /* Force-hide these even when status rules try to show them */
  html.prj-status-open_instruments .prj-hide-instrumentalists-class,
  html.prj-status-open_songs .prj-hide-singers-class {
    display: none;
  }

}