@charset "UTF-8"; /* Theme Name: Accepta WooCommerce styles override */ /** * Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; text-align: right; clear: both; } table.shop_table_responsive tr td::before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.product-remove::before { display: none; } table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } @media screen and (min-width: 48em) { table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td::before { display: none; } } /** * Products */ /** * Shop page – title, toolbar, breadcrumbs, result count, product loop (card box), pagination */ /* Shop page header */ .woocommerce .page-title { margin: 2em 0 0.5rem 0; font-size: 1.75rem; font-weight: 600; color: #2c3e50; } .woocommerce-breadcrumb { margin: 0 0 1rem 0; padding: 0; font-size: 0.875rem; color: #666; } .woocommerce-breadcrumb a { color: #6F9C50; text-decoration: none; } .woocommerce-breadcrumb a:hover { text-decoration: underline; } .woocommerce .woocommerce-result-count { margin: 1em 0 1.5rem 0; font-size: 0.9375rem; color: #555; } .woocommerce-ordering { margin-bottom: 1.5rem; } .woocommerce-products-header { margin: 0 0 1.75rem 0; padding: 0.75rem 0 1rem; border-bottom: 1px solid #eee; } @media screen and (min-width: 768px) { .woocommerce-products-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; } .woocommerce-products-header .woocommerce-result-count { margin-bottom: 0; } .woocommerce-products-header .woocommerce-ordering { margin-bottom: 0; } } .woocommerce-ordering select { padding: 0.5rem 2rem 0.5rem 0.75rem; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; font-size: 0.9375rem; color: #2c3e50; min-height: 42px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .woocommerce-ordering select:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px rgba(111, 156, 80, 0.25); } /** * Products loop – card layout (card box), theme styling */ .woocommerce ul.products { margin: 0 0 2rem 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0 0; clear: both; } ul.products::after { content: ""; display: table; clear: both; } ul.products li.product { list-style: none; position: relative; padding: 0; box-sizing: border-box; background: #fff; } ul.products li.product img { display: block; width: 100%; height: auto; margin: 0; background: #f8f9fa; border: none; } ul.products li.product { /* Image wrap – container for overlay Add to cart */ } ul.products li.product .woocommerce-loop-product__image-wrap { position: relative; overflow: hidden; } ul.products li.product .woocommerce-loop-product__link { display: block; text-decoration: none; color: inherit; padding: 0; } ul.products li.product .woocommerce-loop-product__link:hover { color: inherit; } ul.products li.product .woocommerce-loop-category__title, ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 { margin: 1rem 0 0.35rem 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.35; text-align: left; } ul.products li.product .woocommerce-loop-product__title a, ul.products li.product h2 a, ul.products li.product h3 a { color: #2c3e50; text-decoration: none; } ul.products li.product .woocommerce-loop-product__title a:hover, ul.products li.product h2 a:hover, ul.products li.product h3 a:hover { color: #6F9C50; } ul.products li.product .star-rating { margin: 0.5rem 0 0 0; text-align: left; } ul.products li.product .price { margin: 0.5rem 0 0.75rem 0; padding: 0; font-size: 1rem; font-weight: 600; color: #2c3e50; text-align: left; } ul.products li.product .price del { color: #999; font-weight: 400; margin-right: 0.35rem; } ul.products li.product .price ins { text-decoration: none; } ul.products li.product .price .amount { color: #6F9C50; } ul.products li.product { /* Add to cart – overlay at bottom of image, centered, not full width, slide up + fade in on hover */ } ul.products li.product .woocommerce-loop-product__image-wrap .button, ul.products li.product .woocommerce-loop-product__image-wrap .add-to-cart-overlay { position: absolute; bottom: 7px; left: 17px; right: 17px; transform: translateY(100%); display: inline-block; text-align: center; padding: 0.65rem 1.5rem; margin: 0; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.03em; background: #6F9C50; color: #fff; border: none; border-radius: 6px; text-decoration: none; cursor: pointer; box-sizing: border-box; opacity: 0; transition: opacity 0.45s ease, transform 0.45s ease, background 0.2s ease; } ul.products li.product .woocommerce-loop-product__image-wrap .button:hover, ul.products li.product .woocommerce-loop-product__image-wrap .add-to-cart-overlay:hover { background: #5a7d3f; color: #fff; } ul.products li.product:hover .woocommerce-loop-product__image-wrap .button, ul.products li.product:hover .woocommerce-loop-product__image-wrap .add-to-cart-overlay, ul.products li.product .woocommerce-loop-product__image-wrap .button:focus, ul.products li.product .woocommerce-loop-product__image-wrap .add-to-cart-overlay:focus { opacity: 1; transform: translateY(-2em); } ul.products li.product { /* View cart – overlay on image, black button (replaces Add to cart when product in cart) */ } ul.products li.product .woocommerce-loop-product__image-wrap .added_to_cart { position: absolute; top: 50%; left: 50%; display: inline-block; width: auto; min-width: 10rem; text-align: center; padding: 0.65rem 1.25rem; margin: 0; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.03em; background: #2c3e50; color: #fff; border: none; border-radius: 6px; text-decoration: none; cursor: pointer; box-sizing: border-box; transform: translate(-50%, -50%); transition: background 0.2s ease, color 0.2s ease; } ul.products li.product .woocommerce-loop-product__image-wrap .added_to_cart:hover { background: #1a2634; color: #fff; text-decoration: none; } ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3, ul.products li.product .price { padding-left: 0; padding-right: 0; } .woocommerce ul.products li.product .onsale { position: absolute; top: 1rem; right: 1rem; left: auto; z-index: 1; display: inline-block; padding: 0.05rem 0.55rem; font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.03em; background: rgba(111, 156, 80, 0.92); color: #fff; border-radius: 4px; text-decoration: none; box-shadow: none; clip-path: none; transform: none; border: none; } .woocommerce ul.products li.product .onsale::before, .woocommerce ul.products li.product .onsale::after { display: none !important; } /** * Shop pagination – matches blog pagination style * Overrides WooCommerce core border/box layout */ .woocommerce nav.woocommerce-pagination { margin: 3em 0 2em; padding-top: 2em; border-top: 1px solid #eee; } .woocommerce nav.woocommerce-pagination ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5em; border: none; } .woocommerce nav.woocommerce-pagination ul li { border: none; float: none; display: block; overflow: visible; } .woocommerce nav.woocommerce-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5em; padding: 0.5em 0.75em; color: #333; text-decoration: none; border-radius: 4px; font-weight: 500; transition: background-color 0.2s ease, color 0.2s ease; border: none; } .woocommerce nav.woocommerce-pagination .page-numbers li { background-color: #f5f5f5; } .woocommerce nav.woocommerce-pagination .page-numbers li a:hover:not(.current) { background-color: #E6F4D7; color: #6F9C50; } .woocommerce nav.woocommerce-pagination .page-numbers li span:hover:not(.current) { background-color: #E6F4D7; color: #6F9C50; } .woocommerce nav.woocommerce-pagination .page-numbers li span.current { background-color: #6F9C50; color: #fff; cursor: default; } .woocommerce nav.woocommerce-pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination .page-numbers.next { padding: 0.5em 1em; background-color: #f5f5f5; color: #333; border-radius: 4px; font-weight: 500; border: none; } .woocommerce nav.woocommerce-pagination .page-numbers.prev:hover, .woocommerce nav.woocommerce-pagination .page-numbers.next:hover { background-color: #E6F4D7; color: #6F9C50; } /** * Cart page – cross-sells and empty cart product sections * Ensures products display consistently (fix dotted borders, match theme style) */ .woocommerce .cross-sells ul.products, .woocommerce-page .cross-sells ul.products, .wc-block-cart .wc-block-components-product-grid ul.products { margin: 0; } .woocommerce .cross-sells ul.products li.product img, .woocommerce .cross-sells .wc-block-grid__product img, .woocommerce .cross-sells .wc-block-components-product-image img, .woocommerce-page .cross-sells ul.products li.product img, .woocommerce-page .cross-sells .wc-block-grid__product img, .woocommerce-page .cross-sells .wc-block-components-product-image img, .wc-block-cart .wc-block-components-product-grid ul.products li.product img, .wc-block-cart .wc-block-components-product-grid .wc-block-grid__product img, .wc-block-cart .wc-block-components-product-grid .wc-block-components-product-image img { border: none !important; border-radius: 6px 6px 0 0; } /* WooCommerce block product grid (empty cart "New in store" etc.) */ .wc-block-grid__product .wc-block-components-product-image, .wc-block-grid__product .wc-block-components-product-image__wrapper img, .wc-block-components-product-card .wc-block-components-product-image, .wc-block-components-product-card .wc-block-components-product-image__wrapper img { border: none !important; } .wc-block-grid__product .wc-block-components-product-name a, .wc-block-components-product-card .wc-block-components-product-name a { color: #2c3e50; text-decoration: none; } .wc-block-grid__product .wc-block-components-product-name a:hover, .wc-block-components-product-card .wc-block-components-product-name a:hover { color: #6F9C50; } .wc-block-grid__product .wc-block-components-product-price, .wc-block-components-product-card .wc-block-components-product-price { color: #2c3e50; } .wc-block-grid__product .wc-block-components-product-price .wc-block-components-product-price__value, .wc-block-components-product-card .wc-block-components-product-price .wc-block-components-product-price__value { color: #6F9C50; } .wc-block-grid__product .wc-block-components-product-button .wp-block-button__link, .wc-block-grid__product .wc-block-components-add-to-cart-button .wp-block-button__link, .wc-block-components-product-card .wc-block-components-product-button .wp-block-button__link, .wc-block-components-product-card .wc-block-components-add-to-cart-button .wp-block-button__link { background: #6F9C50 !important; color: #fff !important; border: none; border-radius: 6px; padding: 0.5rem 1rem; font-size: 0.8125rem; font-weight: 600; } .wc-block-grid__product .wc-block-components-product-button .wp-block-button__link:hover, .wc-block-grid__product .wc-block-components-add-to-cart-button .wp-block-button__link:hover, .wc-block-components-product-card .wc-block-components-product-button .wp-block-button__link:hover, .wc-block-components-product-card .wc-block-components-add-to-cart-button .wp-block-button__link:hover { background: #5a7d3f !important; } /** * Single product */ /** * Single product – layout, gallery, summary, variations, stock */ .single-product div.product { position: relative; margin-top: 1.5rem; margin-bottom: 2rem; } .single-product .woocommerce-breadcrumb { margin-bottom: 1rem; } .single-product div.product .summary { margin-bottom: 2rem; } .single-product div.product .woocommerce-product-gallery { position: relative; margin-bottom: 1.5rem; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { width: 100%; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 0.75rem; border-radius: 8px; overflow: hidden; border: 1px solid #eee; background: #f9f9f9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: none; margin: 0; width: auto; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 0.5; border-radius: 4px; border: 1px solid #eee; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; border-color: #6F9C50; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: calc(50% - 0.25rem); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: calc(33.333% - 0.35rem); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: calc(25% - 0.375rem); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: calc(20% - 0.4rem); } /* Single product title and price */ .single-product div.product .product_title { margin: 0 0 0.75rem 0; font-size: 1.5rem; font-weight: 600; color: #2c3e50; line-height: 1.3; } .single-product div.product .price { margin: 0 0 1rem 0; font-size: 1.25rem; font-weight: 600; color: #2c3e50; } .single-product div.product .price del { color: #999; font-weight: 400; margin-right: 0.5rem; } .single-product div.product .price ins { text-decoration: none; } .single-product div.product .price .amount { color: #6F9C50; } .single-product div.product .woocommerce-product-details__short-description { margin-bottom: 1.25rem; font-size: 0.9375rem; line-height: 1.6; color: #555; } .single-product div.product .summary > *:first-child { margin-top: 0; } .single-product div.product .cart { margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; } .single-product div.product .cart .quantity { margin: 0; } .single-product div.product .cart .single_add_to_cart_button { margin: 0; } .single-product div.product .single_add_to_cart_button { padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 600; background: #6F9C50; color: #fff; border: none; border-radius: 6px; cursor: pointer; transition: background 0.2s ease; } .single-product div.product .single_add_to_cart_button:hover { background: #5a7d3f; color: #fff; } .single-product div.product .quantity input { padding: 0.5rem 0.75rem; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 1rem; width: 4rem; text-align: center; background: #fff; color: #2c3e50; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .single-product div.product .quantity input:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px #6F9C50; } .single-product div.product .onsale { display: inline-block; padding: 0.05rem 0.55rem; font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; background: #6F9C50; color: #fff; border-radius: 4px; margin-bottom: 0.75rem; } .single-product div.product .product_meta { padding-top: 1rem; border-top: 1px solid #eee; font-size: 0.875rem; color: #666; } .single-product div.product .product_meta a { color: #6F9C50; text-decoration: none; } .single-product div.product .product_meta a:hover { text-decoration: underline; } /* Variations (variable product) */ .single-product div.product .variations_form { margin-bottom: 1.25rem; } .single-product div.product table.variations { margin: 0 0 1rem 0; border: none; width: 100%; } .single-product div.product table.variations tbody { display: block; } .single-product div.product table.variations tr { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; } .single-product div.product table.variations tr:last-child { margin-bottom: 0; } .single-product div.product table.variations .label { padding: 0; border: none; font-size: 0.9375rem; font-weight: 600; color: #2c3e50; min-width: 5rem; } .single-product div.product table.variations .label label { margin: 0; font-weight: inherit; color: inherit; } .single-product div.product table.variations .value { padding: 0; border: none; flex: 1; min-width: 0; } .single-product div.product table.variations .value select { width: 100%; max-width: 16rem; padding: 0.5rem 2.25rem 0.5rem 0.75rem; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 10px; font-size: 0.9375rem; color: #2c3e50; appearance: none; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .single-product div.product table.variations .value select:hover { border-color: #ccc; } .single-product div.product table.variations .value select:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px #6F9C50; } .single-product div.product .reset_variations { display: inline-block; margin-left: 0.5rem; font-size: 0.875rem; color: #6F9C50; text-decoration: none; } .single-product div.product .reset_variations:hover { text-decoration: underline; } .single-product div.product .single_variation_wrap { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #eee; } .single-product div.product .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; } .single-product div.product .woocommerce-variation-add-to-cart .quantity { margin: 0; } .single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button { margin: 0; } .single-product div.product p.stock { margin: 0.5rem 0 0 0; font-size: 0.9375rem; color: #555; } .single-product div.product .woocommerce-variation-description { margin: 0.75rem 0 0 0; font-size: 0.9375rem; line-height: 1.5; color: #555; } .single-product div.product .woocommerce-variation-price { margin: 0.5rem 0 0 0; } .single-product div.product .summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .single-product div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; } .single-product div.product > .onsale { grid-column: 1; grid-row: 1; align-self: start; justify-self: start; margin: 1rem; z-index: 10; position: relative; top: 30px; } .single-product div.product .woocommerce-product-gallery { grid-column: 1; grid-row: 1; position: sticky; top: 2rem; z-index: 1; } .single-product div.product .summary { grid-column: 2; grid-row: 1; margin-bottom: 0; } .single-product div.product .woocommerce-tabs, .single-product div.product > .upsells, .single-product div.product > .related { grid-column: 1/-1; width: 100%; } } /* Stock status (global) */ .stock:empty::before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /** * Checkout */ @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } } /** * General WooCommerce components */ /** * General WooCommerce components: header cart (simple), star rating, tabs, reviews, forms, * My Account, notices, site-main, demo_store */ /* Simple header cart block (legacy / fallback) */ .site-header-cart { position: relative; margin: 0; padding: 0; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .widget_shopping_cart { display: none; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } @media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: 0; display: block; } } /* Tabs – single product (Description, Additional info, Reviews) */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; } .woocommerce-tabs, .wc-tabs-wrapper { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #eee; padding-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: none; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-sizing: none; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: transparent; border: none; padding-left: 2.5em; padding-right: 2.5em; } .woocommerce-tabs ul.tabs, .woocommerce-tabs .wc-tabs, .wc-tabs-wrapper ul.tabs { list-style: none; margin: 0 0 1.5rem 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1.5rem 0; border-bottom: 1px solid #eee; } .woocommerce-tabs ul.tabs li, .woocommerce-tabs .wc-tabs li, .wc-tabs-wrapper ul.tabs li { display: block; margin: 0; position: relative; border-radius: 0; } .woocommerce-tabs ul.tabs li a, .woocommerce-tabs .wc-tabs li a, .wc-tabs-wrapper ul.tabs li a { padding: 0.5rem 0; display: block; color: #666; text-decoration: none; font-weight: 500; font-size: 0.9375rem; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 0.2s ease, border-color 0.2s ease; outline: none; } .woocommerce-tabs ul.tabs li a:hover, .woocommerce-tabs .wc-tabs li a:hover, .wc-tabs-wrapper ul.tabs li a:hover { color: #6F9C50; } .woocommerce-tabs ul.tabs li a:focus-visible, .woocommerce-tabs .wc-tabs li a:focus-visible, .wc-tabs-wrapper ul.tabs li a:focus-visible { outline: 2px solid #6F9C50; outline-offset: 2px; } .woocommerce-tabs ul.tabs li.active, .woocommerce-tabs .wc-tabs li.active, .wc-tabs-wrapper ul.tabs li.active { background: #6F9C50; } .woocommerce-tabs ul.tabs li.active a, .woocommerce-tabs .wc-tabs li.active a, .wc-tabs-wrapper ul.tabs li.active a { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #6F9C50; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; } .woocommerce-tabs .panel, .woocommerce-tabs .woocommerce-Tabs-panel, .wc-tabs-wrapper .panel { padding: 0 0 1rem 0; font-size: 0.9375rem; line-height: 1.6; color: #555; } .woocommerce-tabs .panel h2:first-of-type, .woocommerce-tabs .woocommerce-Tabs-panel h2:first-of-type, .wc-tabs-wrapper .panel h2:first-of-type { margin: 0 0 0.75rem 0; font-size: 1.125rem; font-weight: 600; color: #2c3e50; } .woocommerce-tabs .panel table, .woocommerce-tabs .woocommerce-Tabs-panel table, .wc-tabs-wrapper .panel table { margin: 0 0 1rem 0; } .woocommerce-tabs .panel table th, .woocommerce-tabs .woocommerce-Tabs-panel table th, .wc-tabs-wrapper .panel table th { padding: 0.5rem 1rem 0.5rem 0; font-weight: 600; color: #2c3e50; width: 30%; } .woocommerce-tabs .panel table td, .woocommerce-tabs .woocommerce-Tabs-panel table td, .wc-tabs-wrapper .panel table td { padding: 0.5rem 0; } .woocommerce-tabs .panel p, .woocommerce-tabs .woocommerce-Tabs-panel p, .wc-tabs-wrapper .panel p { margin: 0 0 0.75rem 0; } .woocommerce-tabs .panel table.shop_attributes, .woocommerce-tabs .panel table.woocommerce-product-attributes, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes, .wc-tabs-wrapper .panel table.shop_attributes, .wc-tabs-wrapper .panel table.woocommerce-product-attributes { margin: 0; border: 1px solid #eee; border-radius: 6px; overflow: hidden; border-collapse: collapse; width: 100%; } .woocommerce-tabs .panel table.shop_attributes th, .woocommerce-tabs .panel table.shop_attributes td, .woocommerce-tabs .panel table.woocommerce-product-attributes th, .woocommerce-tabs .panel table.woocommerce-product-attributes td, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes th, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes td, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes th, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes td, .wc-tabs-wrapper .panel table.shop_attributes th, .wc-tabs-wrapper .panel table.shop_attributes td, .wc-tabs-wrapper .panel table.woocommerce-product-attributes th, .wc-tabs-wrapper .panel table.woocommerce-product-attributes td { padding: 0.75rem 1rem; border-bottom: 1px solid #eee; text-align: left; font-size: 0.9375rem; } .woocommerce-tabs .panel table.shop_attributes tr:last-child th, .woocommerce-tabs .panel table.shop_attributes tr:last-child td, .woocommerce-tabs .panel table.woocommerce-product-attributes tr:last-child th, .woocommerce-tabs .panel table.woocommerce-product-attributes tr:last-child td, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes tr:last-child th, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes tr:last-child td, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes tr:last-child th, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes tr:last-child td, .wc-tabs-wrapper .panel table.shop_attributes tr:last-child th, .wc-tabs-wrapper .panel table.shop_attributes tr:last-child td, .wc-tabs-wrapper .panel table.woocommerce-product-attributes tr:last-child th, .wc-tabs-wrapper .panel table.woocommerce-product-attributes tr:last-child td { border-bottom: none; } .woocommerce-tabs .panel table.shop_attributes th, .woocommerce-tabs .panel table.woocommerce-product-attributes th, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes th, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes th, .wc-tabs-wrapper .panel table.shop_attributes th, .wc-tabs-wrapper .panel table.woocommerce-product-attributes th { background: #f9f9f9; font-weight: 600; color: #2c3e50; width: 35%; } .woocommerce-tabs .panel table.shop_attributes td, .woocommerce-tabs .panel table.woocommerce-product-attributes td, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes td, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes td, .wc-tabs-wrapper .panel table.shop_attributes td, .wc-tabs-wrapper .panel table.woocommerce-product-attributes td { background: #fff; color: #555; } .woocommerce-tabs .panel table.shop_attributes td p, .woocommerce-tabs .panel table.woocommerce-product-attributes td p, .woocommerce-tabs .woocommerce-Tabs-panel table.shop_attributes td p, .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes td p, .wc-tabs-wrapper .panel table.shop_attributes td p, .wc-tabs-wrapper .panel table.woocommerce-product-attributes td p { margin: 0; } /* Reviews tab */ .woocommerce-Reviews #comments .woocommerce-Reviews-title { margin: 0 0 1.25rem 0; font-size: 1.125rem; font-weight: 600; color: #2c3e50; } .woocommerce-Reviews #comments .woocommerce-Reviews-title span { font-weight: 400; color: #555; } .woocommerce .star-rating::before, .woocommerce p.stars a::before, .woocommerce .star-rating span::before, .woocommerce p.stars a { color: #e6a800; } .woocommerce-Reviews .commentlist { list-style: none; margin: 0 0 2rem 0; padding: 0; border-top: 1px solid #eee; } .woocommerce-Reviews .commentlist > li { margin: 0; padding: 1.25rem 0; border-bottom: 1px solid #eee; } .woocommerce-Reviews .commentlist > li:last-child { border-bottom: none; } .woocommerce-Reviews .comment_container { display: flex; gap: 1.25rem; align-items: flex-start; } .woocommerce-Reviews .comment_container .avatar { width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0; border: 2px solid #eee; background: #f9f9f9; } .woocommerce-Reviews .comment_container .comment-text { flex: 1; min-width: 0; } .woocommerce-Reviews .comment_container .comment-text .star-rating { margin: 0 0 0.5rem 0; height: 1.25em; width: 5.8em; font-size: 1rem; letter-spacing: 0.15em; } .woocommerce-Reviews .comment_container .comment-text .star-rating span::before { color: #e6a800; } .woocommerce-Reviews .comment_container .comment-text .meta { margin: 0 0 0.5rem 0; padding: 0; font-size: 0.875rem; color: #666; line-height: 1.4; } .woocommerce-Reviews .comment_container .comment-text .woocommerce-review__author { color: #2c3e50; font-weight: 600; } .woocommerce-Reviews .comment_container .comment-text .woocommerce-review__dash { margin: 0 0.25rem; color: #999; } .woocommerce-Reviews .comment_container .comment-text .woocommerce-review__published-date { color: #666; } .woocommerce-Reviews .comment_container .comment-text .description { margin: 0; font-size: 0.9375rem; line-height: 1.6; color: #555; } .woocommerce-Reviews .comment_container .comment-text .description p { margin: 0 0 0.5rem 0; } .woocommerce-Reviews .comment_container .comment-text .description p:last-child { margin-bottom: 0; } .woocommerce-Reviews .woocommerce-noreviews { margin: 0 0 1.5rem 0; padding: 1rem 1.25rem; background: linear-gradient(135deg, #f0f7ec 0%, #e6f0df 50%, #dce9d2 100%); color: #2c3e50; font-size: 0.9375rem; border-radius: 6px; } .woocommerce-Reviews #review_form_wrapper { margin-top: 1.5rem; } .woocommerce-Reviews #review_form .comment-reply-title, .woocommerce-tabs #review_form .comment-reply-title { margin: 0 0 1rem 0; font-size: 1.125rem; font-weight: 600; color: #2c3e50; } .woocommerce-Reviews #review_form .comment-form-rating { margin-bottom: 1rem; } .woocommerce-Reviews #review_form .comment-form-rating label { display: block; margin-bottom: 0.5rem; font-size: 0.9375rem; font-weight: 600; color: #2c3e50; } .woocommerce-Reviews #review_form .comment-form-rating select { padding: 0.5rem 2.25rem 0.5rem 0.75rem; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 10px; font-size: 0.9375rem; color: #2c3e50; appearance: none; cursor: pointer; min-width: 8rem; } .woocommerce-Reviews #review_form .comment-form-rating select:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px #6F9C50; } .woocommerce-Reviews #review_form .comment-form-author, .woocommerce-Reviews #review_form .comment-form-email, .woocommerce-Reviews #review_form .comment-form-comment { margin-bottom: 1rem; } .woocommerce-Reviews #review_form .comment-form-author label, .woocommerce-Reviews #review_form .comment-form-email label, .woocommerce-Reviews #review_form .comment-form-comment label { display: block; margin-bottom: 0.35rem; font-size: 0.9375rem; font-weight: 600; color: #2c3e50; } .woocommerce-Reviews #review_form .comment-form-author input, .woocommerce-Reviews #review_form .comment-form-email input { width: 100%; max-width: 20rem; padding: 0.5rem 0.75rem; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 0.9375rem; color: #2c3e50; background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .woocommerce-Reviews #review_form .comment-form-author input:focus, .woocommerce-Reviews #review_form .comment-form-email input:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px #6F9C50; } .woocommerce-Reviews #review_form .comment-form-comment textarea { width: 100%; min-height: 120px; padding: 0.75rem; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 0.9375rem; line-height: 1.5; color: #2c3e50; background: #fff; resize: vertical; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .woocommerce-Reviews #review_form .comment-form-comment textarea:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px #6F9C50; } .woocommerce-Reviews #review_form .form-submit, .woocommerce-tabs #review_form .form-submit { margin: 1rem 0 0 0; } .woocommerce-Reviews #review_form .form-submit input.submit, .woocommerce-Reviews #review_form .form-submit .submit, .woocommerce-Reviews #review_form .form-submit button[type=submit], .woocommerce-tabs #review_form .form-submit input.submit, .woocommerce-tabs #review_form .form-submit .submit, .woocommerce-tabs #review_form .form-submit button[type=submit] { padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 600; background: #6F9C50 !important; color: #fff !important; border: none !important; border-radius: 6px; cursor: pointer; transition: background 0.2s ease; box-shadow: none; } .woocommerce-Reviews #review_form .form-submit input.submit:hover, .woocommerce-Reviews #review_form .form-submit .submit:hover, .woocommerce-Reviews #review_form .form-submit button[type=submit]:hover, .woocommerce-tabs #review_form .form-submit input.submit:hover, .woocommerce-tabs #review_form .form-submit .submit:hover, .woocommerce-tabs #review_form .form-submit button[type=submit]:hover { background: #5a7d3f !important; color: #fff !important; } .woocommerce-Reviews .woocommerce-verification-required { margin: 0 0 1rem 0; padding: 1rem 1.25rem; background: linear-gradient(135deg, #f5f5f5 0%, #eee 50%, #e8e8e8 100%); color: #555; font-size: 0.9375rem; border-radius: 6px; } /* Password strength */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short, .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3d9cd2; } /* Forms – account, checkout */ .woocommerce .form-row { margin-bottom: 1.25rem; } .woocommerce .form-row label { display: block; margin-bottom: 0.35rem; font-weight: 500; color: #2c3e50; } .woocommerce .form-row input.input-text, .woocommerce .form-row textarea { width: 100%; padding: 0.6rem 0.85rem; border: 1px solid #ddd; border-radius: 6px; font-size: 0.9375rem; line-height: 1.4; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .woocommerce .form-row input.input-text:focus, .woocommerce .form-row textarea:focus { border-color: #6F9C50; outline: none; box-shadow: 0 0 0 1px rgba(111, 156, 80, 0.25); } .woocommerce fieldset { margin: 1.5rem 0 0 0; padding: 1.25rem 0 0 0; border: none; border-top: 1px solid #e8e8e8; } .woocommerce fieldset legend { padding: 0 0.5rem 0 0; font-size: 0.9375rem; font-weight: 600; color: #2c3e50; } .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: #e2401c; } /* Submit buttons */ .woocommerce .woocommerce-FormRow.button-row .button, .woocommerce form.edit-account button[type=submit], .woocommerce form .submit, .woocommerce form button[type=submit], .woocommerce-address-fields button[type=submit], .woocommerce-address-fields .button { display: inline-block; padding: 0.65rem 1.5rem; background: #6F9C50; color: #fff; border: none; border-radius: 6px; font-size: 0.9375rem; font-weight: 500; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; } .woocommerce .woocommerce-FormRow.button-row .button:hover, .woocommerce form.edit-account button[type=submit]:hover, .woocommerce form .submit:hover, .woocommerce form button[type=submit]:hover, .woocommerce-address-fields button[type=submit]:hover, .woocommerce-address-fields .button:hover { background: #5a7d3f; color: #fff; } .woocommerce-address-fields > p { margin-top: 1.25rem; margin-bottom: 0; } .woocommerce-address-fields h2 { margin: 0 0 1rem 0; font-size: 1.125rem; font-weight: 600; color: #2c3e50; } /* My Account – layout and nav */ .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; margin-left: 0; margin-right: 0; } .woocommerce-MyAccount-navigation { margin-bottom: 2rem; } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0; border-bottom: 2px solid #e8e8e8; } .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; } .woocommerce-MyAccount-navigation a { display: block; padding: 0.75rem 1.25rem; font-size: 0.9375rem; font-weight: 500; color: #2c3e50; text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -2px; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } .woocommerce-MyAccount-navigation a:hover { color: #6F9C50; } .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation a[aria-current=page] { color: #6F9C50; font-weight: 600; border-bottom-color: #6F9C50; } /* My Account – Addresses page */ .woocommerce-account .woocommerce-Addresses { margin-top: 1.5rem; } .woocommerce-account p:first-of-type { margin-bottom: 1.5rem; color: #555; font-size: 0.9375rem; line-height: 1.5; } @media screen and (min-width: 768px) { .woocommerce-Addresses.col2-set.addresses { display: flex; flex-wrap: wrap; gap: 2rem; margin: 0 -1rem; } .woocommerce-Addresses .woocommerce-Address { flex: 1 1 280px; min-width: 0; margin: 0 1rem; } } .woocommerce-Address { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } .woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem; margin: 0 0 0.75rem 0; padding: 0; border: none; } .woocommerce-Address-title h2 { margin: 0; font-size: 1.125rem; font-weight: 600; color: #2c3e50; } .woocommerce-Address-title a.edit { font-size: 0.875rem; font-weight: 500; color: #6F9C50; text-decoration: none; transition: color 0.2s ease; } .woocommerce-Address-title a.edit:hover { color: #5a7d3f; text-decoration: underline; } .woocommerce-Address address { margin: 0; padding: 0; font-style: normal; font-size: 0.9375rem; line-height: 1.6; color: #555; } /* WooCommerce main content */ .woocommerce .site-main { padding-top: 1.5rem; } /* Notices */ .woocommerce-notices-wrapper { margin-bottom: 0; } .woocommerce-message, .woocommerce-info, .woocommerce-error, p.no-comments { display: block; padding: 1rem 1.25rem; margin: 2em 0 1.5rem 0; clear: both; border-radius: 6px; color: #fff; font-size: 0.9375rem; line-height: 1.5; list-style: none; border: none; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, p.no-comments::before { display: none; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, p.no-comments a { color: #fff; text-decoration: underline; font-weight: 500; } .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, p.no-comments a:hover { text-decoration: none; } .woocommerce-message, .woocommerce-info, .woocommerce-error, p.no-comments { /* Buttons inside notices – theme style (inverted for contrast on dark backgrounds) */ } .woocommerce-message .button, .woocommerce-message a.button, .woocommerce-info .button, .woocommerce-info a.button, .woocommerce-error .button, .woocommerce-error a.button, p.no-comments .button, p.no-comments a.button { display: inline-block; padding: 10px 20px; font-size: 0.95em; font-weight: 500; line-height: 1.4; border-radius: 4px; text-decoration: none !important; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); text-transform: capitalize; letter-spacing: 0.5px; border: none; margin-left: 0.75rem; vertical-align: middle; } .woocommerce-message .button:hover, .woocommerce-message a.button:hover, .woocommerce-info .button:hover, .woocommerce-info a.button:hover, .woocommerce-error .button:hover, .woocommerce-error a.button:hover, p.no-comments .button:hover, p.no-comments a.button:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-1px); } .woocommerce-message .button:active, .woocommerce-message .button:focus, .woocommerce-message a.button:active, .woocommerce-message a.button:focus, .woocommerce-info .button:active, .woocommerce-info .button:focus, .woocommerce-info a.button:active, .woocommerce-info a.button:focus, .woocommerce-error .button:active, .woocommerce-error .button:focus, .woocommerce-error a.button:active, .woocommerce-error a.button:focus, p.no-comments .button:active, p.no-comments .button:focus, p.no-comments a.button:active, p.no-comments a.button:focus { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); transform: translateY(0); outline: 2px solid rgba(255, 255, 255, 0.5); outline-offset: 2px; } .woocommerce-message { background: linear-gradient(135deg, #0f834d 0%, #0d6b3f 50%, #0a5532 100%); } .woocommerce-message .button, .woocommerce-message a.button { background: #fff; color: #6F9C50 !important; } .woocommerce-message .button:hover, .woocommerce-message a.button:hover { background: rgba(255, 255, 255, 0.95); color: rgb(91.8101694915, 129.0305084746, 66.1694915254) !important; } .woocommerce-info, p.no-comments { background: linear-gradient(135deg, #3d9cd2 0%, #2d7ab5 50%, #1e5a8f 100%); } .woocommerce-info .button, .woocommerce-info a.button, p.no-comments .button, p.no-comments a.button { background: #fff; color: #2d7ab5 !important; } .woocommerce-info .button:hover, .woocommerce-info a.button:hover, p.no-comments .button:hover, p.no-comments a.button:hover { background: rgba(255, 255, 255, 0.95); color: rgb(34.8451327434, 94.4690265487, 140.1548672566) !important; } .woocommerce-error { background: linear-gradient(135deg, #e2401c 0%, #c43518 50%, #a32b14 100%); } .woocommerce-error .button, .woocommerce-error a.button { background: #fff; color: #c43518 !important; } .woocommerce-error .button:hover, .woocommerce-error a.button:hover { background: rgba(255, 255, 255, 0.95); color: rgb(159.6509090909, 43.1709090909, 19.5490909091) !important; } .woocommerce-noreviews { padding: 1rem 1.25rem; background: linear-gradient(135deg, #f0f7ec 0%, #e6f0df 50%, #dce9d2 100%); color: #2c3e50; font-size: 0.9375rem; border-radius: 6px; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #3d9cd2; z-index: 9999; } /** * Header cart icon and minicart offcanvas (loads only when WooCommerce is active) */ /** * Header cart icon and minicart offcanvas (WooCommerce only). * Loaded with woocommerce.css only when WooCommerce is active. * * After editing, run: npm run compile:woo-header-cart * to update the header-cart block in assets/css/woocommerce.css. */ /* Hide duplicate/old-style cart so only our icon shows */ .site-header .site-header-cart { display: none !important; } .site-header .main-navigation a.cart-contents { display: none !important; } .site-header .header-content a.cart-contents:not(.header-cart-link) { display: none !important; } .site-header .header-content a.header-cart-link.cart-contents { display: inline-flex !important; visibility: visible !important; } /* Header cart link – same style as search and social icons */ .header-cart-link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: transparent; color: #2c3e50; border-radius: 50%; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(44, 62, 80, 0.2); padding: 0; margin-left: 10px; flex-shrink: 0; position: relative; } .header-cart-link svg { width: 18px; height: 18px; transition: all 0.3s ease; display: block; } .header-cart-link:hover { background-color: #6F9C50; color: #fff; border-color: #6F9C50; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); text-decoration: none; } .header-cart-link:hover svg { color: #fff; stroke: #fff; } .header-cart-link:hover .header-cart-count { background-color: #fff; color: #6F9C50; } .header-cart-link:focus { outline: 2px solid #6F9C50; outline-offset: 2px; } .header-cart-count { position: absolute; top: -8px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; color: #fff; background-color: #6F9C50; border-radius: 9px; } /* Minicart offcanvas panel (slide from right) */ .accepta-minicart-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; visibility: hidden; pointer-events: none; transition: visibility 0.3s ease; } .accepta-minicart-offcanvas.active { visibility: visible; pointer-events: auto; } .accepta-minicart-offcanvas-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.3s ease; } .accepta-minicart-offcanvas.active .accepta-minicart-offcanvas-overlay { opacity: 1; } .accepta-minicart-offcanvas-panel { position: absolute; top: 0; right: 0; width: 100%; max-width: 400px; height: 100%; background: #fff; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); transform: translateX(100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; overflow: hidden; } .accepta-minicart-offcanvas.active .accepta-minicart-offcanvas-panel { transform: translateX(0); } .accepta-minicart-offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e8e8e8; flex-shrink: 0; background: #fff; } .accepta-minicart-offcanvas-title { margin: 0; font-size: 1.375rem; font-weight: 600; color: #2c3e50; letter-spacing: -0.02em; } .accepta-minicart-offcanvas-close { width: 44px; height: 44px; padding: 0; border: 1px solid #e0e0e0; border-radius: 50%; background: #f8f8f8; color: #2c3e50; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .accepta-minicart-offcanvas-close:hover { background-color: #6F9C50; color: #fff; border-color: #6F9C50; } .accepta-minicart-offcanvas-close svg { width: 20px; height: 20px; } .accepta-minicart-offcanvas-body { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 1.25rem 1.5rem; -webkit-overflow-scrolling: touch; } .accepta-minicart-offcanvas-body .widget_shopping_cart_content { padding: 0; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart { padding: 0; margin: 0 0 1.25rem 0; list-style: none; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem 0; border-bottom: 1px solid #eee; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item:last-child { border-bottom: none; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item > .remove { flex-shrink: 0; width: 28px; height: 28px; min-width: 28px; padding: 0; margin: 0; margin-top: 0.25rem; font-size: 0; line-height: 1; color: #888 !important; background: #f5f5f5 !important; border: 1px solid #e5e5e5 !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none !important; transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item > .remove:hover { color: #fff !important; background: #c0392b !important; border-color: #c0392b !important; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item > .remove::before { content: "×"; font-size: 18px; font-weight: 300; line-height: 1; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item > a:not(.remove) { flex: 1; min-width: 0; display: flex; align-items: flex-start; gap: 0.75rem; text-decoration: none; color: #2c3e50; flex-wrap: wrap; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item > a:not(.remove):hover { color: #6F9C50; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item img { width: 72px; height: 72px; min-width: 72px; object-fit: cover; border-radius: 6px; border: 1px solid #eee; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item .quantity { flex-shrink: 0; font-size: 0.8125rem; color: #666; font-weight: 400; text-align: right; white-space: nowrap; margin-top: 0.25rem; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item .quantity .amount { font-weight: 600; color: #2c3e50; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart-item .woocommerce-Price-amount { font-weight: 600; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__total { margin: 0 0 1.25rem 0; padding: 1rem 0; border-top: 2px solid #eee; font-size: 1.0625rem; font-weight: 600; color: #2c3e50; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__total .amount { float: right; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons { margin: 0; padding: 0; border: none; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons .button { display: block; width: 100%; text-align: center; padding: 0.875rem 1.25rem; margin: 0 0 0.5rem 0; border-radius: 6px; text-decoration: none !important; font-weight: 600; font-size: 0.9375rem; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; border: none; cursor: pointer; box-sizing: border-box; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons .button:last-child { margin-bottom: 0; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons .button.wc-forward { background: #f0f0f0; color: #2c3e50; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons .button.wc-forward:hover { background: #e0e0e0; color: #2c3e50; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons .button.checkout { background: #6F9C50; color: #fff; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__buttons .button.checkout:hover { background: #5a7d3f; color: #fff; } .accepta-minicart-offcanvas-body .woocommerce-mini-cart__empty-message { margin: 0; padding: 2rem 0; color: #666; font-size: 0.9375rem; text-align: center; } /** * WooCommerce widgets */ /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: #6F9C50; box-sizing: border-box; margin-top: -0.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #6F9C50; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } /*# sourceMappingURL=woocommerce.css.map */