/* RVAdatebook share modal + share button styles. Loaded once from
   footer.php so any page can render a share button.

   The site's design tokens (from style.css):
     --ink     #2a2330  dark brown-violet body text
     --panel   #ffffff  white card/surface
     --bg      #faf7f5  warm off-white page background
     --muted   #7a7080  secondary text
     --line    #ebe4dd  light beige border
     --accent  #c83205  wordmark red
   The fallbacks below match THIS light theme — earlier dark-theme
   fallbacks shipped invisible text when the variables weren't picked
   up immediately on load. */

.share-modal-backdrop {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.55);
    display: flex; align-items: center; justify-content: center;
    z-index: 9000;
    padding: 16px;
}
.share-modal {
    background: var(--panel, #ffffff);
    color: var(--ink, #2a2330);
    border: 1px solid var(--line, #ebe4dd);
    border-radius: var(--radius, 10px);
    padding: 22px 22px 16px;
    width: 100%; max-width: 420px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.35);
    position: relative;
}
.share-modal h3 {
    margin: 0 0 6px; font-size: 18px;
    color: var(--ink, #2a2330);
}
.share-modal-sub { margin: 0 0 14px; color: var(--muted, #7a7080); font-size: 13.5px; }
.share-modal-close {
    position: absolute; top: 8px; right: 12px;
    background: none; border: none; color: var(--muted, #7a7080);
    font-size: 26px; line-height: 1; cursor: pointer; padding: 4px 8px;
}
.share-modal-close:hover { color: var(--ink, #2a2330); }
.share-form label { display: block; font-size: 13px; color: var(--muted, #7a7080); margin-bottom: 4px; }
.share-form input[type="email"] {
    width: 100%; padding: 9px 12px; box-sizing: border-box;
    background: #ffffff;
    color: var(--ink, #2a2330);
    border: 1px solid var(--line, #ebe4dd); border-radius: 8px;
    font-size: 14.5px;
    font-family: inherit;
}
.share-form input[type="email"]:focus {
    outline: 2px solid var(--accent, #c83205);
    border-color: var(--accent, #c83205);
}
.share-modal-actions {
    display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px;
}
.share-modal-meta {
    margin: 14px 0 0; font-size: 11.5px; color: var(--muted, #7a7080);
    text-align: center;
}
.share-modal-meta code {
    background: var(--bg, #faf7f5); color: var(--ink, #2a2330);
    padding: 1px 5px; border-radius: 4px;
    border: 1px solid var(--line, #ebe4dd);
}

/* Small share icon button on DateFinder cards inherits .btn.small.secondary.
   The larger "Share..." button on idea_view.php uses .btn directly. */
.share-btn:hover { filter: brightness(1.05); }