/* 
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 */




@media print {

    /* -------------------------------
       Hide the Elementor Header
       ------------------------------- */
    header.elementor-location-header,
    header.elementor-location-header * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
    }

    /* -------------------------------
       Hide Footer and other theme parts
       ------------------------------- */
    footer, footer *,
    .site-footer, .site-footer * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
    }

    /* -------------------------------
       Hide anything with .no-print
       ------------------------------- */
    .no-print,
    .no-print * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
    }

    /* -------------------------------
       Remove backgrounds and shadows
       ------------------------------- */
    * {
        background: transparent !important;
        box-shadow: none !important;
    }

    /* -------------------------------
       Make content full width
       ------------------------------- */
    body, html {
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    main, .site-main, .elementor {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* -------------------------------
       Fix Elementor transforms + sticky
       ------------------------------- */
    .elementor-sticky,
    .elementor-sticky--active,
    .elementor-section,
    .elementor-widget {
        position: static !important;
        top: auto !important;
        transform: none !important;
    }

    /* -------------------------------
       Make images responsive
       ------------------------------- */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* -------------------------------
       Show link URLs in print
       ------------------------------- */
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 12px;
    }

    /* Show YouTube URLs below embeds */
    iframe[src*="youtube.com"]::after {
        content: "Watch on YouTube: " attr(src);
        display: block;
        font-size: 12px;
        margin-top: 4px;
        color: #000;
    }

    /* Optional: hide the iframe itself when printing to save ink */
    /* iframe[src*="youtube.com"] {
        display: none !important;
    } */
}