/* Shared runtime rules layered on top of the restored visual bundles. */ #background-menu-mobile[aria-hidden="true"]{display:none!important} .product-shipping-class{text-align:right} .butla-price-na{font-size:1.2em!important} .woocommerce ul.products li.product:not(.purchasable)>.button, .woocommerce-page ul.products li.product:not(.purchasable)>.button{width:100%!important} /* Mobile widget areas stay inert until the first hamburger open. */ @media only screen and (max-width:1024px){ #background-menu-mobile #mobile-header-runtime{width:100%;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;height:auto} #background-menu-mobile #mobile-sidebar-first-runtime, #background-menu-mobile #mobile-mobile-column{width:50%;display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:flex-start;height:auto} #background-menu-mobile #mobile-sidebar-first-runtime>div, #background-menu-mobile #mobile-sidebar-second-runtime{width:90%;display:flex;flex-flow:column wrap;align-items:flex-start;margin:10% auto} } /* Maintenance page styles moved from inline CSS. */ @font-face { font-family: "JKAbode"; src: url(https://butla.pl/wp-content/themes/butlapl/_/font/JKAbode.ttf); font-weight: normal; } .pagework { display: flex; text-align: center; justify-content: center; flex-direction: column; align-items: center; align-content: center; height:100%; vertical-align: baseline; } .pagework > div { font-size:2em; font-weight:normal; font-family: 'JK Abode', sans-serif; } [role="button"]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px} @media only screen and (max-width:1024px) { #background-menu-mobile .widget_nav_menu { display: flex; flex-direction: column; } } /* Indexed page SEO copy: visible, semantic supporting content. */ .butla-page-seo{ width:100%; box-sizing:border-box; margin:0 0 1.75rem; line-height:1.65; } .butla-page-seo h2{ margin:0 0 .65rem; line-height:1.25; } .butla-page-seo p{ margin:.55rem 0; } .butla-page-seo a{ text-decoration:underline; text-underline-offset:2px; } .butla-page-seo--shop-footer{ margin-top:2rem; } /* Reusable text alignment utility. */ .center { text-align: center; } /* Center show-more / show-less controls inside main content. */ .main-content #show-more, .main-content #show-less { width: fit-content; margin-left: auto; margin-right: auto; justify-content: center; } /* Prevent first-paint CLS: long show-more content is collapsed server-side. */ #show-more-content[hidden]{display:none!important}