/* =============================================================================
 * Download links for embedded PDFs, and the File block's Download button
 *
 * includes/features/ife-pdf-download-links.php adds a "Download the PDF" link
 * under every embedded PDF (HP-077). It is an action, so it takes the system's
 * navy submit — the treatment of the header search, Apply coupon and Save &
 * Email Cart — rather than a link's blue: white on --csc-ink, 17.5:1; ink-2 on
 * hover, 10.72:1; 46px tall; the one 2px radius.
 *
 * The File block's own button (WordPress core draws it as a #32373C pill at
 * 0.8em) gets the same treatment, so the two download controls on the site
 * look like one. Core's rule is (0,2,0); these are (0,2,1) and later.
 * ========================================================================== */

.csc-pdf-download {
	margin: 16px 0 24px;
}

.csc-pdf-download a.csc-pdf-download__link,
.wp-block-file a.wp-block-file__button {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 20px;
	background: #0E1A2A;                       /* --csc-ink */
	border: 0;
	border-radius: 4px;                        /* the button radius */
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.csc-pdf-download a.csc-pdf-download__link:hover,
.csc-pdf-download a.csc-pdf-download__link:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus {
	background: #2E3F55;                       /* --csc-ink-2 */
	color: #FFFFFF;
	text-decoration: none;
}

/* On a phone the chart pages' HTML widget runs edge to edge, so the frame and
 * the link started at x=0. The link gets the page gutter; posts already have
 * one and are left alone. */
@media (max-width: 767px) {
	.elementor-widget-html .csc-pdf-download {
		padding-inline: 16px;
	}
}