/*
Theme Name: Kisa25
Theme URI: 
Author: Kalle Kemilä
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ollie
Text Domain: kisa25
Tags: 
*/

: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); /* cubic-bezier(0.4, 0, 0.2, 1) */
    transition-duration: var(--default-transition-duration); /* 150ms */

    &: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 {
                /* float: left; */
                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);
                                                }