:root {
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-transition-duration: 150ms;
}
@media (max-width: 767px) {
.dokan-store-sidebar, .dokan-single-store {
margin-right: 0 !important;
width: 100% !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 768px){
.woocommerce ul.products li.product {
width: 100% !important;
float: left;
clear: both;
margin: unset !important;
}}
.dokan-store-products-filter-area {
margin-bottom: 100px !important;
}
select.orderby {
width:100%;max-width:50%;
}
ul.vendorlist{
gap: var(--wp--preset--spacing--small);
justify-content: center;
}
ul.vendorlist li{
flex-shrink: 0;
flex-wrap: nowrap;  
text-align: left;
display: flex;
}
ul.vendorlist li a{
gap: var(--wp--preset--spacing--small);
display: inline-flex;
flex-wrap: nowrap;
text-align: left;
align-items: center;
font-size: var(--wp--preset--font-size--base) !important;
background-color: var(--wp--preset--color--primary-accent);
border: 2px solid var(--wp--preset--color--primary-accent);
transition-property: all;
transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); &:hover{
background-color: var(--wp--preset--color--border-light) !important;
border: 2px solid var(--wp--preset--color--primary-alt) !important;
}
}
ul.vendorlist li a span{
text-align: left;
}
ul.vendorlist .wp-element-button img{
width: 25px; 
height:auto;
max-height: 30px; 
object-fit: contain;
pointer-events: none; }
:root :where(.wp-element-button, .wp-block-button__link) {
border-radius: 4px;
}
.archive h2 a{
pointer-events: none; }
.woocommerce-Address-title h2
{
font-size: var(--wp--preset--font-size--base) !important;
}
.woocommerce-Address-title
{
font-size: var(--wp--preset--font-size--base) !important;
display: flex !important;
flex-direction: column;
justify-content: start;
text-align: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
font-weight: bold;
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--base);
}
.wc-block-components-radio-control__input, input[type='radio'], input[type='checkbox'] {
padding: .5em !important;
}
input[type='submit'].dokan-btn-theme, a.dokan-btn-theme, .dokan-btn-theme, input[type='submit'].dokan-btn-theme:focus, a.dokan-btn-theme:focus, .dokan-btn-theme:focus, input[type='submit'].dokan-btn-theme:active, a.dokan-btn-theme:active, .dokan-btn-theme:active, input[type='submit'].dokan-btn-theme.active, a.dokan-btn-theme.active, .dokan-btn-theme.active, .open .dropdown-toggleinput[type='submit'].dokan-btn-theme, .open .dropdown-togglea.dokan-btn-theme, .open .dropdown-toggle.dokan-btn-theme {
color: var(--wp--preset--color--main) !important;
background-color: var(--wp--preset--color--primary-alt) !important;
border-color: var(--wp--preset--color--primary-alt) !important;
border-radius: 5px;
}
input[type='submit'].dokan-btn-theme:hover, a.dokan-btn-theme:hover, .dokan-btn-theme:hover, input[type='submit'].dokan-btn-theme:focus, a.dokan-btn-theme:focus, .dokan-btn-theme:focus, input[type='submit'].dokan-btn-theme:active, a.dokan-btn-theme:active, .dokan-btn-theme:active, input[type='submit'].dokan-btn-theme.active, a.dokan-btn-theme.active, .dokan-btn-theme.active, .open .dropdown-toggleinput[type='submit'].dokan-btn-theme, .open .dropdown-togglea.dokan-btn-theme, .open .dropdown-toggle.dokan-btn-theme {
color: var(--wp--preset--color--primary-alt-accent) !important;
background-color: var(--wp--preset--color--primary-alt) !important;
border-color: var(--wp--preset--color--primary-alt) !important;
}
.dokan-store-wrap {
display: flex;
margin: 0 !important;
flex-direction: column;
padding-top:var(--wp--preset--spacing--x-large);
padding-bottom:var(--wp--preset--spacing--x-large);
justify-content: center;
}
.store-page-wrap{
display: flex; 
flex-direction: column; 
gap: 3rem; 
}
.products{
display: grid; 
gap: 3rem; 
padding-inline-start: 0;
}
.columns-4{
grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
container-type: inline-size;
gap: var(--wp--preset--spacing--large);
}
li.product{
list-style-type: none;
display: flex;
flex-direction: column;
gap: .5rem;
}
li.product .add_to_cart_button{
display: none;
}
li.product form{
display: none;
}
li.product h3{
margin: 0;
font-size: var(--wp--preset--font-size--base);
}
li.product h3 a{
text-decoration: none;
}
li.product .woocommerce-price-suffix{
display: none;
}
li.product:has(.onsale){
position: relative;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale  {
position: absolute;
top: 5px;
left: 5px;
right:unset;
background-color: var(--wp--preset--color--primary-alt);
color: var(--wp--preset--color--main);
padding: 3px 10px;
text-transform: uppercase;
font-weight: bold;
border-radius: 3px;
}
:where(.wc-block-mini-cart__badge) {
background-color: var(--wp--preset--color--primary-alt) !important;
color: var(--wp--preset--color--main) !important;
}
.kk-post-thumbnail, .input.search_store_products{
border-radius: 5px;
}
.dokan-store-products-filter-area .dokan-store-products-ordeby {
display: flex;
gap: 10px;
}
.dokan-store-products-filter-area .search-store-products {
padding: 0px 15px !important;
}
.dokan-store-products-filter-area .product-name-search {
height: 40px;
border: solid 1px var(--wp--preset--color--border-light) !important;
background-color: #fff;
float: left;
width: 190px !important;
}
@media (min-width:768px){
.dokan-store-products-filter-area .orderby {
margin-left: auto;
}}
.w-full{
width: 100%;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).rtwpvs-button-term {
border-radius: 5px;
height: 60px !important;
text-align: center;
width: 80px !important;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term) {
align-items: center;
background-color: #fff;
box-shadow: 0 0 0 0 rgba(0, 0, 0, .3) !important;
box-sizing: border-box;
cursor: pointer;
display: flex;
justify-content: center;
padding: 2px;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover {
box-shadow: 0 0 0 2px rgba(0, 0, 0, .3) !important;
border-radius: 5px;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected, .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected:hover {
box-shadow: 0 0 0 0px #000 !important;
border-radius: 5px;
outline: 2px solid black;
outline-offset: 2px;
border-radius: 5px;
}
.rtwpvs-button-term span {
font-size: 18px !important;
line-height: normal;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).rtwpvs-color-term .rtwpvs-term-span-color {
height: 60px !important;
position: relative;
width: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
border-radius: 5px;
}
.rtwpvs-term:not(.rtwpvs-radio-term) {
width: 60px !important;
height: 60px !important;
border-radius: 5px;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term) {
align-items: center;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
box-sizing: border-box;
cursor: pointer;
display: flex;
justify-content: center;
padding: 2px;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).rtwpvs-color-term .rtwpvs-term-span-color:after {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .5) !important;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
td.value {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 50px;
}
.woo_sc_call_popup:hover { 
transform: scale(1); box-shadow: 0px 0px 0 0 #3ac0ff;
background-color: var(--wp--preset--color--border-dark);
}
.product-template-default .woocommerce-price-suffix
{ 
font-size: var(--wp--preset--font-size--small);
}
.wc-block-grid__product-price{
display: flex ;
align-items: center;
gap: 20px;
}
.product-template-default .wp-block-post-title{
font-size: var(--wp--preset--font-size--large);
font-weight: bold;
color: var(--wp--preset--color--primary);
}
.woocommerce-breadcrumb{
display: none;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
content: " ";
display: none !important;
}
.products li.product img{
aspect-ratio: 1/1;
width: 100%;
border-radius: 5px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0;
padding: 0;
position: relative;
width: 100%;
margin-left: 0;
}
.woocommerce ul.products li.product .button {
display: none;
margin-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
}
ol.flex-control-thumbs {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
}
.woocommerce div.product div.images img {
border-radius: 5px;
}
.additional_information_tab{
display: none !important;
}
.woocommerce div.product form.cart table.variations th {
width: 80px;
}
.woocommerce .wp-block-woocommerce-product-image-gallery {
max-width: 100%;
}
[data-rtwpvs-tooltip="Valkoinen"] .rtwpvs-term-span {
border:1px solid var(--wp--preset--color--primary)
}
#woo-carrier-agents-search-button {
background-color: var(--wp--preset--color--main-accent);
border-color: black;
border-radius: 5px;
border-style: solid;
border-width: 1px;
padding: .5rem 1rem;
}
.woocommerce-checkout .wc-block-components-product-metadata__description,
.woocommerce-checkout .wc-block-components-product-details__vendor {
display: none;
}
.woocommerce-account .woocommerce {
max-width: var(--wp--style--global--wide-size);
}
.form-group.user-role{
display: flex;
justify-content: space-between;
}
input[type="checkbox"]
{
border-radius: 9999px !important;
}            
.wp-block-woocommerce-order-confirmation-status h1{
font-size: var(--wp--preset--font-size--base);
color: var(--wp--preset--color--border-dark)
}
.wc-item-meta{
padding-inline-start: 0;
}
.woocommerce-order-details__title, .woocommerce-page .woocommerce-column__title, .woocommerce-page .woocommerce-customer-details h2{
font-size: var(--wp--preset--font-size--medium);
}
.ninja-forms-field[type="submit"]{
background-color: var(--wp--preset--color--main);
color: var(--wp--preset--color--base);
border:0;
border-radius: 5px;
font-family: inherit;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
line-height: inherit;
padding-top: .6em;
padding-right: 1em;
padding-bottom: .6em;
padding-left: 1em;
&&:hover{
text-decoration: underline;
}
}
.dokan-store-products-filter-area .product-name-search {
height: 40px;
border: solid 1px #eee;
background-color: #fff;
float: left;
width: 250px;
font-size: var(--wp--preset--font-size--x-small);
}