/* =========================================================
   Print stylesheet — WoodworkersXS product page
   Loaded with media="print" so it only applies when printing.
   ========================================================= */

@media print {

    /* ---------- Hide site chrome ---------- */
    .tm-toolbar,
    .tm-header,
    .tm-header-mobile,
    header.tm-header,
    header.tm-header-mobile,
    #tm-dialog-mobile,
    .floatingphone-mobile,
    .xoo-wsc-container,
    .xoo-wsc-basket,
    .xoo-wsc-slider,
    .xoo-wsc-modal,
    footer,
    .footer,
    .remove-on-print {
        display: none !important;
    }

    /* ---------- Hide the print/wishlist action buttons ---------- */
    .wishlist-product-page,
    .yith-add-to-wishlist-button-block,
    .woocommerce-notices-wrapper,
    a.added_to_cart {
        display: none !important;
    }

    /* ---------- Hide breadcrumbs, admin Edit link, Sale badge ---------- */
    .uk-breadcrumb,
    nav[aria-label="Breadcrumb"],
    .post-edit-link,
    .edit-link,
    #wpadminbar,
    a.post-edit-link,
    .onsale,
    span.onsale {
        display: none !important;
    }

    /* ---------- Hide Add-to-cart form (not useful on paper) ---------- */
    .tm-element-woo-add-to-cart,
    #ppcp-recaptcha-v2-container {
        display: none !important;
    }

    /* ---------- Hide Related Products section ---------- */
    /* The whole section that wraps the "Related Products" heading
       + the product grid uses uk-section-secondary on the product page. */
    section.related.products,
    .tm-element-woo-products,
    .uk-section-secondary {
        display: none !important;
    }

    /* ---------- Hide the Contact Us / map builder block ---------- */
    #builderwidget-6,
    .mailing-form,
    .stitching-top-right,
    .gform_wrapper,
    .gform_footer,
    iframe {
        display: none !important;
    }

    /* ---------- Page reset ---------- */
    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11pt;
        margin: 0;
        padding: 0;
    }

    .tm-page,
    #tm-main,
    main,
    .uk-section,
    .uk-section-default,
    .uk-section-small,
    .uk-container,
    .uk-container-large,
    .uk-container-xlarge {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        background: #fff !important;
    }

    /* ---------- Two-column layout: photo left, details right ---------- */
    /* Force the UIkit grid that wraps the gallery + summary to keep
       its two columns side by side instead of stacking. */
    .product.type-product > .uk-container > .uk-grid,
    .product.type-product .uk-grid.tm-grid-expand {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Image column */
    .product.type-product .uk-grid > .uk-width-1-2\@m:first-child {
        width: 35% !important;
        max-width: 35% !important;
        flex: 0 0 35% !important;
        padding-right: 15px !important;
        margin: 0 !important;
    }

    /* Details column */
    .product.type-product .uk-grid > .uk-width-1-2\@m:last-child {
        width: 65% !important;
        max-width: 65% !important;
        flex: 1 1 65% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ---------- Shrink product photo ---------- */
    .tm-element-woo-images,
    #sticky-images {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-product-gallery,
    .woocommerce-product-gallery__wrapper,
    .woocommerce-product-gallery__image {
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .woocommerce-product-gallery img,
    .woocommerce-product-gallery__image img,
    .wp-post-image {
        width: 100% !important;
        height: auto !important;
        max-width: 220px !important;
        border: 1px solid #ccc !important;
        padding: 0 !important;
    }

    /* ---------- Typography ---------- */
    h1.product_title {
        font-size: 22pt !important;
        margin: 0 0 8px !important;
        color: #000 !important;
    }

    .product_meta,
    .product_meta * {
        font-size: 10pt !important;
        color: #000 !important;
    }

    .price,
    .price * {
        font-size: 14pt !important;
        color: #000 !important;
    }

    .wxs-float-edit {
        display: none !important;
    }

    /* Strike-through original price */
    del span.woocommerce-Price-amount.amount {
        color: #555 !important;
    }

    /* Hide screen-reader-only redundant price text in print */
    .screen-reader-text {
        display: none !important;
    }

    .woocommerce-product-gallery__trigger {
    display: none !important;
    }

    div#sticky-images {
        margin-top: 30px !important;
    }

    /* ---------- Tabs panel (Additional information) ---------- */
    .woocommerce-tabs ul.tabs {
        display: none !important;
    }

    .woocommerce-Tabs-panel {
        display: block !important;
        padding: 0 !important;
    }

    .woocommerce-Tabs-panel h2 {
        font-size: 13pt !important;
        margin: 12px 0 4px !important;
    }

    table.woocommerce-product-attributes {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 10pt !important;
    }

    table.woocommerce-product-attributes th,
    table.woocommerce-product-attributes td {
        border: 1px solid #ccc !important;
        padding: 4px 6px !important;
        text-align: left !important;
        color: #000 !important;
    }

    /* ---------- Clear any float so following content flows correctly ---------- */
    .tm-element-woo-tabs {
        clear: both;
    }

    /* ---------- Hide all links target URLs (browser default behavior) ---------- */
    a[href]:after {
        content: none !important;
    }

    /* ---------- Page margins ---------- */
    @page {
        margin: 1.2cm;
    }
}