/* Vouchery: strona /vouchery/, /zamowienie/ (demo albo checkout Woo), ekran po zakupie, voucher 210 × 99 mm. */ .cczgr-vq,.cczgr-vt,.cczgr-co,.cczgr-co-main,.cczgr-co-summary{--vq-brand:var(--wp--preset--color--brand,#0d9488);--vq-brand-dark:var(--wp--preset--color--brand-dark,#0f766e);--vq-brand-light:var(--wp--preset--color--brand-light,#ccfbf1);--vq-ink:var(--wp--preset--color--contrast,#0f172a);--vq-ink2:var(--wp--preset--color--contrast-2,#475569);--vq-bd:var(--wp--preset--color--border,#e2e8f0)} /* --- Voucher --- */ .cv{--cv-brand-dark:var(--wp--preset--color--brand-dark,#0f766e);--cv-brand-light:var(--wp--preset--color--brand-light,#ccfbf1);--cv-ink:var(--wp--preset--color--contrast,#0f172a);--cv-ink2:var(--wp--preset--color--contrast-2,#475569); box-sizing:border-box;width:210mm;height:99mm;display:grid;grid-template-columns:1fr 27%;padding:2mm;background:var(--cv-brand-light);border-radius:6px;overflow:hidden; font-family:var(--wp--preset--font-family--body,system-ui,sans-serif);color:var(--cv-ink);font-size:14px;line-height:1.35;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact} .cv *{box-sizing:border-box} .cv [hidden]{display:none!important} .cv-body{position:relative;min-width:0;border-radius:5px 0 0 5px;overflow:hidden; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.6) 62%,rgba(255,255,255,.08) 100%),var(--cv-bg) 70% center/cover no-repeat,#fff} .cv-body--lines{background: radial-gradient(circle at 83% 18%,color-mix(in srgb,var(--cv-brand-light) 70%,transparent) 0 15%,transparent 15.3%), repeating-radial-gradient(ellipse at 120% 110%,transparent 0 22px,var(--cv-brand-light) 22px 24px),#fff} .cv-data{position:relative;width:60%;height:100%;padding:14px 10px 12px 18px;display:flex;flex-direction:column} .cv-logo img{display:block;height:60px;width:auto;max-width:100%;object-fit:contain;object-position:left center} .cv-logo-text{font-family:var(--wp--preset--font-family--heading,inherit);font-weight:800;font-size:20px} .cv-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px} .cv-lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cv-ink2)} .cv-big{font-family:var(--wp--preset--font-family--heading,inherit);font-size:32px;font-weight:800;line-height:1.08;color:var(--cv-brand-dark);overflow-wrap:anywhere} .cv-sub{font-size:15px;font-weight:600;color:var(--cv-ink2)} .cv-who{margin-top:4px} .cv-ded{font-style:italic;color:var(--cv-ink2);overflow-wrap:anywhere} /* Długie „Dla/Od” (> 40 / > 100 zn. razem) i dedykacja (> 80 / > 120 zn.): progi jak w PDF. */ .cv-who--sm,.cv-ded--sm{font-size:12px} .cv-who--sm2,.cv-ded--sm2{font-size:10.5px;line-height:1.25} .cv-meta{font-size:11.5px;color:var(--cv-ink2)} .cv-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;text-align:center;color:#fff; background:var(--cv-brand-dark);border-radius:0 5px 5px 0;border-left:2px dashed rgba(255,255,255,.6)} .cv-qr{display:block;width:66%;height:auto;aspect-ratio:1;border-radius:4px} .cv-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;letter-spacing:.06em} .cv-exp{font-size:12px;opacity:.9} /* Skalowany podgląd (JS ustawia transform i wysokość). */ .cczgr-vq-preview,.cczgr-vt-preview{position:relative;overflow:hidden;border-radius:6px;box-shadow:0 6px 22px rgba(15,23,42,.16);aspect-ratio:210/99} .cczgr-vq-preview .cv,.cczgr-vt-preview .cv{position:absolute;top:0;left:0;transform-origin:0 0;visibility:hidden} .cczgr-vq-preview.is-fit .cv,.cczgr-vt-preview.is-fit .cv{visibility:visible} /* --- /vouchery/ --- */ .cczgr-vq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2.25rem;align-items:start} .cczgr-vq-right{position:sticky;top:6rem} @media (max-width:860px){.cczgr-vq-grid{grid-template-columns:1fr}.cczgr-vq-right{order:-1;position:static}} .cczgr-vq-faq{margin:3.5rem 0 0} .cczgr-vq-faq h2{text-align:center;font-size:1.6rem;margin:0 0 1.25rem} .cczgr-vq-faq-item{border-bottom:1px solid var(--vq-bd)} .cczgr-vq-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font-weight:600} .cczgr-vq-faq-item summary::-webkit-details-marker{display:none} .cczgr-vq-faq-item summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--vq-brand);flex:none} .cczgr-vq-faq-item[open] summary::after{content:"−"} .cczgr-vq-faq-item summary:focus-visible{outline:2px solid var(--vq-brand);outline-offset:2px} .cczgr-vq-faq-item p{margin:0 0 .9rem!important;color:var(--vq-ink2);font-size:.94rem} .cczgr-vq-list{border:0;margin:0 0 1.1rem;padding:0;display:grid;gap:.65rem} .cczgr-vq .cczgr-vq-item{display:flex;margin:0;align-items:center;gap:.85rem;border:1px solid var(--vq-bd);border-radius:12px;padding:.75rem .95rem;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s} .cczgr-vq-item:hover{border-color:var(--vq-brand)} .cczgr-vq-item:has(input:checked){border-color:var(--vq-brand);box-shadow:0 0 0 2px var(--vq-brand-light)} .cczgr-vq-item input{accent-color:var(--vq-brand);flex:none;width:18px;height:18px;margin:0} .cczgr-vq-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none} .cczgr-vq-txt{display:flex;flex-direction:column;min-width:0;line-height:1.35} .cczgr-vq-txt span{font-size:.86rem;color:var(--vq-ink2)} .cczgr-vq-price{margin-left:auto;padding-left:.5rem;font-weight:800;color:var(--vq-brand-dark);white-space:nowrap;font-family:var(--wp--preset--font-family--heading,inherit);font-size:1.05rem} .cczgr-vq-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem} @media (max-width:480px){.cczgr-vq-row{grid-template-columns:1fr}} @media (max-width:560px){.cczgr-vq .cczgr-vq-item{display:grid;grid-template-columns:auto auto 1fr;align-items:start;column-gap:.75rem}.cczgr-vq-item input{margin-top:.2rem}.cczgr-vq-thumb{width:48px;height:48px}.cczgr-vq-price{grid-column:3;margin:.2rem 0 0;padding:0}} .cczgr-vq p{margin:0 0 .85rem} .cczgr-vq label{display:block;font-weight:600;font-size:.86rem;margin-bottom:.3rem} .cczgr-vq-item,.cczgr-vq-qty{font-weight:400} .cczgr-vq input:not([type=radio]),.cczgr-vq textarea{width:100%;box-sizing:border-box;border:1px solid var(--vq-bd);border-radius:8px;padding:.65rem .8rem;font:inherit;background:#fff;color:var(--vq-ink)} .cczgr-vq input:focus,.cczgr-vq textarea:focus{outline:2px solid var(--vq-brand);outline-offset:1px;border-color:var(--vq-brand)} .cczgr-vq textarea{resize:vertical;min-height:84px} .cczgr-vq-count{display:block;text-align:right;font-size:.76rem;color:var(--vq-ink2);margin-top:.2rem} .cczgr-vq-buy{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap} .cczgr-vq-qty{margin:0!important;font-size:.86rem} .cczgr-vq-qty input{width:5.5rem!important;margin-top:.3rem} .cczgr-vq-submit{display:block;width:100%;min-height:52px;margin-top:.3rem;cursor:pointer} .cczgr-vq-demo{font-size:.78rem;color:var(--vq-ink2);margin-top:.6rem!important} .cczgr-vq-note{text-align:center;font-size:.8rem;color:var(--vq-ink2);margin-top:.7rem!important} .cczgr-vq-empty{text-align:center;color:var(--wp--preset--color--contrast-2,#475569);margin:1.5rem 0} .cczgr-vq-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding:1.1rem 0 0;margin:1.75rem 0 0;border-top:1px solid var(--vq-bd);font-size:.86rem;color:var(--vq-ink2)} .cczgr-vq-trust li::before{content:"✓ ";color:var(--vq-brand);font-weight:700} /* --- /voucher-gotowy/ --- */ .cczgr-vt{max-width:860px;margin:0 auto} .cczgr-vt-head{text-align:center;margin-bottom:1.75rem} .cczgr-vt-head h2{margin:.2rem 0 .5rem} .cczgr-vt-head p{color:var(--vq-ink2);margin:0 auto;max-width:560px} .cczgr-vt-ok{display:inline-block;font-weight:700;font-size:.85rem;color:#166534;background:#dcfce7;border-radius:99px;padding:.3rem .9rem} .cczgr-vt-item{margin-bottom:1.75rem} .cczgr-vt-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:.9rem} .cczgr-vt-code code{font-size:1.05rem;letter-spacing:.06em;background:var(--vq-brand-light);padding:.15rem .5rem;border-radius:6px} .cczgr-vt-actions .wp-element-button{cursor:pointer} .cczgr-vt-how{border:1px solid var(--vq-bd);border-radius:14px;padding:1.25rem 1.5rem;background:#fff} .cczgr-vt-how h3{margin-top:0} .cczgr-vt-how ol{padding-left:1.2rem;color:var(--vq-ink2)} .cczgr-vt-print{display:none} /* --- /zamowienie/ (przykładowy proces płatności) --- */ .cczgr-co h2{font-size:1.2rem;margin:1.75rem 0 .9rem} .cczgr-co h2:first-child{margin-top:0} .cczgr-co-steps{list-style:none;display:flex;gap:.5rem;padding:0;margin:0 0 1.75rem;counter-reset:st;font-size:.86rem;color:var(--vq-ink2);flex-wrap:wrap} .cczgr-co-steps li{counter-increment:st;display:flex;align-items:center;gap:.4rem} .cczgr-co-steps li::before{content:counter(st);display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--vq-bd);background:#fff;font-weight:700} .cczgr-co-steps li:not(:last-child)::after{content:"";width:2rem;height:1px;background:var(--vq-bd);margin-left:.1rem} .cczgr-co-steps .is-done::before{content:"✓";background:var(--vq-brand-light);border-color:var(--vq-brand);color:var(--vq-brand-dark)} .cczgr-co-steps .is-current{color:var(--vq-ink);font-weight:700} .cczgr-co-steps .is-current::before{background:var(--vq-brand);border-color:var(--vq-brand);color:#fff} .cczgr-co-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:start} @media (max-width:860px){.cczgr-co-grid{grid-template-columns:1fr}} .cczgr-co-main,.cczgr-co-summary{background:#fff;border:1px solid var(--vq-bd);border-radius:14px;padding:1.5rem} .cczgr-co-summary{position:sticky;top:6rem} @media (max-width:860px){.cczgr-co-summary{position:static;order:-1}} .cczgr-co-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem} @media (max-width:480px){.cczgr-co-row{grid-template-columns:1fr}} .cczgr-co p{margin:0 0 .85rem} .cczgr-co label{display:block;font-weight:600;font-size:.86rem;margin-bottom:.3rem} .cczgr-co label small{font-weight:400;color:var(--vq-ink2)} .cczgr-co input:not([type=radio]):not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid var(--vq-bd);border-radius:8px;padding:.65rem .8rem;font:inherit;background:#fff;color:var(--vq-ink)} .cczgr-co input:focus{outline:2px solid var(--vq-brand);outline-offset:1px;border-color:var(--vq-brand)} .cczgr-co input[type=radio],.cczgr-co input[type=checkbox]{accent-color:var(--vq-brand);width:18px;height:18px;margin:0;flex:none} .cczgr-co .cczgr-co-check{display:flex;align-items:center;gap:.6rem;font-weight:400;margin:.4rem 0 1rem} .cczgr-co-check a{color:var(--vq-brand-dark)} .cczgr-co-invoice{border-left:3px solid var(--vq-brand-light);padding-left:1rem;margin-bottom:.6rem} .cczgr-co-pay{display:grid;gap:.6rem;margin-bottom:.9rem} .cczgr-co .cczgr-co-method{display:flex;align-items:center;gap:.8rem;border:1px solid var(--vq-bd);border-radius:12px;padding:.8rem 1rem;margin:0;cursor:pointer;font-weight:400} .cczgr-co-method:has(input:checked){border-color:var(--vq-brand);box-shadow:0 0 0 2px var(--vq-brand-light)} .cczgr-co-method span{display:flex;flex-direction:column;line-height:1.3} .cczgr-co-method small{color:var(--vq-ink2);font-size:.82rem} .cczgr-co-blik input{max-width:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem!important;letter-spacing:.2em;text-align:center} .cczgr-co-submit{width:100%;min-height:52px;margin-top:.4rem;cursor:pointer} .cczgr-co-demo{font-size:.78rem;color:var(--vq-ink2);margin-top:.7rem!important} .cczgr-co-summary h2{margin-top:0} .cczgr-co-preview{margin-bottom:1.1rem} .cczgr-co-summary dl{display:grid;grid-template-columns:1fr auto;gap:.45rem 0;margin:0 0 1rem} .cczgr-co-summary dt{color:var(--vq-ink2)} .cczgr-co-summary dd{margin:0;padding-left:1rem;text-align:right} .cczgr-co-summary .cczgr-co-total{border-top:1px solid var(--vq-bd);padding-top:.7rem;font-weight:800;color:var(--vq-ink);font-size:1.1rem} .cczgr-co-summary a{color:var(--vq-brand-dark);font-size:.9rem} .cczgr-co-processing{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(15,23,42,.45)} .cczgr-co-processing[hidden]{display:none} .cczgr-co-box{background:#fff;border-radius:16px;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;box-shadow:0 20px 50px rgba(15,23,42,.25)} .cczgr-co-box small{color:var(--vq-ink2)} .cczgr-co-spin{width:40px;height:40px;border-radius:50%;border:4px solid var(--vq-brand-light);border-top-color:var(--vq-brand);animation:cczgr-spin .8s linear infinite} @keyframes cczgr-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.cczgr-co-spin{animation-duration:2.4s}} /* --- /zamowienie/ w trybie sklepu: klasyczny checkout Woo w wyglądzie demo --- Karty .cczgr-co-main / .cczgr-co-summary dokładają haki w inc/vouchery.php. Selektory z .cczgr-co-woo .woocommerce: muszą wygrać z woocommerce.css (ładowany później). */ /* woocommerce-blocktheme.css: .woocommerce-checkout main .woocommerce{max-width:1000px} bez auto-marginesów (0,2,1) → węższy i przyklejony do lewej. */ body .cczgr-co-woo div.woocommerce{max-width:none} .cczgr-co-woo .woocommerce form.checkout{display:grid;grid-template-columns:1.25fr 1fr;column-gap:2rem;row-gap:0;align-items:start} .cczgr-co-woo .woocommerce form.checkout>*{grid-column:1/-1} .cczgr-co-woo .woocommerce form.checkout>.cczgr-co-main{grid-column:1;grid-row:2;min-width:0} .cczgr-co-woo .woocommerce form.checkout>.cczgr-co-summary{grid-column:2;grid-row:2;min-width:0} .cczgr-co-woo .woocommerce-NoticeGroup,.cczgr-co-woo .woocommerce-notices-wrapper:not(:empty),.cczgr-co-woo .woocommerce-form-coupon-toggle{margin-bottom:1.25rem} @media (max-width:860px){ .cczgr-co-woo .woocommerce form.checkout{grid-template-columns:minmax(0,1fr)} .cczgr-co-woo .woocommerce form.checkout>.cczgr-co-summary{grid-column:1;grid-row:2;margin-bottom:1.5rem} .cczgr-co-woo .woocommerce form.checkout>.cczgr-co-main{grid-column:1;grid-row:3} } .cczgr-co-woo .woocommerce-billing-fields>h3,.cczgr-co-woo .woocommerce #customer_details .col-2,.cczgr-co-woo .woocommerce #order_review_heading, .cczgr-co-woo .woocommerce table.shop_table thead,.cczgr-co-woo .woocommerce table.shop_table tr.cart-subtotal, .cczgr-co-woo .woocommerce table.shop_table .product-quantity,.cczgr-co-woo .woocommerce dl.variation .variation-Dedykacja, .cczgr-co-woo .woocommerce form .form-row .required,.cczgr-co-woo #cczgr_invoice_field .optional,.cczgr-co-woo .cczgr-invoice-field .optional{display:none} .cczgr-co-woo .woocommerce #customer_details,.cczgr-co-woo .woocommerce #customer_details .col-1{float:none;width:auto;margin:0;padding:0} .cczgr-co-woo .woocommerce #customer_details::before,.cczgr-co-woo .woocommerce #customer_details::after{display:none} /* Pola: siatka jak .cczgr-co-row (imię|nazwisko, e-mail|telefon, NIP|firma, kod|miasto). */ .cczgr-co-woo .woocommerce .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:.85rem} .cczgr-co-woo .woocommerce form .form-row{float:none;width:auto;margin:0 0 .85rem;padding:0;grid-column:1/-1} .cczgr-co-woo #billing_first_name_field,.cczgr-co-woo #billing_last_name_field,.cczgr-co-woo #billing_email_field,.cczgr-co-woo #billing_phone_field, .cczgr-co-woo #billing_nip_field,.cczgr-co-woo #billing_company_field,.cczgr-co-woo #billing_postcode_field,.cczgr-co-woo #billing_city_field{grid-column:auto} @media (max-width:480px){.cczgr-co-woo .woocommerce .woocommerce-billing-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}} .cczgr-co-woo .woocommerce form .form-row label{display:block;font-weight:600;font-size:.86rem;line-height:1.4;margin-bottom:.3rem} .cczgr-co-woo .woocommerce form .form-row .optional{font-weight:400;font-size:.8rem;color:var(--vq-ink2)} .cczgr-co-woo .woocommerce form .form-row .input-text,.cczgr-co-woo .woocommerce form .form-row select{width:100%;box-sizing:border-box;border:1px solid var(--vq-bd);border-radius:8px;padding:.65rem .8rem;font:inherit;line-height:1.5;background:#fff;color:var(--vq-ink);box-shadow:none} .cczgr-co-woo .woocommerce form .form-row .input-text:focus{outline:2px solid var(--vq-brand);outline-offset:1px;border-color:var(--vq-brand)} .cczgr-co-woo .woocommerce form .form-row.woocommerce-validated .input-text{border-color:var(--vq-bd)} .cczgr-co-woo .woocommerce form .form-row.woocommerce-invalid .input-text{border-color:#b91c1c} .cczgr-co-woo .woocommerce form .form-row input[type=checkbox],.cczgr-co-woo .woocommerce #payment input[type=radio]{accent-color:var(--vq-brand);width:18px;height:18px;margin:0;flex:none} .cczgr-co-woo .woocommerce form .form-row label.checkbox{display:flex;align-items:center;gap:.6rem;font-weight:400;font-size:1rem;margin:.4rem 0 .15rem} .cczgr-co-woo .woocommerce #billing_nip_field,.cczgr-co-woo .woocommerce #billing_address_1_field,.cczgr-co-woo .woocommerce #billing_postcode_field{border-left:3px solid var(--vq-brand-light);padding-left:1rem} /* Metoda płatności: karty jak .cczgr-co-method. */ .cczgr-co-woo .woocommerce #payment{background:none;border-radius:0} .cczgr-co-woo .woocommerce #payment ul.payment_methods{display:grid;gap:.6rem;margin:0 0 .9rem;padding:0;border:0;list-style:none} .cczgr-co-woo .woocommerce #payment ul.payment_methods li{border:1px solid var(--vq-bd);border-radius:12px;padding:.8rem 1rem;margin:0;background:#fff;line-height:1.3;list-style:none} .cczgr-co-woo .woocommerce #payment ul.payment_methods li:has(input:checked){border-color:var(--vq-brand);box-shadow:0 0 0 2px var(--vq-brand-light)} .cczgr-co-woo .woocommerce #payment ul.payment_methods li input{vertical-align:middle;margin-right:.6rem} .cczgr-co-woo .woocommerce #payment ul.payment_methods li label{display:inline;font-weight:700;cursor:pointer} .cczgr-co-woo .woocommerce #payment ul.payment_methods li img{max-height:1.4rem;vertical-align:middle;margin-left:.4rem} .cczgr-co-woo .woocommerce #payment div.payment_box{background:none;padding:0;margin:.25rem 0 0;font-size:.82rem;color:var(--vq-ink2)} .cczgr-co-woo .woocommerce #payment div.payment_box::before{display:none} .cczgr-co-woo .woocommerce #payment div.payment_box p{margin:0} .cczgr-co-woo .woocommerce #payment div.form-row{padding:0;margin:0} .cczgr-co-woo .woocommerce-privacy-policy-text p{font-size:.78rem;color:var(--vq-ink2);margin:0 0 .6rem} .cczgr-co-woo .woocommerce #payment .woocommerce-terms-and-conditions-wrapper .form-row{margin:.4rem 0 1rem} .cczgr-co-woo .woocommerce #payment .woocommerce-terms-and-conditions-wrapper label.checkbox{display:flex;align-items:center;gap:.6rem;font-weight:400;font-size:1rem;margin:0} .cczgr-co-woo .woocommerce-terms-and-conditions-wrapper a{color:var(--vq-brand-dark)} .cczgr-co-woo .woocommerce #payment #place_order{float:none;display:block;width:100%;min-height:52px;margin:.4rem 0 0;cursor:pointer} /* Podsumowanie: tabela Woo jako lista jak w demo (
). */ .cczgr-co-woo .woocommerce table.shop_table{display:block;width:100%;border:0;border-radius:0;margin:0 0 1rem;border-collapse:collapse} .cczgr-co-woo .woocommerce table.shop_table tbody,.cczgr-co-woo .woocommerce table.shop_table tfoot{display:block} .cczgr-co-woo .woocommerce table.shop_table tr{display:grid;grid-template-columns:1fr auto;gap:0 1rem;position:relative} .cczgr-co-woo .woocommerce table.shop_table th,.cczgr-co-woo .woocommerce table.shop_table td{border:0;padding:.225rem 0;font-weight:400;text-align:left;background:none} .cczgr-co-woo .woocommerce table.shop_table tfoot th,.cczgr-co-woo .woocommerce table.shop_table .product-name{color:var(--vq-ink2)} .cczgr-co-woo .woocommerce table.shop_table tfoot td,.cczgr-co-woo .woocommerce table.shop_table .product-total{text-align:right} .cczgr-co-woo .woocommerce table.shop_table .cart_item .product-name{grid-column:1/-1;padding-right:6rem} .cczgr-co-woo .woocommerce table.shop_table .cart_item .product-total{position:absolute;top:0;right:0} .cczgr-co-woo .woocommerce table.shop_table dl.variation{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:.45rem -6rem 0 0;font-size:inherit} .cczgr-co-woo .woocommerce table.shop_table dl.variation dt{float:none;margin:0;font-weight:400;color:var(--vq-ink2)} .cczgr-co-woo .woocommerce table.shop_table dl.variation dd{float:none;margin:0;padding:0;text-align:right;color:var(--vq-ink);overflow-wrap:anywhere} .cczgr-co-woo .woocommerce table.shop_table dl.variation dd p{margin:0} .cczgr-co-woo .woocommerce table.shop_table tfoot td{color:var(--vq-ink)} .cczgr-co-woo .woocommerce table.shop_table tr.order-total{border-top:1px solid var(--vq-bd);margin-top:.45rem;padding-top:.5rem} .cczgr-co-woo .woocommerce table.shop_table .order-total th,.cczgr-co-woo .woocommerce table.shop_table .order-total td{font-weight:800;color:var(--vq-ink);font-size:1.1rem} .cczgr-co-woo .woocommerce table.shop_table .order-total strong{font-weight:800} .cczgr-co-woo .woocommerce .blockUI.blockOverlay{border-radius:14px} /* Podziękowanie Woo (order-received): gdy są gotowe vouchery, zostaje sam ekran .cczgr-vt. */ .cczgr-co-woo .woocommerce-order:has(.cczgr-vt)>.woocommerce-thankyou-order-received,.cczgr-co-woo .woocommerce-order:has(.cczgr-vt)>.woocommerce-order-overview{display:none} /* Demo /voucher-gotowy/ ma sekcję 900 px, a layout constrained nadpisuje tam max-width .cczgr-vt; na /zamowienie/ (1100 px) wyrównujemy. */ .cczgr-co-woo.is-received .cczgr-vt{max-width:900px} /* „Pobierz PDF” jako link (sklep) ma wyglądać jak