/* Print styles for UAPL Recipes CPT */

/* Page setup */
@page {
    size: Letter portrait;
    margin: 0.5in;
}

/* Base styles */
html, body {
    overflow: visible !important;
    font-size: 12pt !important;
    line-height: 1.4 !important;
}

body, .recipe-container {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
}

/* Layout containers */
.recipe-container,
.recipe-header,
.recipe-section,
.recipe-meta,
.recipe-ingredients,
.recipe-instructions,
.recipe-notes {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
}

/* Typography */
.recipe-title,
.recipe-section-title,
.recipe-instructions-heading,
.recipe-ingredients-heading,
.recipe-notes-heading {
    color: #000 !important;
    page-break-after: avoid;
}

/* Images */
img,
.recipe-featured-image,
.recipe-image img,
.recipe-main-image {
    display: block !important;
    max-width: 75pt !important;
    max-height: 75pt !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Links */
a, a:visited, a:active, a:hover {
    color: #000 !important;
    text-decoration: underline !important;
    background: none !important;
}

a[href]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
    color: #444;
    word-break: break-all;
}

/* Hidden elements */
nav, header, footer, aside,
.elementor-location-header,
.elementor-location-footer,
#wpadminbar, .site-footer, .site-header,
.comments-area, .print-hide,
button, input, textarea, select {
    display: none !important;
}

/* Recipe metadata */
.recipe-meta,
.elementor-recipe-meta {
    display: table !important;
    width: 100% !important;
    margin-bottom: 16px !important;
    background: none !important;
    border: none !important;
    color: #000 !important;
}

.recipe-meta > div,
.elementor-recipe-meta > div {
    display: table-row !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.recipe-meta > div > *,
.elementor-recipe-meta > div > * {
    display: table-cell !important;
    padding: 2px 8px 2px 0 !important;
    border: none !important;
}

/* Lists */
.recipe-ingredients ul,
.recipe-instructions ol {
    list-style: decimal inside !important;
    margin: 0 0 0 1em !important;
    padding: 0 !important;
}

.recipe-ingredients li,
.recipe-instructions li {
    font-size: 1em !important;
    color: #000 !important;
    border: none !important;
    background: none !important;
    padding: 2px 0 !important;
    margin: 0 0 4px 0 !important;
    page-break-inside: avoid;
}

.recipe-ingredients li {
    border-bottom: none !important;
}

/* Instructions with page break */
.recipe-instructions {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    page-break-after: always !important;
    break-after: page !important; /* Modern browsers */
}

.recipe-item {
    border: none !important;
}

/* Notes styling */
.recipe-notes {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    border-left: 4px solid #888 !important;
    padding: 10px !important;
    margin-bottom: 16px !important;
}

/* Remove animations */
.recipe-section,
.recipe-instructions li {
    animation: none !important;
    transition: none !important;
}
    animation: none !important;
    transition: none !important;
}

/* Reduce font size for print if needed */
body,
.recipe-container {
    font-size: 12pt !important;
    line-height: 1.4 !important;
}

/* Ensure no overflow */
html, body {
    overflow: visible !important;
}
html, body {
    overflow: visible !important;
}

.recipe-ingredients li {
    border-bottom: none !important;
  }

  .recipe-instructions {
	 page-break-after: always !important;
    break-after: page !important; /* Modern browsers */
	display: block !important;
	padding: 0 !important;
	border: none !important;
  }

  .recipe-instructions,
  .recipe-item {
    border: none !important;
  }