/* PDF Card — override any of these variables in your theme's Customizer > Additional CSS */
.pdfcard {
	--pdfcard-accent: #8cc63f;
	--pdfcard-accent-hover: #7ab52f;
	--pdfcard-accent-border: #4f8a1b;
	--pdfcard-border: #d5dbe1;
	--pdfcard-text: #1d1d1d;
	--pdfcard-muted: #c4c8cc;
	--pdfcard-radius: 32px;

	box-sizing: border-box;
	max-width: 460px;
	margin: 0 auto 1.5rem;
	padding: 28px 28px 20px;
	background: #fff;
	border: 4px solid var(--pdfcard-border);
	border-radius: var(--pdfcard-radius);
	color: var(--pdfcard-text);
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
}
.pdfcard *, .pdfcard *::before, .pdfcard *::after { box-sizing: border-box; }

.pdfcard__cover { display: flex; justify-content: center; }
.pdfcard__cover img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 360px;
	height: auto;
	object-fit: contain;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}
.pdfcard__placeholder {
	display: flex; align-items: center; justify-content: center;
	width: 70%; aspect-ratio: 1 / 1.414;
	background: #f2f4f6; color: #9aa3ab; font-weight: 700; font-size: 28px; letter-spacing: .1em;
}

.pdfcard__sep {
	height: 0; margin: 22px 0 14px; border: 0;
	border-top: 3px solid var(--pdfcard-border);
}

.pdfcard__actions { display: flex; flex-direction: column; align-items: center; gap: 10px; }

.pdfcard__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-width: 172px; padding: 10px 16px;
	font: inherit; font-size: 20px; line-height: 1.2;
	text-decoration: none !important; cursor: pointer;
	transition: background-color .15s, transform .05s;
}
.pdfcard__btn:active { transform: translateY(1px); }
.pdfcard__btn:focus-visible { outline: 3px solid var(--pdfcard-accent-border); outline-offset: 2px; }
.pdfcard__icon { flex: none; width: 22px; height: 22px; }

.pdfcard__btn--download {
	background: var(--pdfcard-accent);
	border: 2px solid var(--pdfcard-accent-border);
	border-radius: 10px;
	color: #111 !important;
}
.pdfcard__btn--download:hover { background: var(--pdfcard-accent-hover); }

.pdfcard__btn--share {
	background: #fff;
	border: 1.5px solid #222;
	border-radius: 14px;
	color: #111;
}
.pdfcard__btn--share:hover { background: #f5f5f5; }
.pdfcard__btn--share .pdfcard__icon { width: 26px; height: 26px; stroke-width: 1.5; }

.pdfcard__share { position: relative; }
.pdfcard__menu {
	position: absolute; z-index: 20; top: calc(100% + 6px); left: 50%; transform: translateX(-50%);
	display: grid; grid-template-columns: 1fr 1fr; gap: 4px;
	width: 260px; padding: 8px;
	background: #fff; border: 1px solid var(--pdfcard-border); border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
.pdfcard__menu[hidden] { display: none; }
.pdfcard__net {
	padding: 8px 10px; border: 0; border-radius: 8px;
	background: #f4f6f8; color: #222; font: inherit; font-size: 14px; cursor: pointer; text-align: left;
}
.pdfcard__net:hover { background: #e7ebef; }
.pdfcard__net--copy { grid-column: 1 / -1; text-align: center; }

.pdfcard__stats {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px;
	margin-top: 14px; font-size: 20px;
}
.pdfcard__stat { display: inline-flex; align-items: center; gap: 8px; }
.pdfcard__stat .pdfcard__icon { color: var(--pdfcard-muted); width: 26px; height: 26px; }
.pdfcard__stat--views .pdfcard__icon circle { fill: #fff; stroke: #fff; }

.pdfcard .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

/* Grid ([pdf_cards]) */
.pdfcard-grid {
	display: grid; gap: 24px;
	grid-template-columns: repeat(var(--pdfcard-cols, 3), minmax(0, 1fr));
}
.pdfcard-grid .pdfcard { margin: 0; max-width: none; }
@media (max-width: 900px) { .pdfcard-grid { grid-template-columns: repeat(min(var(--pdfcard-cols, 3), 2), minmax(0, 1fr)); } }
@media (max-width: 560px) {
	.pdfcard-grid { grid-template-columns: 1fr; }
	.pdfcard { padding: 20px 16px 16px; }
	.pdfcard__btn, .pdfcard__stats { font-size: 18px; }
}