/home/preegmxb/qasmartz.theoriginalsstudios.com/wp-content/themes/lexend/assets/css/lexend-woo.css
/* Shop Page Design */
.item-rating .rating-count {
display: none !important;
}
a.added_to_cart.wc-forward::after {
content: '✔';
position: relative;
font-size: 16px;
font-weight: 700;
}
.lexend-product-main {
position: relative;
}
.lexend-product-main > .woosw-btn {
position: absolute;
top: 1rem;
right: 1rem;
font-size: 0;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
box-shadow: 0 .125rem .25rem -.1rem var(--shadow-color) !important;
background: #fff !important;
color: #b9b9bf !important;
border: none;
z-index: 2;
padding: 0 0;
}
.lexend-product-main>.woosw-btn::before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-size: 16px;
margin: 0;
}
.lexend-product-main .woosw-btn.woosw-added {
background: var(--color-primary) !important;
color: #fff !important;
}
.woosw-btn.woosw-added:before {
font-weight: 700;
}
.on-sale-wrap,
.woocommerce .shop-details-flex-wrap .onsale {
position: absolute !important;
left: 1rem;
top: 1rem;
z-index: 2;
}
.shop-item .on-sale-wrap {
right: auto;
left: 1rem;
top: 1rem;
}
@media (max-width: 767px) {
.on-sale-wrap,
.woocommerce .shop-details-flex-wrap .onsale {
left: .5rem;
top: .5rem;
}
.lexend-product-main>.woosw-btn {
top: .5rem;
right: .5rem;
}
}
.woocommerce span.onsale {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 24px;
min-height: 23px;
min-width: auto;
position: relative;
content: "";
cursor: pointer;
margin: 0;
padding: 0px 15px 0 15px;
border: none;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
line-height: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background-color: #fdc937;
color: #212529;
font-size: 13px;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
.shop-action .product_type_grouped .fa-shopping-basket,
.shop-action .product_type_variable .fa-shopping-basket {
font-weight: 700;
}
.shop-action .product_type_grouped .fa-shopping-basket:before,
.shop-action .product_type_variable .fa-shopping-basket:before {
content: "\f0ca";
}
.reviews-wrap .avatar {
border-radius: 30px;
flex: 0 0 auto;
}
.details-rating .unicon-star-filled {
color: #fcbc05;
}
.details-rating span.rating-count {
color: initial;
margin-left: .5rem;
font-size: .9rem;
opacity: .6;
}
.details-rating.shop-single-rating {
float: right;
justify-content: flex-end;
}
.woocommerce table.shop_attributes {
margin: 0;
}
.woocommerce #review_form #respond .comment-notes {
margin: 0 0 2rem;
}
.woocommerce p.stars a {
color: #fcbc05;
}
.woocommerce div.product form.cart .variations label {
margin-bottom: 12px;
}
.woocommerce-grouped-product-list-item__price ins {
background: transparent;
}
.woocommerce-message .button {
padding: 0 0 5px !important;
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
transition: .3s;
}
.woocommerce-message .button::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 1px;
width: 0%;
background-color: var(--color-primary);
transition: 350ms width cubic-bezier(.38, .01, .43, .16);
}
.woocommerce-message .button:hover {
color: var(--color-primary) !important;
}
.woocommerce-message .button:hover::before {
width: 100%;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
color: inherit;
}
/* Shop Details */
.shop-details-img-wrap.woocommerce-product-gallery .flex-viewport {
background: var(--unit-secondary-color);
text-align: center;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: unset;
width: 100%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
float: unset;
width: 100%;
clear: none;
}
.woocommerce div.product div.images {
margin-bottom: 0;
}
.woocommerce div.product div.images img {
border-radius: 4px;
}
.woocommerce div.shop-details-flex-wrap div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 8px 0 0;
padding: 0;
display: flex;
gap: 8px;
}
.woocommerce div.shop-details-flex-wrap div.images .flex-control-thumbs li {
width: 100%;
float: unset;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
text-align: center;
border-radius: 4px;
}
.shop-details-price {
display: flex;
align-items: center;
margin: -39px 0 0;
line-height: 1;
}
.shop-details-price .woocommerce-Price-amount,
.shop-details-price del,
.shop-details-price ins,
.woocommerce div.product .woocommerce-variation-price .price {
font-size: 24px !important;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
color: var(--color-primary);
background-color: transparent;
}
.shop-details-price del,
.shop-details-price del .woocommerce-Price-amount {
color: inherit;
opacity: .5;
}
.shop-details-price ins {
text-decoration: none;
}
.shop-perched-info form,
.variation-shop-perched-info {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.shop-perched-info .quantity {
margin-right: 12px !important;
margin-bottom: 12px !important;
}
.woocommerce .quantity {
width: 100px;
flex: 0 0 100px;
position: relative;
float: unset !important;
}
.woocommerce .quantity input.qty {
background-color: transparent;
width: 100%;
border: 1px solid var(--bs-border-color);
border-radius: 4px;
height: 48px;
padding: 0 1rem;
font-size: 16px;
color: var(--color-gray-900);
font-weight: 500;
text-align: left;
}
.product-actions .btn {
height: 48px;
}
.woocommerce .quantity .qty_button {
position: absolute;
top: 0;
left: 0;
width: 31px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 600;
cursor: pointer;
border-right: 1px solid var(--bs-border-color);
user-select: none;
-moz-user-select: none;
}
.woocommerce .quantity .qty_button.plus {
left: auto;
right: 0;
border-right: none;
border-left: 1px solid var(--bs-border-color);
}
.woocommerce .quantity .qty_button.minus {
font-size: 18px;
}
.cart-btn,
.shop-perched-info form>.cart-btn,
.woocommerce div.product form.cart .button {
background: var(--color-primary);
border-radius: 4px;
padding: 0 1rem;
}
.shop-details-content .woosw-btn {
border: none;
padding: 0 0;
font-size: 15px;
margin: 15px 0 0;
display: flex;
align-items: center;
gap: 5px;
background: transparent;
text-transform: inherit;
font-weight: 500;
letter-spacing: 0;
transition: .3s;
color: inherit;
}
.shop-details-content .woosw-btn::before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-weight: 400;
line-height: 1;
}
.shop-details-content .woosw-btn:hover,
.shop-details-content .woosw-btn.woosw-added {
color: var(--color-primary);
}
.shop-details-content .woosw-btn.woosw-added:before {
content: "✓";
margin: 0;
}
.shop-details-flex-wrap {
position: relative;
}
.shop-details-bottom {
margin: 10px 0 0;
padding-top: 20px;
border-top: 1px solid var(--bs-border-color);
}
.shop-details-bottom > span {
display: block;
margin-bottom: 10px;
font-weight: 500;
margin-right: 5px;
}
.shop-details-bottom > span:last-child {
margin-bottom: 0;
}
.shop-details-bottom > span > span {
font-weight: 500;
margin-left: 5px;
}
.shop-details-bottom>* {
margin-bottom: 5px;
}
.shop-details-bottom div:last-child {
margin-bottom: 0;
}
.shop-details-bottom b {
font-weight: 400;
}
.shop-details-bottom .sku,
.shop-details-bottom a {
margin-left: 3px;
font-weight: 400;
display: inline-block;
}
.shop-details-bottom a:hover {
color: var(--color-primary);
}
/* Description tab */
.product-desc-wrap {
border-top: 1px solid #292A37;
margin-top: 80px;
}
.product-desc-wrap .nav-tabs {
border-bottom: none;
gap: 15px;
margin-bottom: 30px;
}
.product-desc-wrap .nav-tabs .nav-link {
margin-bottom: 0;
background: var(--unit-secondary-color);
border: none;
color: var(--color-primary);
font-weight: 500;
font-size: 18px;
border-radius: 0px 0px 5px 5px;
padding: 12px 22px;
line-height: 1;
}
.product-desc-wrap .nav-tabs .nav-item.active .nav-link {
background: var(--color-primary);
color: red;
}
.woocommerce-Tabs-panel>h2 {
display: none;
}
/*=============================
Shop Review
==============================*/
.woocommerce-Reviews span#reply-title {
display: block;
font-size: 18px;
font-weight: 500;
line-height: 20px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid #292A37;
}
.woocommerce #review_form label {
margin-bottom: 15px;
line-height: 1;
display: block;
}
.required,
.woocommerce #review_form label span {
color: #e44b4b;
}
.woocommerce #review_form_wrapper .comment-field input,
.woocommerce #review_form_wrapper .comment-field textarea {
border: 1px solid var(--bs-border-color);
background: #fff;
padding: 0 .75rem;
}
body.woocommerce #review_form_wrapper .form-submit [type=submit]#submit {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: var(--color-primary) none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
letter-spacing: 0;
line-height: 1;
margin-bottom: 0;
padding: 17px 35px;
text-align: center;
touch-action: manipulation;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
vertical-align: middle;
white-space: nowrap;
position: relative;
z-index: 1;
overflow: hidden;
}
body.woocommerce #review_form_wrapper .form-submit [type=submit]#submit:hover {
background: #0f604d;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
margin-top: 0;
margin-right: 25px;
width: 65px;
height: 65px;
border-radius: 5px;
float: unset;
position: unset;
border: none;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0;
border: none;
border-radius: 0;
padding: 0 0;
}
.woocommerce-Reviews .commentlist {
padding-left: 0;
list-style: none;
margin-top: 30px;
}
.woocommerce .star-rating {
position: relative;
font-size: 15px;
width: 100px;
overflow: hidden;
line-height: 1;
margin-bottom: 10px;
color: #dcdcdf;
float: unset;
height: auto;
font-family: star;
}
.woocommerce .star-rating::before {
font-family: "Font Awesome 5 Free";
content: '\f005\f005\f005\f005\f005';
text-transform: uppercase;
letter-spacing: 3px;
color: inherit;
float: none;
position: unset;
}
.woocommerce .star-rating span {
overflow: hidden;
float: unset;
top: 0;
left: 0;
position: absolute;
padding-top: 0;
}
.woocommerce .star-rating span::before {
font-family: "Font Awesome 5 Free";
content: '\f005\f005\f005\f005\f005';
text-transform: uppercase;
letter-spacing: 3px;
color: #fcbc05;
font-weight: 900;
position: unset;
}
.woocommerce-Reviews .comment-text p.meta {
margin-bottom: 5px !important;
}
strong.woocommerce-review__author {
font-size: 18px;
text-decoration: none;
font-weight: 500;
text-transform: capitalize;
}
.woocommerce-review__published-date {
font-size: 15px;
}
.woocommerce-Reviews .comment-form .comment-field {
margin-bottom: 25px;
}
.comment-form-rating {
display: flex;
flex-wrap: wrap;
margin: 0 0 20px;
}
.comment-form-rating label {
width: 100%;
flex: 0 0 auto;
}
.woocommerce p.stars {
line-height: 1;
}
.woocommerce-Reviews .comment-form .comment-field input {
height: 55px;
}
/* Related Product */
.related-products-wrap {
padding: 95px 0 0;
}
.related-products-wrap .rel-title {
margin: 0 0 35px;
text-transform: capitalize;
}
.rel-product-slider-active [class*='col-'] {
padding-left: 15px;
padding-right: 15px;
}
/* woocommerce Color */
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
border-color: var(--color-primary);
}
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
color: var(--color-primary);
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity));
border-radius: 4px;
}
.woocommerce div.woocommerce-Message .button {
padding: .618em 1em;
}
.lexend-page-content .woocommerce-error,
.lexend-page-content .woocommerce-info,
.lexend-page-content .woocommerce-message {
padding: 1em 2em 1em 3.5em;
color: inherit;
}
.woosw-list table.woosw-items tr td.woosw-item--actions {
width: 140px;
}
.product.woocommerce.add_to_cart_inline {
position: relative;
}
/* Woocommerce Button */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
padding: 0 0 8px 0;
background-color: transparent;
border-radius: 0;
font-weight: 500;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
color: inherit;
background-color: transparent;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after {
display: none;
}
.woocommerce a.added_to_cart {
padding-top: .5em;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-weight: 500;
transition: .3s;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading {
padding-right: 1.5em;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading::after {
top: 0;
right: 0;
}
/* Woocommerce Grouped */
.woocommerce div.product form.cart table,
.woocommerce div.product form.cart table.variations {
border-width: 0 0 1px;
width: 100%;
flex: 0 0 auto;
margin-bottom: 15px;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: middle;
border: 1px solid var(--bs-border-color);
padding: .5rem 1rem;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 7em;
text-align: center;
padding: .7rem 1rem;
}
.woocommerce div.product form.cart .group_table td label {
font-weight: 500;
}
.woocommerce-grouped-product-list-item__quantity .quantity {
margin: 0 !important;
}
.woocommerce div.product form.cart table ins {
text-decoration: none;
}
.woocommerce-grouped-product-list-item__price {
font-weight: 500;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: middle;
}
.woocommerce div.product form.cart .variations select {
margin-bottom: 12px;
padding: 0px 5px;
border: 1px solid var(--bs-border-color);
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-weight: normal;
height: 45px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
background: var(--color-secondary) url(../img/icons/d_arrow.png) no-repeat scroll 97.5% center;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
user-select: none;
white-space: nowrap;
width: auto;
border-radius: 5px;
color: var(--tg-heading-font-color);
max-width: 100%;
min-width: 75%;
margin-right: 1em;
}
.woocommerce-variation-price {
margin-top: 25px;
margin-bottom: 25px;
font-size: 24px;
font-weight: 700;
color: var(--color-primary);
line-height: 1;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: inherit;
font-size: .9rem !important;
font-weight: 500;
}
.woocommerce div.product form.cart .reset_variations {
font-size: 1em;
font-weight: 500;
line-height: 40px;
display: inline-block;
}
/* woocommerce Login & Register */
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 10px;
}
.woocommerce form.login,
.woocommerce form.register {
border: none;
padding: 35px;
border-radius: 5px;
background-color: var(--unit-secondary-color);
min-height: 397px;
position: relative;
}
.woocommerce .woocommerce-MyAccount-content form .form-row input.input-text,
.woocommerce .woocommerce-MyAccount-content form .form-row textarea {
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
padding: 14px 20px;
border-radius: 5px;
outline: none;
border: 1px solid var(--bs-border-color);
background: var(--unit-secondary-color);
}
.woocommerce .woocommerce-MyAccount-content .button,
.woocommerce .woocommerce-button.button {
background: var(--color-primary);
color: #fff;
padding: 10px 20px;
border-radius: 4px;
transition: .3s;
}
.woocommerce .woocommerce-MyAccount-content .button:hover,
.woocommerce .woocommerce-button.button:hover {
background: var(--color-primary);
color: #fff;
opacity: .95;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce .woocommerce-MyAccount-content .woosw-item--atc .button {
font-size: 14px !important;
font-weight: 700;
background: var(--color-primary);
color: #fff !important;
padding: 10px 20px !important;
border-radius: 4px;
transition: .3s;
margin: 0 !important;
line-height: 1 !important;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-info .button:hover,
.woocommerce .woocommerce-MyAccount-content .woosw-item--atc .button:hover {
background: var(--color-primary);
color: #fff;
opacity: .95;
}
.woocommerce .button.woocommerce-form-login__submit,
.woocommerce .button.woocommerce-form-register__submit {
padding: 16px 35px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin-top: 9px;
}
#customer_login .form-row:not(.woocommerce-form-row) {
margin: 20px 0 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin: 0 0 15px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.tg-woo-form-login .form-check-input[type=checkbox] {
border-radius: 3px;
background-color: transparent;
margin: 0 0;
}
.tg-woo-form-login .form-check-input:checked {
background-color: var(--tg-theme-primary);
border-color: var(--tg-theme-primary);
}
.tg-woo-form-login .form-check-input:focus {
box-shadow: none;
}
.tg-woo-form-login .woocommerce-form.woocommerce-form-login.login .lost_password {
position: absolute;
right: 35px;
bottom: calc(20.05% + 35px);
margin: 0;
z-index: 1;
}
@media (max-width: 767px) {
.tg-woo-form-login .woocommerce-form.woocommerce-form-login.login .lost_password {
position: initial;
}
}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button {
padding: 17px 30px;
background: var(--color-primary) !important;
color: #fff !important;
border-radius: 4px;
}
.genix-page-post .woocommerce-MyAccount-content .select2-container .select2-selection--single {
background-color: var(--unit-secondary-color);
}
.woocommerce-MyAccount-content fieldset {
border-color: #fff;
outline: none;
border-style: solid;
}
.uc-dark .woocommerce-MyAccount-content fieldset {
border-color: #3c3c41;
}
/* woocommerce MyAccount */
.logged-in.woocommerce-account .genix-page-post>.woocommerce {
display: flex;
flex-direction: row;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 30%;
float: unset;
background-color: var(--unit-secondary-color);
box-shadow: none;
padding: 20px;
border-radius: 5px;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
margin-bottom: 12px;
}
.woocommerce-MyAccount-navigation ul li a {
font-weight: 700;
display: flex;
align-items: center;
position: relative;
font-size: 16px;
background: #fff;
line-height: 1;
padding: 16px 25px;
border-radius: 5px;
transition: .3s;
}
.uc-dark .woocommerce-MyAccount-navigation ul li a {
background: #131316;
}
.woocommerce-MyAccount-navigation ul li a::before {
content: "\f51c";
display: block;
font-family: "Font Awesome 5 Free";
font-weight: 600;
margin-right: 10px;
color: var(--color-primary);
font-size: 18px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a::before {
content: "\f022";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads a::before {
content: "\f381";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a::before {
content: "\f5a0";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a::before {
content: "\f2bb";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: "\f2f5";
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
background: var(--color-primary);
color: #fff;
}
.woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-MyAccount-navigation ul li a:hover::before {
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-left: 30px;
background-color: var(--unit-secondary-color);
box-shadow: none;
padding: 30px;
flex-grow: 1;
border-radius: 5px;
width: auto;
float: unset;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-error,
.woocommerce .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce .woocommerce-MyAccount-content .woocommerce-message {
background-color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content h3 {
font-size: 1.3rem;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row > label {
display: block;
}
.woocommerce-account .woocommerce-MyAccount-content [type="text"],
.woocommerce-account .woocommerce-MyAccount-content [type="email"],
.woocommerce-account .woocommerce-MyAccount-content [type="password"] {
display: block;
width: 100%;
border: none;
background: #ebe9eb;
height: 45px;
padding: 10px 25px;
border-radius: 5px;
}
.woocommerce-MyAccount-content .woocommerce-form-row--wide > span {
display: block;
margin-top: 8px;
}
.woocommerce-MyAccount-content .woocommerce-Button {
margin-top: 5px;
}
.woocommerce-MyAccount-content fieldset legend {
text-transform: capitalize;
font-size: 20px;
font-weight: 700;
margin: 15px 0 15px;
}
.woocommerce-order-received section.woocommerce-customer-details .woocommerce-columns {
display: flex;
flex-wrap: wrap;
border: 1px solid #efefef;
padding: 40px 40px 30px;
}
.woocommerce-order-received .woocommerce-column--billing-address.col-1,
.woocommerce-order-received .woocommerce-column--shipping-address.col-2 {
width: 50%;
}
.woocommerce-order-received .woocommerce-order-details {
margin-top: 30px;
}
.woocommerce-order-received table.woocommerce-table--order-details {
width: 100%;
margin-bottom: 50px;
}
.woocommerce-order-received table.woocommerce-table--order-details,
.woocommerce-order-received .woocommerce-table--order-details tbody,
.woocommerce-order-received .woocommerce-table--order-details td,
.woocommerce-order-received .woocommerce-table--order-details tfoot,
.woocommerce-order-received .woocommerce-table--order-details th,
.woocommerce-order-received .woocommerce-table--order-details thead,
.woocommerce-order-received .woocommerce-table--order-details tr {
text-align: left;
}
.woocommerce-MyAccount-content fieldset {
margin: 0 0 15px;
}
.woocommerce .woocommerce-MyAccount-content button[type=submit] {
padding: 16px 25px;
text-transform: uppercase;
border-radius: 5px;
}
form.woocommerce-ResetPassword.lost_reset_password {
max-width: 612px;
margin: 0 auto;
padding: 35px;
border-radius: 5px;
background-color: var(--unit-secondary-color);
text-align: center;
}
.woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-first,
.woocommerce-page form.woocommerce-ResetPassword.lost_reset_password .form-row-first {
float: unset;
width: 100%;
}
.woocommerce-notices-wrapper :focus-visible {
outline: inherit;
}
/*=========================
00. Cart Page
===========================*/
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: unset;
width: 100%;
}
.woocommerce-cart-form .actions .coupon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-cart-form .coupon label {
display: none;
}
.woocommerce .woocommerce-cart-form__contents a.remove {
margin-left: auto;
margin-right: auto;
background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity));
box-shadow: 0 3px 8px -1px rgba(0, 0, 0, 0.08);
transition: .3s;
}
.woocommerce .woocommerce-cart-form__contents a.remove:hover {
background: red;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 72px;
border-radius: 4px !important;
}
.woocommerce-cart-form__cart-item .product-name a {
font-weight: 700;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 15px;
padding: 17px 30px;
}
.woocommerce table.shop_table {
border-collapse: collapse;
border-color: var(--bs-border-color);
}
.woocommerce table.shop_table td {
border-color: var(--bs-border-color);
}
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-color: var(--bs-border-color);
}
.woocommerce .woocommerce-cart-form .quantity {
margin: 0 auto;
}
.woocommerce table.shop_table th {
padding: 1rem 1rem;
}
/*=========================
00. WooCommerce Checkout
===========================*/
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
display: block;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
padding: 1rem 1rem;
border-radius: var(--radius);
outline: none;
border: 1px solid var(--bs-border-color);
background: var(--bs-body-bg);
color: var(--bs-body-color);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
border-color: var(--color-primary) !important;
box-shadow: 0 0 0 .25rem var(--shadow-color) !important;
--shadow-color: rgba(0, 0, 0, 0.05);
}
.woocommerce form.checkout_coupon {
border: none;
padding: 0;
}
.woocommerce form.checkout_coupon .form-row {
width: 100%;
}
.genix-page-post .select2-container .select2-selection--single,
.shipping-calculator-form .select2-container .select2-selection--single,
.woocommerce-billing-fields .select2-container .select2-selection--single,
.woocommerce-shipping-fields__field-wrapper .select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 55px;
margin: 0 0 -4px;
user-select: none;
-webkit-user-select: none;
border: 1px solid var(--bs-border-color);
background-color: var(--bs-body-bg);
border-radius: 5px;
padding: 1rem 1rem;
text-align: left;
}
.genix-page-post .select2-container--default .select2-selection--single .select2-selection__arrow,
.shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 55px;
top: 0;
right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--bs-body-color);
line-height: 1.25rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--color-primary) !important;
}
#customer_form_details h3 {
padding-bottom: .75rem;
margin-bottom: .75rem;
border-bottom: 1px solid var(--bs-border-color);
}
.woocommerce-additional-fields {
margin: 20px 0 0;
}
#customer_details .woocommerce-additional-fields__field-wrapper .form-row .woocommerce-input-wrapper>textarea {
min-height: 120px;
resize: none;
padding-top: 10px;
}
.woocommerce .wc_payment_methods .woocommerce-error,
.woocommerce .wc_payment_methods .woocommerce-message {
background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity)) !important;
}
.woocommerce-checkout #payment ul.payment_methods {
border-color: #fff;
}
.uc-dark .woocommerce-checkout #payment ul.payment_methods {
border-color: #26262b;
}
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 1.6;
}
.woocommerce .woocommerce-checkout-review-order table th,
.woocommerce .woocommerce-checkout-review-order table td {
text-align: left;
}
/*=========================
07. Wishlist
===========================*/
.woocommerce .wishlist_item .product-action button {
white-space: nowrap;
background: var(--color-primary);
}
.woocommerce .wishlist_item .product-action button:hover {
background: var(--color-secondary);
}
.woocommerce .wishlist_item .product-stock p {
margin: 0 auto;
}
.woocommerce .wishlist_item .product-name a {
font-weight: 700;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
font-size: 18px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner {
border-top: 1px dashed #d8d8d8;
}
.woosw-popup .woosw-items .woosw-item:first-child .woosw-item-inner {
border-top: none;
}
.woosw-item--name a {
font-size: 18px;
transition: .3s;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a,
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner span {
border-color: var(--color-primary);
transition: .3s;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
color: var(--color-primary);
border-color: var(--color-primary);
}
.woosw-list table.woosw-items {
width: 100%;
}
.woosw-list .woosw-item--info {
text-align: left;
}
.woosw-list .woosw-actions {
display: none;
}
td.woosw-item--actions {
width: 90px;
}
/*=========================
07. WooCommerce Pagination
===========================*/
.lexend-shop-pagination ul {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0 !important;
margin: 0;
padding: 0;
list-style: none;
gap: .5rem !important;
}
.lexend-shop-pagination ul li {
display: block;
margin: 0;
padding: 0;
}
.lexend-shop-pagination ul li a,
.lexend-shop-pagination ul li .page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-align: center;
border-radius: 50%;
color: inherit;
transition: .3s;
}
.lexend-shop-pagination ul li a:hover,
.lexend-shop-pagination ul li .current {
color: #fff;
background: var(--color-primary);
}
.lexend-shop-pagination ul a.next,
.lexend-shop-pagination ul a.prev {
font-size: 20px;
}
/* Laptop Device */
@media (max-width: 1500px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 33%;
}
}
/* LG Device */
@media (max-width: 1199.98px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 28%;
}
.shop-details-flex-wrap .flex-viewport {
margin-left: 0;
}
}
/* MD Device */
@media (max-width: 991.98px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 40%;
}
.woocommerce form.login,
.woocommerce form.register {
padding: 30px;
min-height: auto;
}
.shop-details-content {
padding-left: 0;
}
}
/* XS Device */
@media (max-width: 767.98px) {
.logged-in.woocommerce-account .genix-page-post > .woocommerce {
display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
margin: 0 0 30px;
}
.woocommerce-MyAccount-content {
margin-left: 0;
}
.woocommerce-MyAccount-content {
margin-left: 0;
padding: 25px;
}
.woocommerce-account .woocommerce-MyAccount-content [type="text"],
.woocommerce-account .woocommerce-MyAccount-content [type="email"],
.woocommerce-account .woocommerce-MyAccount-content [type="password"] {
padding: 10px 20px;
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-left: 0;
padding: 25px;
}
.lexend-page-content .woocommerce-error,
.lexend-page-content .woocommerce-info,
.lexend-page-content .woocommerce-message {
padding: 1em 1em 1em 2.8em;
display: flex;
flex-direction: column-reverse;
}
.woocommerce-form-coupon-toggle .woocommerce-error,
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-message {
flex-direction: column;
line-height: 1.35;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
left: 1em;
}
.woocommerce .woocommerce-Message .woocommerce-Button {
margin-top: 10px;
}
.woocommerce form.login,
.woocommerce form.register {
padding: 25px;
margin-top: 1em;
}
#customer_login h2 {
font-size: 28px;
margin: 0 0;
}
.woocommerce-page table.cart td.actions .coupon {
text-align: center;
}
.woocommerce-page table.cart .text-end.f-right {
float: unset;
text-align: center !important;
}
.woocommerce table.cart .quantity {
margin-left: auto;
}
.woocommerce table.cart .product-quantity::before {
margin: 12px 0 0;
}
.woocommerce table.shop_table_responsive .actions,
.woocommerce-page table.shop_table_responsive .actions {
background-color: transparent !important;
}
.order-review-wrapper {
margin: 30px 0 0;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100%;
}
.shop-top-left p {
text-align: center;
}
.shop-top-right {
justify-content: center;
}
.woocommerce-page table.cart td.actions .coupon input {
width: 100%;
}
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
flex-direction: row-reverse;
justify-content: flex-end;
}
.woocommerce-form-coupon-toggle .woocommerce-error,
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-message {
flex-direction: row;
justify-content: flex-start;
gap: 5px;
}
.woocommerce .woocommerce-Message .woocommerce-Button {
margin-top: 0;
margin-left: auto;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 47%;
}
.shop-top-left p {
text-align: left;
}
.shop-top-right {
justify-content: flex-end;
}
}
.shop-top-right {
display: flex;
justify-content: flex-end;
}
@media (max-width: 767px) {
.shop-top-right {
justify-content: center;
}
}
/* New Woo CSS */
.woocommerce table.shop_attributes,
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
border-color: rgba(0, 0, 0, .1);
}
.woocommerce a.remove {
line-height: .9;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
text-align: center;
justify-content: center;
}
.woocommerce #reviews #comment {
height: 102px;
border-radius: 4px;
padding: .5rem .75rem;
}
.woocommerce-Reviews .comment-form .comment-field textarea,
.woocommerce-Reviews .comment-form .comment-field input {
width: 100%;
font-weight: 400;
border: 1px solid var(--bs-border-color);
border-radius: 4px;
padding: 0 .75rem;
height: 45px;
display: block;
transition: border-color .15s ease-in-out,
box-shadow .15s ease-in-out;
}
.woocommerce-Reviews .comment-form .comment-field textarea::placeholder,
.woocommerce-Reviews .comment-form .comment-field input::placeholder {
font-weight: 400;
}
.woocommerce-Reviews .comment-form .comment-field textarea:focus,
.woocommerce-Reviews .comment-form .comment-field input:focus {
border-color: var(--color-primary) !important;
box-shadow: 0 0 0 .25rem var(--shadow-color) !important;
}
.woocommerce-Reviews .comment-form .comment-field textarea:focus,
.woocommerce-Reviews .comment-form .comment-field input:focus {
--shadow-color: rgba(0, 0, 0, 0.05);
}
.woocommerce-Reviews .comment-form .comment-field textarea {
min-height: 102px;
max-height: 102px;
}
.woocommerce ul.order_details {
padding: 0;
}
.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
margin: 0 0 20px;
}
.woocommerce .woocommerce-customer-details address {
padding: 20px 20px;
}
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: var(--bs-border-color);
}
.uc-dark .select2-dropdown,
.uc-dark .select2-container--default .select2-search--dropdown .select2-search__field,
.uc-dark .woosq-popup,
.uc-dark .woosq-product>.product .summary,
.uc-dark .woosq-product .thumbnails {
background: #141419;
color: inherit;
}
.mfp-woosq .mfp-close,
.mfp-woosq .mfp-close::before {
color: red;
}
.uc-dark .woocommerce .blockUI.blockOverlay {
background: #202026 !important;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #fff;
color: var(--bs-body-color);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #fff;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.uc-dark #add_payment_method #payment div.payment_box,
.uc-dark .woocommerce-cart #payment div.payment_box,
.uc-dark .woocommerce-checkout #payment div.payment_box {
background-color: #222226;
color: #fff;
}
.uc-dark #add_payment_method #payment div.payment_box::before,
.uc-dark .woocommerce-cart #payment div.payment_box::before,
.uc-dark .woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #222226;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
/* Version 1.2 CSS */
.wc-block-cart__submit-button,
.wc-block-components-button:not(.is-link) {
user-select: none;
-moz-user-select: none;
background: var(--color-primary) none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-flex;
align-items: center;
font-weight: 500;
letter-spacing: 0;
line-height: 1;
margin-bottom: 0;
padding: 18px 45px;
text-align: center;
text-transform: none;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-button:not(.is-link):hover {
background: var(--color-primary);
color: #fff;
}
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=email],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=number],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url],
.woocommerce-checkout .wc-block-components-text-input input[type=email],
.woocommerce-checkout .wc-block-components-text-input input[type=number],
.woocommerce-checkout .wc-block-components-text-input input[type=tel],
.woocommerce-checkout .wc-block-components-text-input input[type=text],
.woocommerce-checkout .wc-block-components-text-input input[type=url] {
background-color: transparent !important;
border: 1px solid var(--bs-border-color) !important;
}
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-text-input label,
.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
left: 1em;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input.is-active input[type=email],
.wc-block-components-text-input.is-active input[type=number],
.wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-text-input.is-active input[type=text],
.wc-block-components-text-input.is-active input[type=url] {
padding-left: 1em !important;
}
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
background-color: transparent !important;
border-color: var(--bs-border-color) !important;
}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
border-color: var(--bs-border-color) !important;
}
ul.wc-block-grid__products {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 767px) {
.details-rating.shop-single-rating {
float: unset;
justify-content: flex-start;
}
.shop-details-price {
margin: 0 0;
}
.wc-tabs.nav-x {
gap: 0;
}
}
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=email],
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=number],
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel],
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text],
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url],
.uc-dark .woocommerce-checkout .wc-block-components-text-input input[type=email],
.uc-dark .woocommerce-checkout .wc-block-components-text-input input[type=number],
.uc-dark .woocommerce-checkout .wc-block-components-text-input input[type=tel],
.uc-dark .woocommerce-checkout .wc-block-components-text-input input[type=text],
.uc-dark .woocommerce-checkout .wc-block-components-text-input input[type=url] {
color: #fff;
}
.uc-dark .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.uc-dark .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.uc-dark .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.uc-dark .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
color: #fff;
}
.uc-dark .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label,
.uc-dark .woocommerce-checkout .wc-block-components-text-input label,
.uc-dark .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.uc-dark .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
color: #fff;
opacity: .5;
}
.uc-dark .wc-block-components-textarea {
background-color: transparent;
border-color: var(--bs-border-color);
color: #fff;
}
.uc-dark .woocommerce .woocommerce-error,
.uc-dark .woocommerce .woocommerce-info,
.uc-dark .woocommerce .woocommerce-message {
background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity));
}
.uc-dark .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
background-color: #141419;
}
.uc-dark .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top,
.uc-dark .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity))
}
.uc-dark .woosw-popup .woosw-items .woosw-item .woosw-item-inner {
border-color: #303039;
}
.uc-dark .details-rating span.rating-count,
.uc-dark .woosw-item--name a {
color: #fff;
}
.uc-dark .woocommerce a.added_to_cart {
background: #101013;
}
.uc-dark .woocommerce .quantity input.qty {
background-color: rgba(var(--bs-gray-100-rgb), 0.05);
color: #fff;
}
.uc-dark .woocommerce #review_form_wrapper .comment-field input,
.uc-dark .woocommerce #review_form_wrapper .comment-field textarea,
.uc-dark .woocommerce form .form-row input.input-text,
.uc-dark .woocommerce form .form-row textarea {
background: rgba(var(--bs-gray-100-rgb), .05);
color: #fff;
}
.uc-dark .woocommerce table.shop_attributes,
.uc-dark .woocommerce table.shop_attributes td,
.uc-dark .woocommerce table.shop_attributes th {
border-color: rgba(255, 255, 255, .1);
}
.uc-dark .woocommerce table.shop_attributes tr:nth-child(even) td,
.uc-dark .woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(255, 255, 255, .025);
}
.uc-dark .woocommerce div.product form.cart .variations select,
.uc-dark .shipping-calculator-form .select2-container .select2-selection--single,
.uc-dark .woocommerce-billing-fields .select2-container .select2-selection--single,
.uc-dark .woocommerce-shipping-fields__field-wrapper .select2-container .select2-selection--single {
background-color: rgba(var(--bs-gray-100-rgb), 0.05);
}
.uc-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.uc-dark .woocommerce .woosw-popup-content a.added_to_cart {
background: #141419;
}
.uc-dark .woocommerce .woocommerce-MyAccount-content .woocommerce-error,
.uc-dark .woocommerce .woocommerce-MyAccount-content .woocommerce-info,
.uc-dark .woocommerce .woocommerce-MyAccount-content .woocommerce-message {
background-color: #131316;
}