/* ------------------------------------------------------------------------------ * Author: web-zone.org * @package Bado Blog * Description: Styles for WooCommerce * ------------------------------------------------------------------------------ */ /* Widget support */ .widget .product-categories li { padding-top: 0.5em; } /* Edit link - View Cart (sticks to neighboring elements) */ .woocommerce a.added_to_cart { padding-left: 5px; } /* Styles for Mini Cart in the Top menu */ .badoblog-woo-mini-cart { display: flex; justify-content: flex-end; align-items: center; padding: 5px; margin-right: 10px; min-width: 120px; } .badoblog-woo-mini-cart-price { display: flex; flex-direction: column; align-items: center; } .badoblog-woo-mini-cart-price a { padding: 1px; } .badoblog-woo-mini-cart:after { font-family: "icomoon"; content: "\e901"; text-rendering: auto; margin-left: 7px; font-size: 2.375em; } .badoblog-woo-mini-cart.badoblog-cart-mid { min-width: 140px; } .badoblog-woo-mini-cart.badoblog-cart-mid:after { font-size: 1.675em; } .badoblog-woo-mini-cart.badoblog-cart-mid a { font-size: 1em; } .badoblog-woo-mini-cart.badoblog-cart-small:after { font-size: 1.375em; } .badoblog-woo-mini-cart.badoblog-cart-big { min-width: 140px; } /* Styles for the cart in the main menu */ .badoblog-menu-cart-total:before { font-family: "icomoon"; content: "\e900"; text-rendering: auto; margin-right: 7px; font-size: 0.875em; } /* Tab focus support */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { outline: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus { padding: 0.5em; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /* Edit cards while in focus */ .woocommerce a.woocommerce-loop-product__link:focus { outline: none; } /* Editing the drop-down list of sorting by attributes */ .select2-container li.select2-search--inline .select2-search__field { padding-left: 5px; } .select2-container--default span.select2-selection--multiple { border-radius: 0; } .select2-container--default .select2-selection--multiple li.select2-selection__choice { background-color: rgba(0, 0, 0, 0.1); border-radius: 0; } /* Editing the selection of attributes in the product card */ .woocommerce .variations_form .variations tr > td, .woocommerce .variations_form .variations tr > th { padding: 5px 15px 5px 0; } /* Breadcrumbs */ .woocommerce:where(body:not(.woocommerce-uses-block-theme)) nav.woocommerce-breadcrumb, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) nav.woocommerce-breadcrumb a { color: inherit; } /* Cart in widgets */ .widget :where(.wc-block-mini-cart__badge) { background-color: inherit; color: inherit; } /* Product page */ .woocommerce div.product form.cart, .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; margin-top: 20px; } .woocommerce div.product form.cart .variations select { border-radius: 20px; padding-left: 15px; } /* Pagination */ .woocommerce .site nav.woocommerce-pagination ul { border: 0; } .woocommerce nav.woocommerce-pagination ul.page-numbers li { border: 1px solid #cfc8d8; border-radius: 50px; margin: 5px; } .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .woocommerce nav.woocommerce-pagination ul.page-numbers li a { padding: 15px 20px; } /* Review */ .woocommerce #reviews #comments ol.commentlist li div.comment-text { border-radius: 20px; } .woocommerce #reviews #comments ol.commentlist li .comment_container img.avatar { margin: 10px; } /* message */ .woocommerce-message, .woocommerce-info { border-radius: 12px; } /* Fix block (Order summary) */ .wc-block-components-order-summary-item { flex-wrap: wrap; } /* border-radius form */ div.wp-block-woocommerce-checkout-order-summary-block, div.woocommerce form.checkout_coupon, div.woocommerce form.login, div.woocommerce form.register { border-radius: 25px; }