body.modal-open { overflow: hidden; }

/* Download links in the results modal share the CTA look, stacked for
   carousels (multiple photos/videos in one post). */
#modal-footer { display: flex; flex-direction: column; gap: 10px; }

.modal-download-link {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 13px;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: var(--cta-gradient);
    background-size: 220% 100%;
    color: #fff;
    font-family: var(--display);
    font-weight: 700;
    font-size: 0.98em;
    box-shadow: var(--sticker);
    transition: transform 0.15s var(--bounce), box-shadow 0.15s ease, background-position 0.4s;
}

.modal-download-link:hover {
    transform: translate(-2px, -4px);
    background-position: 100% 0%;
    box-shadow: var(--sticker-hover), var(--glow-pink);
}
.modal-download-link:active {
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55);
}

/* Icon buttons inside the URL input (paste / clear) */
.url-input__actions {
    position: absolute;
    top: 50%; right: 8px;
    transform: translateY(-50%);
    display: flex;
    gap: 4px;
}
.url-input__icon-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 34px; height: 34px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-dim);
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}
.url-input__icon-btn:hover { color: var(--ig-pink); background: rgba(255,255,255,0.04); }
.theme-facebook .url-input__icon-btn:hover { color: var(--fb-blue); }
.url-input__icon-btn svg { width: 18px; height: 18px; }

/* input needs relative positioning wrapper for the action buttons */
.download-box__input-wrap { position: relative; }
.download-box__input-wrap .url-input { padding-right: 84px; }

/* Inline alert under the download box */
.download-box__alert {
    display: none;
    margin: 14px 0 0;
    color: var(--ig-pink);
    font-size: 0.9em;
    font-family: var(--mono);
}
.theme-facebook .download-box__alert { color: var(--fb-blue-lt); }

/* Related cross-link cards (anchor variant of feature-card) */
a.feature-card { text-decoration: none; display: block; }
a.feature-card:hover .feature-card__title { color: var(--ig-pink); }
.theme-facebook a.feature-card:hover .feature-card__title { color: var(--fb-blue); }
