/* =========================================================
   HORECA J&P
   PRINT.CSS – PRODUCTPAGINA
   ========================================================= */


/* =========================================================
   A4
   ========================================================= */

@page {
    size: A4;
    margin: 12mm 14mm 15mm 14mm;
}


/* =========================================================
   BASIS
   ========================================================= */

html,
body {
    background: #ffffff !important;
    color: #111820 !important;

    font-size: 10pt !important;
    line-height: 1.45 !important;
}

* {
    box-shadow: none !important;
    text-shadow: none !important;
}

a {
    color: inherit !important;
    text-decoration: none !important;
}


/* =========================================================
   HJP PRINT HEADER
   ========================================================= */

body::before {
    content: "HORECA J&P  •  TAPTECHNIEK  •  HORECA  •  EVENTS";

    display: block !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 0 6px !important;

    border-bottom: 2px solid #0067b1 !important;

    color: #0067b1 !important;

    font-size: 13pt !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* =========================================================
   WEBSITE-ELEMENTEN VERBERGEN
   ========================================================= */

header,
footer,
nav,
.site-header,
.site-footer,
.main-navigation,
.mobile-nav,
.mega-menu,
.breadcrumbs,
.woocommerce-breadcrumb,
.widget-area,
.sidebar,
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-info,
.related,
.upsells,
.cross-sells,
.share,
.social-share,
.yith-wcwl-add-to-wishlist,
.flex-control-thumbs,
.woocommerce-product-gallery__trigger,
.product-widget,
.usp-product-page,
.hjp-help-box,
.woocommerce-tabs .tabs,
.woocommerce-tabs ul.tabs,
.woocommerce-tabs > nav,
.woocommerce-Tabs-panel--reviews,
#reviews {
    display: none !important;
}


/* =========================================================
   HOOFDSTRUCTUUR
   ========================================================= */

.site-content,
.content-area,
.site-main,
.woocommerce,
.single-product {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.single-product .product,
.woocommerce div.product {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    min-height: 0 !important;
}


/* =========================================================
   PRODUCTAFBEELDING LINKS
   ========================================================= */

.woocommerce-product-gallery {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 38% !important;
    max-width: 38% !important;

    height: 255px !important;
    min-height: 0 !important;
    max-height: 255px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    overflow: visible !important;

    z-index: 1 !important;
}

.woocommerce-product-gallery__wrapper {
    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* =========================================================
   ALLEEN HOOFDAFBEELDING
   ========================================================= */

.woocommerce-product-gallery__image {
    display: none !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-product-gallery__image:first-child {
    display: block !important;
}

.woocommerce-product-gallery__image:first-child img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 240px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* =========================================================
   PRODUCTINFO RECHTS
   ========================================================= */

.summary {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

    display: block !important;

    width: 58% !important;
    max-width: 58% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    z-index: 2 !important;
}


/* =========================================================
   PRODUCTTITEL
   ========================================================= */

.single-product .product_title,
.product_title {
    display: block !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #111820 !important;

    font-size: 18pt !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    page-break-after: avoid !important;
    break-after: avoid !important;
}


/* =========================================================
   BEOORDELING
   ========================================================= */

.hjp-product-rating {
    display: block !important;

    margin: 0 0 5px !important;

    color: #697586 !important;

    font-size: 8pt !important;
    line-height: 1.3 !important;
}

.hjp-empty-stars {
    color: #777777 !important;
}


/* =========================================================
   PRIJS
   ========================================================= */

.summary .price {
    display: block !important;

    margin: 0 0 7px !important;

    color: #005ca9 !important;

    font-size: 16pt !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* =========================================================
   SKU
   ========================================================= */

.product_meta.hjp-product-sku {
    display: block !important;

    margin: 0 0 7px !important;

    color: #596579 !important;

    font-size: 8pt !important;
    line-height: 1.3 !important;
}


/* =========================================================
   KORTE OMSCHRIJVING
   ========================================================= */

.woocommerce-product-details__short-description {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #333333 !important;

    font-size: 9pt !important;
    line-height: 1.45 !important;
}

.woocommerce-product-details__short-description p {
    margin: 0 0 7px !important;
}


/* =========================================================
   BESTELFORMULIER VOLLEDIG VERBERGEN
   ========================================================= */

#sticky-scroll,
form#sticky-scroll,
form.variations_form.cart,
.summary form.cart,
.variations,
.single_variation_wrap,
.woocommerce-variation,
.woocommerce-variation-add-to-cart,
.quantity,
.single_add_to_cart_button,
.variation_id {
    display: none !important;

    visibility: hidden !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* =========================================================
   RUIMTE VOOR PRODUCTBOVENKANT
   ========================================================= */

/*
 * Foto + productinformatie staan absoluut.
 * Hier reserveren we alleen de benodigde ruimte.
 */

.hjp-product-description-layout {
    position: relative !important;

    clear: both !important;

    width: 100% !important;

    margin-top: 260px !important;

    padding-top: 0 !important;
}


/* =========================================================
   TABNAVIGATIE VERBERGEN
   ========================================================= */

.woocommerce-tabs {
    display: block !important;

    clear: both !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-tabs > ul.tabs,
.woocommerce-tabs .tabs,
.woocommerce-tabs .wc-tabs,
.woocommerce-tabs nav {
    display: none !important;
}


/* =========================================================
   BESCHRIJVING DIRECT AAN HET BEGIN
   ========================================================= */

.hjp-product-description {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.hjp-product-description > :first-child {
    margin-top: 0 !important;
}


/* =========================================================
   PLUS- EN MINPUNTEN
   ========================================================= */

.hjp-plus-minpunten {
    display: block !important;

    clear: both !important;

    width: 100% !important;

    margin: 15px 0 18px !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d8e0e7 !important;
    border-radius: 6px !important;

    overflow: hidden !important;

    page-break-inside: avoid !important;
    break-inside: avoid !important;
}

.hjp-ppm-heading {
    margin: 0 !important;

    padding: 8px 13px !important;

    background: #eef5fb !important;

    border-bottom: 1px solid #d8e0e7 !important;
}

.hjp-ppm-heading h2 {
    margin: 0 !important;

    color: #111820 !important;

    font-size: 13pt !important;
    line-height: 1.25 !important;
}

.hjp-ppm-list {
    margin: 0 !important;

    padding: 0 13px !important;
}

.hjp-ppm-item {
    margin: 0 !important;

    padding: 6px 0 !important;

    page-break-inside: avoid !important;
    break-inside: avoid !important;
}

.hjp-ppm-copy {
    color: #333333 !important;

    font-size: 9pt !important;
    line-height: 1.4 !important;
}

.hjp-ppm-copy strong {
    color: #111820 !important;
}


/* =========================================================
   BELANGRIJKSTE SPECIFICATIES
   ========================================================= */

.hjp-product-quick-specs {
    display: block !important;

    clear: both !important;

    width: 100% !important;

    margin: 15px 0 20px !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d8e0e7 !important;
    border-radius: 6px !important;

    overflow: hidden !important;

    page-break-inside: auto !important;
}

.hjp-product-quick-specs h3 {
    margin: 0 !important;

    padding: 8px 13px !important;

    background: #eef5fb !important;

    border-bottom: 1px solid #d8e0e7 !important;

    color: #111820 !important;

    font-size: 13pt !important;
    line-height: 1.25 !important;
}

.hjp-quick-spec-list {
    margin: 0 !important;

    padding: 0 13px !important;
}

.hjp-quick-spec-row {
    display: grid !important;

    grid-template-columns: 40% 60% !important;

    gap: 10px !important;

    align-items: start !important;

    margin: 0 !important;

    padding: 5px 0 !important;

    border-bottom: 1px solid #e2e7eb !important;

    font-size: 9pt !important;
    line-height: 1.35 !important;

    page-break-inside: avoid !important;
    break-inside: avoid !important;
}

.hjp-quick-spec-row:last-child {
    border-bottom: 0 !important;
}

.hjp-quick-spec-label {
    color: #111820 !important;

    font-weight: 700 !important;
}

.hjp-quick-spec-value {
    color: #444444 !important;
}


/* =========================================================
   PRODUCTBESCHRIJVING
   ========================================================= */

.hjp-product-description h2 {
    margin: 18px 0 7px !important;

    color: #005ca9 !important;

    font-size: 14pt !important;
    line-height: 1.3 !important;

    page-break-after: avoid !important;
    break-after: avoid !important;
}

.hjp-product-description h3 {
    margin: 14px 0 6px !important;

    color: #111820 !important;

    font-size: 11pt !important;
    line-height: 1.3 !important;

    page-break-after: avoid !important;
    break-after: avoid !important;
}

.hjp-product-description p {
    margin: 0 0 8px !important;

    color: #222222 !important;

    font-size: 9.5pt !important;
    line-height: 1.5 !important;
}

.hjp-product-description ul,
.hjp-product-description ol {
    margin-top: 4px !important;

    margin-bottom: 9px !important;

    padding-left: 18px !important;
}

.hjp-product-description li {
    margin-bottom: 3px !important;

    page-break-inside: avoid !important;
    break-inside: avoid !important;
}


/* =========================================================
   REVIEWS VERBERGEN
   ========================================================= */

.woocommerce-Tabs-panel--reviews,
#reviews {
    display: none !important;
}


/* =========================================================
   OVERIGE PRODUCTMETA
   ========================================================= */

.product_meta:not(.hjp-product-sku) {
    display: none !important;
}


/* =========================================================
   PAGINA-AFBRAKEN
   ========================================================= */

h1,
h2,
h3,
h4 {
    page-break-after: avoid !important;
    break-after: avoid !important;
}

p {
    orphans: 3;
    widows: 3;
}

figure,
table {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}


/* =========================================================
   PRINT FOOTER
   ========================================================= */

body::after {
    content: "Horeca J&P  •  horecajenp.nl  •  Taptechniek • Horeca • Events";

    display: block !important;

    width: 100% !important;

    margin-top: 20px !important;
    padding-top: 7px !important;

    border-top: 1px solid #d8e0e7 !important;

    color: #697586 !important;

    font-size: 8pt !important;

    text-align: center !important;
}

/* =========================================================
   PRINT – ONDERSTE USP-BLOK VERBERGEN
   ========================================================= */

@media print {

    .below-content {
        display: none !important;
    }

}

/* =========================================================
   PRINT – TERUG NAAR GOEDE PRODUCTLAYOUT
   ========================================================= */

@media print {

    /* Product weer op normale positie */
    .single-product .product,
    .woocommerce div.product {
        top: 0 !important;
    }

    /* Ruimte voor foto + productkaart */
    .hjp-product-description-layout {
        margin-top: 260px !important;
    }

    /*
     * ALLEEN de navigatie van de tabs verbergen.
     * De inhoud van de tabs NIET verbergen!
     */
    .woocommerce-tabs > ul.tabs,
    .woocommerce-tabs ul.tabs {
        display: none !important;
    }

    /*
     * Laat de daadwerkelijke productbeschrijving
     * gewoon zichtbaar.
     */
    .woocommerce-tabs {
        display: block !important;
    }

}

/* =========================================================
   PRINT – PRODUCTBLOK VERDER OMHOOG
   ========================================================= */

@media print {

    .woocommerce-product-gallery,
    .summary {
        top: -95px !important;
    }

}

/* =========================================================
   PRINT – LOSSE BEOORDELINGEN VERBERGEN
   ========================================================= */

@media print {

    /* Review-tab / beoordelingstab */
    .reviews_tab,
    li.reviews_tab,
    .woocommerce-tabs .reviews_tab,

    /* Review-links */
    .woocommerce-review-link,
    .review-link,

    /* Links naar reviews */
    a[href="#reviews"],
    a[href="#tab-reviews"],
    a[href*="reviews"],

    /* Veelgebruikte review-elementen */
    .woocommerce-product-rating,
    .woocommerce-review-count,

    /* Review-tab als ouder van een review-link */
    li:has(a[href*="reviews"]),
    li:has(a[href="#reviews"]),
    li:has(a[href="#tab-reviews"]) {
        display: none !important;
    }

}

/* =========================================================
   PRINT – BEOORDELINGEN TAB VERBERGEN
   ========================================================= */

@media print {

    #tab-title-reviews {
        display: none !important;
    }

}