/**
 * Sylesheet for print content pages.
 *
 * @since		1.0.0
 * @since       6.6.0    Add extended editor printing.
 * @package     cookbook
 * @copyright   2024 Keith Pfeiffer
 */

/* @todo: Fix this properly. See #10 */
.pfic-print-collection-item img[src*="image/gif"] {
	display: none;
}

/* =============================================================================
# All pages
*/

body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.sr-only {
	display: none;
}

/* =============================================================================
# Table of contents
*/

.pfic-print-content-toc #wprm-print-footer {
	display: none;
}

.pfic-toc {
	column-count: 2;
	column-gap: var(--print-h-double-space);
	margin-bottom: var(--print-v-space);
}

.pfic-toc .pfic-toc-chapter {
	break-inside: avoid;
	margin-bottom: var(--print-v-space);
}

.pfic-toc .pfic-toc-chapter h2 {
	margin-bottom: var(--print-v-half-space);
	margin-top: 0;
}

.pfic-toc .pfic-toc-chapter-entries {
	list-style-type: none;
}

/* =============================================================================
# Chapter introduction
*/

#pfic-chapter-intro {
	break-after: right;
}

#pfic-chapter-intro .pfic-print-chapter-intro-header {
	display: flex;
	column-gap: var(--print-h-double-space);
	margin-bottom: var(--print-v-double-space);
}

#pfic-chapter-intro .pfic-print-chapter-intro-text {
	flex: 1;
}

#pfic-chapter-intro .pfic-print-chapter-intro-image {
	flex: 1;
}

#pfic-chapter-intro .pfic-print-chapter-description {
	column-fill: balance;
	display: block;
	widows: 3;
}

#pfic-chapter-intro .pfic-print-chapter-description p {
	margin-top: 0;
}

#pfic-chapter-intro .pfic-print-chapter-toc-list {
	column-count: 2;
	column-fill: auto;
	display: block;
	list-style-type: none;
	widows: 3;
}

#pfic-chapter-intro .pfic-toc-chapter-entry {
	margin-left: 0;
}

/* =============================================================================
# All content
*/

.pfic-print-content .pfic-print-collection-item {
	break-after: right;
}

.pfic-print-content .pfic-print-collection-item::after {
	clear: both;
	content: '';
	display: table;
}

#wprm-print-content.pfic-print-content .pfic-print-collection-item-header {
	margin-bottom: var(--print-v-double-space);
}

#wprm-print-content.pfic-print-content .pfic-print-collection-item-content p {
	margin: 0 0 var(--print-v-space) 0;
}

#wprm-print-content.pfic-print-content .pfic-print-collection-item-content .pfic-recipe-options,
#wprm-print-content.pfic-print-content .pfic-print-collection-item-content .gb-tabs__menu {
	display: none;
}

#wprm-print-content.pfic-print-content .pfic-print-collection-item-content .gb-tabs__item:not(:last-child) {
	margin-bottom: var(--print-v-space);
}

/*
## Default collection
*/

#wprm-print-content .pfic-print-default .pfic-columns {
	column-count: unset;
	display: block;
}

#wprm-print-content .pfic-print-default .pfic-columns:has(.pfic-recipe-metadata) {
	break-inside: avoid;
}

#wprm-print-content .pfic-print-default .pfic-print-collection-item-image,
#wprm-print-content .pfic-print-default figure {
	float: right;
	margin-bottom: var(--print-v-space);
	margin-left: var(--print-v-space);
	width: 48%;
}

.pfic-print-default .wprm-prevent-sleep,
.pfic-print-default .wprm-recipe-rating-container {
	display: none;
}

.pfic-print-default div[class*='howto'] li,
.pfic-print-default .wprm-recipe-roundup-item {
	column-count: 2;
}

#wprm-print-content .pfic-print-default .wprm-recipe h3 {
	text-decoration: underline;
}

/*
## Essays
*/

#wprm-print-content .pfic-print-essay .pfic-columns {
	display: block;
}

#wprm-print-content .pfic-print-essay .pfic-summary {
	break-after: auto;
}

/*
## General chapter
*/

.pfic-print-content .pfic-print-collection-item.pfic-item-general {
	break-after: auto;
	break-inside: avoid;
}

/*
## Howtos
*/

.pfic-print-howto .pfic-print-instructions {
	counter-reset: step;
}

.pfic-print-howto .wprm-recipe-instructions-header {
	display: none;
}

.pfic-print-howto .wprm-recipe-instructions {
	column-gap: var(--print-h-double-space);
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	row-gap: var(--print-v-space);
}

#wprm-print-content .pfic-print-howto .wprm-recipe-instruction {
	align-content: flex-start;
	counter-increment: step;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: var(--print-v-space);
	max-width: 48%;
	row-gap: var(--print-v-space);
}

.pfic-print-howto .wprm-recipe-instruction-text {
	order: 2;
}

.pfic-print-howto .wprm-recipe-instruction-text::before {
	content: counter(step) '. ';
}

.pfic-print-howto .wprm-recipe-instruction-image {
	order: 1;
}

/*
## Ingredients
*/

.pfic-print-content .pfic-print-collection-item.pfic-print-ingredient {
	break-after: auto;
	break-inside: avoid;
}

#wprm-print-content .pfic-print-ingredient .pfic-columns {
	display: block;
}

.pfic-print-ingredient h1 {
	border-bottom: 1px solid var(--on-surface);
}

.pfic-print-ingredient .pfic-ingredient-meta-container {
	break-inside: avoid;
}

.pfic-print-ingredient .pfic-label {
	display: inline-block;
	min-width: 9em;
}

.pfic-print-ingredient .pfic-binomen-value {
	font-style: italic;
}

/*
## Menus
*/

.pfic-print-menu .pfic-print-menu-recipes {
	break-before: right;
}

.pfic-print-menu .wprm-recipe-roundup-item {
	break-inside: avoid;
	column-gap: var(--print-h-double-space);
	display: flex;
	margin-bottom: var(--print-v-space);
}

.pfic-print-menu .wprm-recipe-roundup-item .pfic-recipe-image-container {
	flex: 8;
}

.pfic-print-menu .wprm-recipe-roundup-item .pnet-card-inner {
	flex: 17;
}

/*
## Recipes
*/

.pfic-print-recipe .pfic-column-left {
	flex: 8;
}

.pfic-print-recipe .pfic-column-right {
	flex: 17;
}

.pfic-print-recipe .wprm-recipe-instruction-tip-icon::before {
	content: '💡';
}

.wprm-private-notes-container,
.wprm-recipe-private-notes-header,
.wprm-unit-conversion-container {
	display: none;
}

/* =============================================================================
# Editor content
*/

#wprm-print-content.pfic-print-content-editor .wprm-recipe-instruction-text {
	width: 32%;
	order: 2;
	flex: 17;
}

#wprm-print-content.pfic-print-content-editor .wprm-recipe-instruction-ingredients {
	order: 1;
	width: 100%;
}

#wprm-print-content.pfic-print-content-editor .wprm-recipe-instruction-image {
	width: 32%;
	order: 2;
	flex: 8;
}

#wprm-print-content.pfic-print-content-editor .wprm-recipe-instruction-ingredients {
	display: block;
}

#wprm-print-content.pfic-print-content-editor .wprm-recipe-instruction-ingredient {
	opacity: 0.7;
	white-space: nowrap;
	display: inline-block;
}

#wprm-print-content .pfic-print-collection-item-metadata {
	break-inside: avoid;
}

#wprm-print-content.pfic-print-content-editor .pnet-card,
#wprm-print-content.pfic-print-content-editor .wprm-recipe-roundup-item {
	column-gap: var(--print-h-double-space);
	display: flex;
	margin-bottom: var(--print-v-space);
}

#wprm-print-content.pfic-print-content-editor .pnet-card-image {
	flex: 8;
	width: 32%;
}

#wprm-print-content.pfic-print-content-editor .pnet-card-inner {
	flex: 17;
}