.woocommerce table.shop_attributes {
font-size: 1rem;
line-height: var(--line-height);
border: 1px solid var(--border-color);
border-collapse: collapse;
margin: 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) {
background-color: var(--background-secondary-color);
}
.woocommerce table.shop_attributes tr:nth-child(even) th, .woocommerce table.shop_attributes tr:nth-child(even) td {
background: transparent;
}
.woocommerce table.shop_attributes th {
width: auto;
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {
padding: 1rem;
border-right: 1px solid var(--border-color);
}
.woocommerce table.shop_attributes th p, .woocommerce table.shop_attributes td p {
padding: 0;
} .comment-form label {
line-height: var(--line-height);
}
.woocommerce-Reviews {
display: flex;
justify-content: space-between;
text-align: left;
}
.woocommerce-Reviews #comments, .woocommerce-Reviews #review_form_wrapper {
width: calc(50% - 15px);
}
.woocommerce-Reviews .clear {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li {
text-align: left;
margin: 0 0 1.5rem;
}
.woocommerce #reviews #comments ol.commentlist li:last-child {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li:hover .comment-text {
box-shadow: var(--el-box-shadow);
}
.woocommerce #reviews #comments ol.commentlist li:hover .comment-text::before {
border-color: transparent;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border: none;
padding: 1rem;
border-radius: var(--el-border-radius);
margin: 0 0 0 4rem;
transition: box-shadow 0.2s;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border-radius: var(--el-border-radius);
border: 1px solid var(--border-color);
overflow: hidden;
pointer-events: none;
transition: border-color 0.2s;
z-index: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta, .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
margin-bottom: 1rem;
}
.woocommerce #reviews #comments ol.commentlist li p.meta {
font-size: 1rem;
color: var(--text-primary);
}
.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__author {
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 3rem;
height: 3rem;
padding: 0;
border-radius: 50%;
}
.woocommerce #reviews #comments ol.commentlist li .star-rating {
order: 2;
}
.woocommerce #reviews #comments ol.commentlist li .description {
width: 100%;
color: var(--text-secondary);
order: 3;
}
.woocommerce #reviews #comments ol.commentlist li .description p {
margin: 0;
}
body .comments-title, body .comment-reply-title {
display: block;
font-family: var(--heading-font-family);
font-weight: var(--heading-font-weight);
line-height: var(--heading-line-height);
margin-bottom: 1.75rem;
}
.woocommerce p.stars {
display: flex;
}
.woocommerce p.stars > span {
display: flex;
}
.woocommerce p.stars a {
display: block;
width: 1.125rem;
height: 1.125rem;
color: var(--alert-warning);
}
.woocommerce p.stars a::before {
content: "\e83a";
font-family: "Material Icons";
width: 1.125rem;
height: 1.125rem;
font-size: 1.125rem;
}
.woocommerce p.stars a:hover ~ a::before, .woocommerce p.stars a.active ~ a::before {
content: "\e83a";
}
.woocommerce #review_form #respond p {
margin-bottom: 1.5rem;
line-height: 1;
}
.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars.selected a.active::before,
.woocommerce p.stars:hover a::before {
content: "\e838";
}
.woocommerce p.stars.selected a.active ~ a::before {
content: "\e83a";
}
.comment-form-cookies-consent {
position: relative;
}
.comment-form-cookies-consent input {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 0;
height: 0;
visibility: hidden;
opacity: 0;
}
.comment-form-cookies-consent input:hover + label::before {
border-color: var(--accent-color);
}
.comment-form-cookies-consent input:checked + label::after {
opacity: 1;
}
.comment-form-cookies-consent input:checked + label::before {
border-color: var(--accent-color);
}
.comment-form-cookies-consent label {
position: relative;
font-size: 0.9375rem;
font-weight: var(--font-weight);
line-height: 1.25rem;
margin: 0;
padding: 0.0625rem 0 0 1.875rem;
cursor: pointer;
}
.comment-form-cookies-consent label::before {
content: "";
position: absolute;
left: 0;
top: 0;
display: flex;
width: 1.25rem;
height: 1.25rem;
min-width: 1.25rem;
border: 1px solid var(--border-color);
fill: var(--accent-color);
color: var(--accent-color);
border-radius: 0.25rem;
transition: all 0.2s;
}
.comment-form-cookies-consent label::after {
content: "\e5ca";
position: absolute;
left: 0;
top: 0;
font-family: "Material Icons";
text-align: center;
font-size: 1rem;
width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
color: var(--accent-color);
opacity: 0;
transition: all 0.2s;
} @media only screen and (max-width: 767.98px) {
.woocommerce-Reviews {
display: block;
}
.woocommerce-Reviews #comments, .woocommerce-Reviews #review_form_wrapper {
width: 100%;
}
#comments {
margin-bottom: 2rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: block;
border-radius: var(--el-border-radius);
background-color: var(--background-secondary-color);
overflow: hidden;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: block;
width: 100%;
padding: 0.625rem 1rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: var(--accent-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--background-color);
}
}
@media only screen and (max-width: 420px) {
.woocommerce div.product form.cart div.quantity {
min-width: 5rem;
width: 5rem;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 0.5rem;
width: 6rem !important;
}
}