/*
 * NG Armory print stylesheet.
 *
 * 🔴 THIS IS A COMPLIANCE FILE, NOT A NICETY.
 *
 * Grandparents print things. A printed page carrying affiliate URLs is offline
 * material, and the Amazon Associates Operating Agreement prohibits affiliate
 * links in offline, private or emailed contexts. Breaking that costs the whole
 * Associates account, not just this page.
 *
 * So every buy button is removed from the printed sheet and the page URL is
 * printed instead. Item names and notes print normally, which is the entire
 * point of printing the list.
 *
 * If you are editing this file, the two rules that must survive are:
 *  1. .ng-btn is display:none in print.
 *  2. Nothing anywhere may expand an href into printed text. The
 *     a[href]::after reset below exists to neutralise any theme or plugin
 *     that tries.
 */

/* 1. Every affiliate button leaves the printed page. */
.ng-armory a.ng-btn,
.ng-armory .ng-btn {
	display: none !important;
}

/* 2. Nothing prints a URL. This kills the classic
 *    a[href]::after { content: " (" attr(href) ")" } print pattern wherever it
 *    is defined, including anything added to the theme later. */
.ng-armory a[href]::after,
.ng-armory a[href]:after,
a[href]::after,
a[href]:after {
	content: "" !important;
}

/* 2b. The on screen instruction says "tap any button". On paper there are no
 *     buttons, so that sentence would send a reader looking for something that
 *     is not there. The print block below carries the instruction instead. */
.ng-armory .ng-lede {
	display: none !important;
}

/* 3. The page URL prints instead, once, in place of the buttons. */
.ng-armory .ng-print-only {
	display: block !important;
	border: 2px solid #3c3c3c;
	padding: 12px 14px;
	margin: 18px 0;
	font-size: 13pt;
}

/* 4. Site chrome does not belong on a printed gift list. */
#top-header,
#main-header-wrapper,
#et-navigation,
#et-mobile-navigation,
.et_pb_extra_row.etad,
.etad,
#footer,
#footer-bottom,
.et_social_inline,
.et_social_sidebar_networks,
.et_social_mobile,
.et_social_networks,
.ng-armory .ng-doubleup + *:empty {
	display: none !important;
}

/* 5. Readable ink on paper. */
.ng-armory {
	max-width: none !important;
	padding: 0 !important;
	color: #000000 !important;
	font-size: 12pt !important;
}

.ng-armory p,
.ng-armory .ng-card-why,
.ng-armory .ng-lede {
	color: #000000 !important;
	font-size: 12pt !important;
}

.ng-armory .ng-title {
	font-size: 24pt !important;
	color: #000000 !important;
}

.ng-armory .ng-group-heading {
	font-size: 16pt !important;
	color: #000000 !important;
	border-bottom: 2px solid #000000 !important;
}

.ng-armory .ng-card-name {
	font-size: 13pt !important;
	color: #000000 !important;
}

/* 6. Cards should not split across a page break mid item. */
.ng-armory .ng-card {
	page-break-inside: avoid;
	break-inside: avoid;
	border: 1px solid #666666 !important;
	padding: 10px 12px !important;
	margin-bottom: 10px !important;
}

.ng-armory .ng-group {
	page-break-inside: auto;
}

/* 7. The disclosure still prints. It is body text about the page, not a link. */
.ng-armory .ng-disclosure {
	border: 1px solid #666666 !important;
	background: none !important;
	padding: 10px 12px !important;
}

/* 8. The share row is screen UI. It never prints.
 *
 * It is not only noise on paper: the "Email it to someone" control is a mailto
 * link, and rule 2 above exists precisely so that no href is ever expanded into
 * printed text. Hiding the row removes the question entirely. */
.ng-armory .ng-share-row,
.ng-armory .ng-copy-btn,
.ng-armory .et_social_networks {
	display: none !important;
}
