/*
Theme Name: EMPOLAS B2B Child
Theme URI: https://empolas-partner.cz/
Template: empolas-b2b
Author: Ondřej Meitner
Author URI: https://empolas.com/
Description: Lehká responzivní hybridní šablona pro B2B e-shop EMPOLAS Partner. Podporuje Gutenberg, WooCommerce, klasická menu, editovatelnou třísloupcovou patičku, pokročilou typografii, předhlavičku a sticky hlavičku.
Version: 0.4.16.1786350900
Updated: 2026-08-10 10:35:00

*/
/* ========================================
   QR PLATBA – THANK YOU PAGE
   ======================================== */

body.woocommerce-order-received .wpify-woo-qr-payment {
    display: block !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 36px auto !important;
    padding: 24px 28px !important;
    box-sizing: border-box !important;

    background: #f5f8fb !important;
    border: 1px solid #dbe5ef !important;
    border-radius: 10px !important;
}

/* Zrušení nesmyslného max-width:120px z pluginu */
body.woocommerce-order-received
.wpify-woo-qr-payment
.wpify-woo-qr-payment_code {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Text */
body.woocommerce-order-received
.wpify-woo-qr-payment
.wpify-woo-qr-payment_code > p {
    flex: 1 1 auto !important;
    max-width: 480px !important;
    margin: 0 !important;

    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* QR kód */
body.woocommerce-order-received
.wpify-woo-qr-payment
.wpify-woo-qr-payment_code > img {
    display: block !important;
    flex: 0 0 auto !important;

    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;

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

    background: #ffffff !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

/* Prázdné prvky pluginu */
body.woocommerce-order-received .wpify-woo-qr-payment_title-before,
body.woocommerce-order-received .wpify-woo-qr-payment_title-after {
    display: none !important;
}


/* ========================================
   MOBIL
   ======================================== */

@media (max-width: 768px) {

    body.woocommerce-order-received .wpify-woo-qr-payment {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 28px auto !important;
        padding: 24px 18px !important;
    }

    body.woocommerce-order-received
    .wpify-woo-qr-payment
    .wpify-woo-qr-payment_code {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;

        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    body.woocommerce-order-received
    .wpify-woo-qr-payment
    .wpify-woo-qr-payment_code > p {
        width: 100% !important;
        max-width: 420px !important;
        margin: 0 auto !important;

        font-size: 17px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    body.woocommerce-order-received
    .wpify-woo-qr-payment
    .wpify-woo-qr-payment_code > img {
        width: 220px !important;
        max-width: 220px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 8px !important;
    }
}

/* ========================================
   THANK YOU PAGE – POŘADÍ A ZAROVNÁNÍ
   ======================================== */

/* Umožní změnit pořadí jednotlivých bloků */
body.woocommerce-order-received .woocommerce-order {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Potvrzení objednávky vždy úplně nahoru */
body.woocommerce-order-received
.woocommerce-thankyou-order-received {
    order: -100 !important;
    width: 100% !important;
    max-width: 900px !important;

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

    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
}

/* QR blok hned za potvrzením */
body.woocommerce-order-received .wpify-woo-qr-payment {
    order: -90 !important;
}

/* Hlavní odstavce na thank you stránce na střed */
body.woocommerce-order-received .woocommerce-order > p {
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Nadpis stránky + obsah pod ním opticky spojit */
body.woocommerce-order-received .entry-header {
    margin-bottom: 20px !important;
}

body.woocommerce-order-received .entry-content {
    margin-top: 0 !important;
}


/* MOBIL */
@media (max-width: 768px) {

    body.woocommerce-order-received
    .woocommerce-thankyou-order-received {
        margin-bottom: 22px !important;
        padding: 0 12px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-order-received
    .woocommerce-order > p {
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}

.page-id-569 .entry-title,
.page-id-907 .entry-title,
.page-id-907 .site-breadcrumbs-wrap {
	display: none !important;
}

@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}