/home/sylamedg/www/wp-content/themes/siara-corporate-business/assets/custom/css/woocommerce.css
:root {
--global--color-woo-accent: #0070e0;
--global--color-woo-white: #fff;
--global--color-woo-black: #000;
--global--color-woo-btn-bg: #000;
--global--color-woo-btn: #fff;
}
/* General & Widgets
-------------------------------------- */
.woocommerce-store-notice,
p.demo_store,
.woocommerce span.onsale,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.wc_payment_method
input.input-radio[name="payment_method"]:checked
+ label::before {
background-color: var(--global--color-woo-accent);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,
.woocommerce ul.products li.product .price,
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td,
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before,
.woocommerce p.stars a {
color: var(--global--color-woo-accent);
}
.woocommerce div.product .out-of-stock {
color: #ff0000;
}
.woocommerce-grouped-product-list-item__price p.stock.out-of-stock {
margin: 0;
}
.woocommerce-grouped-product-list-item__quantity a.button {
font-size: 65%;
}
.woocommerce a.remove {
background-color: #ff0000;
color: #fff !important;
border-radius: 0;
}
.woocommerce .woocommerce-mini-cart a.remove {
line-height: 1;
}
.woocommerce a.remove:hover {
background-color: #000;
color: var(--global--color-woo-white) !important;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: none;
padding: 0 0.2rem;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 1rem 1.5rem;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: var(--global--color-woo-accent);
color: #fff;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wp-block-product-category a.add_to_cart_button {
color: var(--global--color-woo-btn);
background-color: var(--global--color-woo-btn-bg);
border-radius: var(--global--elements-border-radius-s);
padding: 1.1rem 2.2rem;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.wp-block-product-category a.add_to_cart_button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: var(--global--color-woo-btn-bg);
color: var(--global--color-woo-btn);
opacity: 0.8;
}
/* New */
.wp-block-product-category a.add_to_cart_button:hover,
.wp-block-product-category a.add_to_cart_button:focus {
text-decoration: none;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: var(--global--color-woo-btn-bg);
color: var(--global--color-woo-btn);
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
background: none;
border: none;
width: 5.4rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: none;
padding-top: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin-bottom: 0.5rem;
}
.woocommerce table.shop_attributes {
border-top: 1px solid var(--global--color-woo-accent);
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
border: none;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
margin-top: 0;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border-top: 3px solid var(--global--color-woo-accent);
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
text-decoration: none;
}
.woocommerce.widget_products ul.product_list_widget li img,
.woocommerce.widget_recently_viewed_products ul.product_list_widget li img,
.woocommerce.widget_recent_reviews ul.product_list_widget li img,
.woocommerce.widget_top_rated_products ul.product_list_widget li img {
float: left;
margin-left: 0;
margin-right: 2rem;
width: 8rem;
}
/*Header cart & cart widget
---------------------------------------- */
.site-header-cart {
position: relative;
}
.site-header-cart .widget_shopping_cart {
background-color: var(--global--color-woo-white);
-webkit-box-shadow: 0 1rem 1rem 0.5rem rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1rem 1rem 0.5rem rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1rem 1rem 0.5rem rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1rem 1rem 0.5rem rgba(0, 0, 0, 0.15);
box-shadow: 0 1rem 1rem 0.5rem rgba(0, 0, 0, 0.15);
position: absolute;
right: 9999rem;
top: calc(100% + 2.1rem);
padding: 2rem 1.5rem;
width: 20rem;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s linear, transform 0.15s linear;
transform: translateY(0.6rem);
}
@media (min-width: 482px) {
.site-header-cart .widget_shopping_cart {
width: 25rem;
padding: 2.5rem 2rem;
}
}
@media (min-width: 822px) {
.site-header-cart .widget_shopping_cart {
top: calc(100% + 1.4rem);
width: 30rem;
padding: 2.5rem 2rem;
}
}
.site-header-cart .widget_shopping_cart:before {
content: "";
display: block;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
border: 1rem solid transparent;
}
.site-header-cart:focus {
outline: thin dotted;
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart:focus .widget_shopping_cart {
right: 0;
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
}
.woocommerce-mini-cart__buttons.buttons {
margin-bottom: 0;
}
span.siaracorporatebusiness-woo-counter {
position: absolute;
left: 60%;
top: -40%;
width: 1.6rem;
height: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--global--color-woo-accent);
color: #fff;
border-radius: 50%;
font-size: 1rem;
font-weight: 700;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 8rem;
float: left;
margin-right: 2rem;
margin-left: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
left: auto;
right: 0;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-left: 0;
}
.widget_shopping_cart .buttons a.button {
font-size: 64%;
}
@media (min-width: 482px) {
.widget_shopping_cart .buttons a.button {
font-size: 80%;
}
}
@media (min-width: 822px) {
.widget_shopping_cart .buttons a.button {
font-size: 90%;
}
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
border: none;
padding: 0;
display: inline-block;
}
.woocommerce ul.cart_list li .quantity,
.woocommerce ul.product_list_widget li .quantity {
display: block;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0;
margin: 0;
}
.woocommerce .widget_shopping_cart .cart_list li:not(:last-child),
.woocommerce.widget_shopping_cart .cart_list li:not(:last-child) {
margin-bottom: 1.2rem;
border-bottom: 1px solid var(--global--color-woo-accent);
}
.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::after {
margin-bottom: 1.2rem;
}
/*Product Listings
---------------------------------------- */
.woocommerce .woocommerce-breadcrumb a {
color: var(--global--color-woo-black);
text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
text-decoration: underline;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-weight: 700;
font-size: 1.8rem;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
text-decoration: underline;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
text-align: center;
}
.woocommerce ul.products li.product-category a:hover {
text-decoration: underline;
}
.woocommerce .product .added_to_cart,
.wp-block-product-category .wp-block-button .added_to_cart {
display: none;
}
.woocommerce span.onsale {
min-height: 0;
min-width: 0;
line-height: 1.236;
background: #fff;
border: 1px solid #43454b;
border-radius: 4px;
color: #43454b;
display: inline-block;
font-size: 0.875em;
font-weight: 600;
left: auto;
padding: 0.25em 0.75em;
position: absolute;
right: 4px;
text-align: center;
text-transform: uppercase;
top: 4px;
width: auto;
z-index: 9;
}
.woocommerce ul.products li.product .onsale {
margin: 0.5em;
}
.woocommerce-ordering .orderby:focus {
outline: 1px solid var(--global--color-woo-accent);
}
.woocommerce ul.products li.product a img {
margin-bottom: 0;
}
.siaracorporatebusiness-archive-products-details {
background-color: var(--global--card-bg);
display: grid;
justify-items: center;
align-items: center;
padding-top: 1rem;
font-size: 1.5rem;
}
.siaracorporatebusiness-archive-products-details .woocommerce-loop-product__link {
display: grid;
justify-items: center;
align-items: center;
}
.siaracorporatebusiness-archive-products-details a.button {
font-size: 90%;
}
.woocommerce ul.products li.product .button {
margin-bottom: 2em;
}
.woocommerce .products .star-rating {
display: inline-block;
}
/* Single page
-------------------------------------------------------------- */
.woocommerce .product_meta {
display: grid;
gap: 0.5rem;
font-size: 1.1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.woocommerce .quantity .qty {
padding: 1rem 0.6rem;
}
.woocommerce .product_meta > span span,
.woocommerce .product_meta > span a {
display: inline-block;
margin-left: 0.5rem;
}
/*Tabs
------------------------------- */
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid var(--global--color-woo-accent);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
margin-bottom: 6rem;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 3rem;
}
.woocommerce #review_form #respond p {
margin-bottom: 2rem;
}
.woocommerce #review_form #respond p.comment-notes {
display: none;
}
.woocommerce #review_form #respond p.form-submit {
text-align: left;
}
@media (min-width: 700px) {
.woocommerce #review_form #respond .comment-form-email {
margin-left: 2rem;
}
}
.woocommerce
div.product
.woocommerce-tabs
.panel
.woocommerce-Reviews
.woocommerce-noreviews {
margin-bottom: 2rem;
}
.woocommerce-Reviews-title {
margin-bottom: 3rem;
}
.woocommerce #review_form_wrapper {
margin-top: 3rem;
}
.woocommerce #review_form_wrapper {
overflow: hidden;
padding: 3.2rem;
border: 1rem solid var(--global--color-gray-300);
}
@media screen and (min-width: 992px) {
.woocommerce #review_form_wrapper {
padding: 4.2rem;
}
}
.woocommerce-Reviews #reply-title {
display: block;
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
font-size: var(--heading--font-size-h3);
line-height: var(--global--line-height-heading);
letter-spacing: var(--heading--letter-spacing);
}
.woocommerce #review_form #respond p.comment-form-comment {
margin-top: 3rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {
outline: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--global--color-primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: var(--global--color-woo-accent);
color: #fff;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
border: none;
box-shadow: none;
}
.woocommerce table.shop_attributes td p {
padding-left: 2rem;
}
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper {
padding-top: 6rem;
}
.woocommerce div.product .related.products {
padding-top: 3rem;
}
/* Cart
------------------------------------------- */
.woocommerce table.shop_table,
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table thead td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
border: none;
border-collapse: collapse;
}
.woocommerce table.shop_table thead {
color: var(--global--color-woo-black);
font-size: 2rem;
}
.woocommerce-cart-form table.shop_table .product-thumbnail {
width: 15%;
}
.woocommerce-cart-form table.shop_table .product-thumbnail img {
width: 120px;
}
.woocommerce-cart-form table.shop_table td.actions .coupon .input-text {
width: 200px;
}
.woocommerce-cart-form table.shop_table input.qty {
display: inline-block;
}
.woocommerce-cart-form table.shop_table thead {
border-bottom: 2px solid var(--global--color-woo-accent);
}
.woocommerce-cart-form table.shop_table tbody tr td {
padding-top: 0;
padding-bottom: 3rem;
}
.woocommerce-cart-form table.shop_table tbody tr:first-child td {
padding-top: 3rem;
}
.woocommerce-cart-form table.shop_table tbody tr:last-child {
border-top: 2px solid var(--global--color-woo-accent);
}
.woocommerce-cart-form table.shop_table tbody tr:last-child td {
padding-top: 3rem;
padding-bottom: 0;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
padding-top: 3rem;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
padding: 0.8rem 1rem;
}
@media only screen and (max-width: 768px) {
/* Layout */
.woocommerce-cart-form table.shop_table tbody tr td {
padding-top: 0;
padding-bottom: 0.5rem;
}
.woocommerce-cart-form table.shop_table tbody tr:first-child td {
padding-top: 0;
padding-bottom: 0.5rem;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
padding: 1rem 0;
position: relative;
}
/* Remove background from the */
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: none;
}
/* Coupon code */
#site-content .woocommerce .woocommerce-cart-form #coupon_code {
width: 100%;
margin-bottom: 1rem;
}
#site-content .woocommerce .woocommerce-cart-form .actions .coupon button {
width: 100%;
}
/* Thumbnail */
.woocommerce table.shop_table_responsive tr .product-thumbnail,
.woocommerce-page table.shop_table_responsive tr .product-thumbnail {
display: block;
width: 30%;
}
.woocommerce table.shop_table_responsive tr .product-thumbnail::before,
.woocommerce-page
table.shop_table_responsive
tr
.product-thumbnail::before {
content: "";
}
/* Remove button */
.woocommerce table.shop_table_responsive tbody tr td a.remove,
.woocommerce-page table.shop_table_responsive tbody tr td a.remove {
position: absolute;
top: 1.5rem;
left: 1.2rem;
}
}
/*Checkout
------------------------------------------*/
.woocommerce-checkout form[name="checkout"] {
display: table;
width: 100%;
}
.woocommerce-checkout form .col2-set {
width: 50%;
float: left;
padding-right: 1.5vw;
}
.woocommerce-checkout form .col2-set .col-1,
.woocommerce-checkout form .col2-set .col-2 {
float: none;
width: 100%;
}
.woocommerce-checkout form #order_review,
.woocommerce-checkout form #order_review_heading {
width: 50%;
padding-left: 1.5vw;
float: right;
clear: right;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 4rem;
}
.woocommerce-checkout form #order_review_heading {
margin-top: 4rem;
}
.woocommerce-checkout form #order_review tbody td,
.woocommerce-checkout form #order_review_heading tbody td {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.woocommerce-checkout
form
#order_review
.woocommerce-checkout-review-order-table,
.woocommerce-checkout
form
#order_review_heading
.woocommerce-checkout-review-order-table {
margin: 2.85rem 0;
}
.woocommerce-checkout
form
#order_review
.woocommerce-checkout-review-order-table
thead,
.woocommerce-checkout
form
#order_review_heading
.woocommerce-checkout-review-order-table
thead {
display: none;
}
.woocommerce-checkout
form
#order_review
.woocommerce-checkout-review-order-table
tfoot,
.woocommerce-checkout
form
#order_review_heading
.woocommerce-checkout-review-order-table
tfoot {
font-size: 1.8rem;
color: var(--global--color-woo-black);
border-top: 1px solid var(--global--color-woo-accent);
}
.woocommerce-checkout
form
#order_review
.woocommerce-checkout-review-order-table
tbody
tr:last-child
td,
.woocommerce-checkout
form
#order_review_heading
.woocommerce-checkout-review-order-table
tbody
tr:last-child
td {
padding-bottom: 2rem;
}
.woocommerce-checkout form #order_review tfoot th,
.woocommerce-checkout form #order_review_heading tfoot th,
.woocommerce-checkout form #order_review tfoot td,
.woocommerce-checkout form #order_review_heading tfoot td {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.woocommerce-checkout form #order_review tfoot tr:first-child th,
.woocommerce-checkout form #order_review_heading tfoot tr:first-child th,
.woocommerce-checkout form #order_review tfoot tr:first-child td,
.woocommerce-checkout form #order_review_heading tfoot tr:first-child td {
padding-top: 2rem;
}
/* Payment Section */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: none;
}
.wc_payment_method input.input-radio[name="payment_method"] {
display: none;
}
.wc_payment_method label {
cursor: pointer;
}
.wc_payment_method input.input-radio[name="payment_method"] + label::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid #fff;
box-shadow: 0 0 0 2px var(--global--color-woo-accent);
background: #fff;
margin-left: 4px;
margin-right: 1.2rem;
border-radius: 100%;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.woocommerce-checkout-review-order #place_order {
width: 100%;
padding: 2rem;
}
.woocommerce form .form-row textarea {
height: 12rem;
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
margin: 0;
text-align: initial;
vertical-align: baseline;
}
@media only screen and (max-width: 768px) {
.woocommerce-checkout form .col2-set {
width: 100%;
float: none;
padding-right: 0;
}
.woocommerce-checkout form .col2-set .col-1,
.woocommerce-checkout form .col2-set .col-2 {
float: none;
width: 100%;
}
.woocommerce-checkout form #order_review,
.woocommerce-checkout form #order_review_heading {
width: 100%;
padding-left: 0;
float: none;
}
}
/* Order received
------------------------------------- */
.woocommerce ul.order_details li {
float: none;
padding: 1rem 0;
font-size: 2rem;
border: 0;
}
.woocommerce ul.order_details li strong {
font-size: 1.6rem;
}
.woocommerce-order-received .woocommerce-order p {
color: var(--global--color-woo-black);
}
.woocommerce ul.order_details {
margin-bottom: 2rem;
}
.woocommerce .woocommerce-customer-details address {
border: 1px solid var(--global--color-woo-accent);
border-radius: 0;
}
.woocommerce-order-details .woocommerce-table a {
text-decoration: none;
}
.woocommerce-order-details .woocommerce-table thead {
border-bottom: 2px solid var(--global--color-woo-accent);
}
.woocommerce-order-details .woocommerce-table tr th,
.woocommerce-order-details .woocommerce-table tr td,
.woocommerce-order-details .woocommerce-table tfoot tr th,
.woocommerce-order-details .woocommerce-table tfoot tr td {
padding: 0.4rem 0;
}
.woocommerce-order-details .woocommerce-table tr:first-child th,
.woocommerce-order-details .woocommerce-table tr:first-child td {
padding-top: 2rem;
}
.woocommerce-order-details .woocommerce-table tr:last-child th,
.woocommerce-order-details .woocommerce-table tr:last-child td {
padding-bottom: 2rem;
}
.woocommerce-order-details .woocommerce-table tfoot tr:first-child th,
.woocommerce-order-details .woocommerce-table tfoot tr:first-child td {
padding-top: 2rem;
}
.woocommerce-order-details .woocommerce-table tfoot {
border-top: 2px solid var(--global--color-woo-accent);
}
/* My account
-------------------------------------------------*/
.woocommerce-account .entry-content .woocommerce {
padding-top: 6rem;
}
.woocommerce form.login,
.woocommerce form.register {
border-color: var(--global--color-woo-accent);
border-radius: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
padding: 2rem;
}
.woocommerce-account .entry-content .woocommerce {
border-top: 3px solid var(--global--color-woo-accent);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0;
padding: 1rem;
padding-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
padding-top: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
text-decoration: none;
font-weight: 500;
}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-EditAccountForm
.woocommerce-Button {
margin-top: 2rem;
}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address {
float: none;
width: 100%;
}
/* Dark Mode */
[data-theme="dark"] {
--global--color-woo-accent: #9b9b9b;
--global--color-woo-white: #1e1e1e;
--global--color-woo-black: #fff;
--global--color-woo-btn-bg: #fff;
--global--color-woo-btn: #1e1e1e;
}
[data-theme="dark"] .woocommerce a.remove:hover {
background-color: #ff0000;
}
[data-theme="dark"] .woocommerce .woocommerce-cart-form button:disabled {
color: #1e1e1e !important;
}
/* Blocks css */
.entry-content
a:is(
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon-link,
.wc-block-components-totals-shipping__change-address__link,
.wc-block-cart__submit-button,
.wc-block-components-product-name
),
.entry-content :is(.product_meta, .wc-block-review-list) a,
.entry-summary .product_meta a {
text-decoration: none;
}
.wc-block-grid__product-add-to-cart.wp-block-button
.wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button
.wp-block-button__link:focus {
color: #fff;
}
.wc-block-grid__product-add-to-cart .added_to_cart {
margin-left: 0.8rem;
}
.wc-block-grid__products {
font-size: 1.8rem;
}
.wc-block-grid__product-rating,
.wc-block-grid__product-price,
.wc-block-components-review-list-item__rating {
color: var(--global--color-woo-accent);
}
.wc-block-components-review-list-item__rating
> .wc-block-components-review-list-item__rating__stars
span:before {
color: var(--global--color-woo-accent) !important;
}