/* Release Notes PDF Downloader v5 — button styles */

.rnpdf-wrapper {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 1.25em 0;
}

.rnpdf-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 4px;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    text-decoration: none;
    transition: opacity 0.15s ease, transform 0.1s ease;
    cursor: pointer;
    white-space: nowrap;
}

.rnpdf-btn:hover {
    opacity: 0.88;
    transform: translateY(-1px);
    text-decoration: none;
}

.rnpdf-btn:active {
    transform: translateY(0);
    opacity: 1;
}

/* Single download icon — rendered by CSS only, not duplicated in PHP */
.rnpdf-btn-pdf::before {
    content: '\2B07';   /* ⬇ downwards black arrow */
    font-size: 13px;
}

/* ── Loading / spinner state ──────────────────────────────────────── */

/* Suppress the static arrow icon while the spinner is active */
.rnpdf-btn-pdf.rnpdf-loading::before {
    content: '';
}

.rnpdf-btn.rnpdf-loading {
    opacity: 0.85;
    cursor: wait !important;
    pointer-events: none;       /* block accidental double-clicks */
}

@keyframes rnpdf-spin {
    to { transform: rotate(360deg); }
}

.rnpdf-spinner {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: rnpdf-spin 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 2px;
}

/* Brief flash when the download cookie is detected */
.rnpdf-btn.rnpdf-done {
    background-color: #00E4BC !important;
	color: #303030 !important;
    transition: background-color 0.25s ease;
}