/* =========================================================================
   Plugin Name: Jorj Chef's Recommendations Dynamic Injector - Print Stylesheet
   File Path: /wp-content/plugins/jorj-chefs-recommendations/style-print.css
   Purpose: Ultra-clean "Ingredients & Method Only" print styling
   ========================================================================= */

/* reset Page & Margins for a Single-Page Print */
@page {
    size: auto;
    margin: 20mm 20mm;
}

/* Hide All Images and Icons Globally */
img, 
svg, 
picture,
.trinity-anchor-img {
    display: none !important;
}

/* Hide Website Clutter (Header, Footer, Menus & Search) */
header, 
footer, 
#masthead, 
#colophon,
.site-header, 
.site-footer,
.elementor-header, 
.elementor-footer,
.elementor-location-header, 
.elementor-location-footer,
.elementor-menu-toggle, 
.elementor-nav-menu, 
.elementor-search-form,
#searchform, 
$search-form,
.search-form, 
.explore-archive, 
.search-bar,
.elementor-back-to-top,
#back-to-top,
.estate-btn-container,
.wprm-recipe-buttons {
    display: none !important;
}

/* Hide all narratives, post titles, metadata, strategy boxes, and note cards */
.estate-recipe-post h1,
.estate-recipe-meta,
.estate-strategy-box,
.estate-my-way,
blockquote,
.estate-recipe-notes,
.heart-of-table,
.neighborly-grace,
.estate-tagline {
    display: none !important;
}

/* Hide all story text and narrative headings outside the recipe card */
.estate-recipe-post > p,
.estate-recipe-post > h2,
.estate-recipe-post > h3, 
.estate-recipe-post > h4,
.estate-recipe-post > h5,
.estate-recipe-post > h6 {
    display: none !important;
}

/* Format the Recipe Container to only show the Card Details */
body, html {
    background: #ffffff !important;
    color: #333333 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.estate-recipe-post {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Strip the Recipe Card container borders entirely */
.estate-recipe-card {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    max-width: 100% !important;
    box-shadow: none !important;
}

/* Style the Ingredients and Instructions beautifully for the page */
.estate-recipe-ingredients,
.estate-recipe-instructions {
    display: block !important;
    width: 100% !important;
    page-break-inside: avoid;
    margin-bottom: 30px !important;
}

/* Keep headings elegant and readable */
.estate-recipe-ingredients h3,
.estate-recipe-instructions h3 {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #1B365D !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1.3em !important;
    border-bottom: 1px solid #D4CDC1 !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
    page-break-after: avoid;
}

/* Suppress printed web-address link URLs */
a[href]:after {
    content: "" !important;
}

/* Hide post navigation (Previous/Next) in print Scopes */
.elementor-post-navigation,
.post-navigation,
.wpr-post-navigation,
.prev-next,
.navigation.post-navigation,
.nav-links,
.elementor-widget-post-navigation,
.elementor-widget-theme-post-navigation {
    display: none !important;
}

/* Suppress empty containers to prevent blank pages */
br, p:empty, div:empty, section:empty {
    display: none !important;
}

.elementor-section:empty, 
.elementor-column:empty, 
.elementor-widget:empty,
.elementor-widget-container:empty,
.elementor-widget-post-navigation:empty,
.elementor-widget-theme-post-navigation:empty,
.wprm-recipe-buttons:empty,
.wprm-recipe-ingredients-copy-button-container:empty {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* =========================================================================
   Scroll-Reveal Visibility and Flexbox Hardening overrides
   ========================================================================= */

/* 1. Force reveal observer elements visible in print */
.jorj-scroll-reveal,
.estate-recipe-ingredients,
.wprm-recipe-container {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* 2. Reset ingredients to standard list items in print (fixes Chrome flexbox bug) */
.wprm-recipe-ingredient,
.estate-recipe-ingredients li {
    display: list-item !important;
    list-style-type: disc !important;
    margin-left: 20px !important;
}

/* 3. Hide checkboxes, copy buttons, and export wrappers in print view */
.wprm-shopping-checkbox,
.wprm-shopping-export-container,
.wprm-shopping-export-btn,
.wprm-recipe-ingredients-copy-button,
.wprm-recipe-copy-button,
.wprm-copy-ingredients,
.wprm-recipe-ingredients-copy-button-container {
    display: none !important;
}
