/* Product + shop + product taxonomy + product search supplemental rules. Main visuals are in theme-bundle.css. */ body.butla-shop-product .engraving-field{margin-bottom:15px} body.butla-shop-product #engraving_text_wrap{margin-top:10px} body.butla-shop-product .engraving-text-input{width:100%} body.butla-shop-product .engraving-return-note{font-size:.8em} body.butla-shop-product #slider1, body.butla-shop-catalog #slider1{min-height:300px} body.butla-context-shop .products.columns-4 .pt sub{ bottom: -1em; } /* Bulk Variations: keep the variant, quantity and remove control on one mobile row. */ @media only screen and (max-width:1024px){ body.butla-shop-product .wcbv-wrapper .wcbv-row .wcbv-fields { display: grid !important; grid-template-columns: minmax(0, 1fr) 64px 32px; align-items: center; gap: 6px; width: 100%; min-width: 0; box-sizing: border-box; } body.butla-shop-product .wcbv-wrapper .wcbv-fields::before, body.butla-shop-product .wcbv-wrapper .wcbv-fields::after { content: none; display: none; } body.butla-shop-product .wcbv-wrapper .wcbv-fields > div { float: none; width: 100%; min-width: 0; margin: 0 !important; padding: 0; justify-self: stretch; box-sizing: border-box; } body.butla-shop-product .wcbv-wrapper .wcbv-selects { flex-wrap: nowrap !important; gap: 6px; min-width: 0; } body.butla-shop-product .wcbv-wrapper .wcbv-selects > div { flex: 1 1 0 !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; } body.butla-shop-product .wcbv-wrapper .wcbv-selects .select2-container, body.butla-shop-product .wcbv-wrapper .wcbv-selects select:not(.select2-hidden-accessible) { width: 100% !important; max-width: 100%; min-width: 0; } body.butla-shop-product .wcbv-wrapper .wcbv-selects .select2-container, body.butla-shop-product .wcbv-wrapper .wcbv-selects .selection, body.butla-shop-product .wcbv-wrapper .wcbv-selects .select2-selection--single { display: block; width: 100%; min-width: 0; box-sizing: border-box; } body.butla-shop-product .wcbv-wrapper .wcbv-selects .select2-selection--single { position: relative; height: 44px; } body.butla-shop-product .wcbv-wrapper .wcbv-selects .select2-container .select2-selection__rendered { display: block; width: 100%; min-width: 0; height: 42px; padding: 0 32px 0 10px; box-sizing: border-box; font-size: 16px; line-height: 42px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.butla-shop-product .wcbv-wrapper .wcbv-selects .select2-container .select2-selection__arrow { top: 0; right: 6px; left: auto; width: 20px; height: 42px; } body.butla-shop-product .wcbv-wrapper .wcbv-quantity input { width: 100% !important; min-width: 0; height: 44px !important; margin: 0 !important; padding: 0 6px !important; border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; background: #fff; color: #444; font-size: 16px; text-align: center; box-sizing: border-box; } body.butla-shop-product .wcbv-wrapper .wcbv-fields > .wcbv-remove { height: 44px; } body.butla-shop-product .wcbv-wrapper .wcbv-remove-row { position: static; transform: none; width: 100%; height: 44px; line-height: 44px; text-align: center; } body.butla-shop-product .wcbv-wrapper.wcbv-fit_in_row .wcbv-attributes-head { gap: 6px; } body.butla-shop-product .wcbv-wrapper .wcbv-attributes-head > div { min-width: 0; margin: 0 !important; } body.butla-shop-product .wcbv-wrapper .wcbv-attributes-head > .wcbv-quantity { flex-basis: 64px !important; } body.butla-shop-product .wcbv-wrapper .wcbv-attributes-head > .wcbv-remove { flex-basis: 32px !important; } } body.butla-context-shop .products.columns-4 .pt{ font-weight:600; display:flex; justify-content:center; } .slider .element-title>a{display:block;color:inherit;text-decoration:none} .slider .element-title>a:focus-visible{outline:2px solid currentColor;outline-offset:3px} /* Shop slider: visual titles are not document headings; slightly smaller on smaller screens. */ @media only screen and (max-width:1024px){ #slider1 .element-title{font-size:1.2em} } @media only screen and (max-width:768px){ #slider1 .element-title{font-size:1.05em} } /* Desktop single product: keep the title at 2em; product price at 1.3em. */ @media only screen and (min-width:1025px){ body.butla-shop-product .pagetitle h1{font-size:2em} body.butla-shop-product.single-product .summary.entry-summary .child-product-2 .price .woocommerce-Price-amount.amount{font-size:1.3em} } /* Niedostępny produkt: wyszarzony kafelek, normalna karta produktu. */ .woocommerce ul.products li.product.butla-unavailable-product-tile, .woocommerce-page ul.products li.product.butla-unavailable-product-tile, ul.products li.product.butla-unavailable-product-tile { filter: grayscale(100%); opacity: 0.55; } .woocommerce div.product form.cart .butla-product-on-order { flex: 0 0 100%; width: 100%; text-align: right; margin: .35em 0 0; } .butla-product-on-order { color: rgb(0, 158, 206); display: block; } .butla-product-on-order[hidden] { display: none !important; } .woocommerce ul.products li.product .butla-product-on-order, .woocommerce-page ul.products li.product .butla-product-on-order { text-align: right; margin: .3em 0; } /* Własne wyniki wyszukiwania w prostym szablonie także respektują stan produktu. */ .search-native-results .search-native-result.butla-unavailable-product-tile { filter: grayscale(100%); opacity: 0.55; } /* Produkty bez zapasu są widoczne, lecz ich kafelki są wyszarzone. */ .pp-products .pp-card.butla-unavailable-product-tile { filter: grayscale(100%); opacity: 0.55; } @media only screen and (max-width:768px){ .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; white-space: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs > li { min-width: 0; margin: 0; float: none; } .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: .5em .25em; white-space: normal; overflow-wrap: anywhere; text-align: center; } }