/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* Style the orders table */

.modal-content .modal__header .modal__close{
	width: 26px;
    height: 26px;
	padding: 0 !important;
}


/* =================================================================== */
/*  COMPLETE PRINT-ONLY STYLES (Single Page Optimized)               */
/* =================================================================== */

@media print {

    /* --- Step 1: Hide all non-essential page elements --- */
    body * {
        visibility: hidden;
    }
    header, footer, nav, aside, .elementor-location-header, .elementor-location-footer, #wpadminbar, .rpress-print-button-wrap {
        display: none !important;
    }

    /* --- Step 2: Isolate the receipt and prepare the page --- */
    .elementor-widget-shortcode,
    .elementor-widget-shortcode * {
        visibility: visible;
    }
    .elementor-widget-shortcode {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none !important;
        box-shadow: none !important;
        font-size: 11pt; /* Use points for print; 11pt is smaller and good for print */
    }
    body {
        margin: 0.5cm; /* Reduce the browser's default paper margin */
        background: #fff;
    }


    /* --- Step 3: COMPRESS VERTICAL SPACING --- */

    /* Reduce spacing on the main sections */
    .rp-customer-receipt,
    .rp-order-section,
    .rp-order-summary-main {
        margin-bottom: 15px !important; /* Decrease space between sections */
        padding-bottom: 10px !important;
    }

    /* Make headings smaller and tighter */
    h3 {
        font-size: 13pt !important;
        margin-bottom: 8px !important;
        padding-bottom: 4px !important;
    }

    /* Reduce space between lines in the details sections */
    .rp-detils-content p {
        margin-bottom: 4px !important; /* Less space after each line item */
        font-size: 10pt !important;     /* Smaller font for details */
        line-height: 1.3 !important;   /* Tighter line spacing */
    }

    /* Heavily compress the order summary table */
    #rp-order-summary th,
    #rp-order-summary td {
        padding: 4px !important; /* Drastically reduce cell padding */
        font-size: 10pt !important;
    }
    #rp-order-summary tfoot td {
        padding-top: 8px !important;
    }
    .rpress-main-item-name {
        font-size: 11pt !important;
    }

}