/*

Theme Name:     Kallyas Child Theme

Theme URI:      http://kallyas.net/

Description:    Child theme for the Kallyas theme

Author:         Hogash

Author URI:     http://themeforest.net/user/hogash

Template:       kallyas

Version:        1.0.0

Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready

Text Domain:  zn_framework

*/



:root {

    --color-accent-smpl: #f7ebe5;

}



.woocommerce-checkout .woocommerce form .form-row#billing_type_field {

    background: var(--color-accent-smpl);

    padding: 10px 24px;

    display: block;

    border-radius: 5px;

    border: 1px solid rgba(0, 0, 0, .1);

}





.woocommerce-order-received table.shop_table td small.shipped_via {

    display: none;

}



.woocommerce-checkout .woocommerce-shipping-totals.shipping {

    background: var(--color-accent-smpl);   

}



#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {

    background: var(--color-accent-smpl);

    border: 1px solid rgba(0, 0, 0, .1);

}



#add_payment_method #payment div.payment_box, 

.woocommerce-cart #payment div.payment_box, 

.woocommerce-checkout #payment div.payment_box {

    background-color: #ffccb3;

}



#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 #ffccb3;

    border-right-color: transparent;

    border-left-color: transparent;

    border-top-color: transparent;

}



#shipping_method span {

    font-size: 12px;

    color: #5e5e5e;

    line-height: 1.2;

    letter-spacing: 0.03em;

    display: block;

    font-weight: 400;

    text-transform: uppercase;

}



.borica-custom-intro {

    margin-bottom: 8px;

    background: #fff;

    padding: 5px 10px;

    border-radius: 2px;

}



.borica-custom-intro img.borica_cards {

    margin-top: 6px !important;

    margin-left: 0 !important;

}



.woocommerce-checkout .includes_tax,

.cart .includes_tax,

.includes_tax {

    display: none;

}

.woocommerce div.product div.summary a.compare, 

.woocommerce ul.products li.product .product-list-item > a.compare {

    background-color: #4C4D4F;

    /* display: inline-block; */

    display: block;

    width: max-content;

    padding: 3px 8px;

    margin-left: -6px;

    /* margin-top: 4px; */

    max-width: 50%;



}



.woocommerce ul.products li.product .product-list-item > a.compare input[type="checkbox"]:checked::after {

    content: "✔";

    color: #ffffff;

    background-color: #f26522;

    font-size: 14px;

    display: block;

    text-align: center;

    line-height: 1;

    width: 100%;

    height: 100%;

}



.woocommerce ul.products li.product .product-list-item > a.compare {

    position: absolute;

    margin-top: 6px;

    transition: all 0.5s ease-in-out;

}



.woocommerce ul.products li.product .product-list-item > a.compare .label{

    display: none;

    transition: all 0.5s ease-in-out;

}



.woocommerce ul.products li.product .product-list-item > a.compare:hover .label {

    display: inline;

}



.woocommerce ul.products li.product .product-list-item > a.compare::after {

    content: '';

    display: inline-block;

    width: 19px;

    height: 19px;

    background-image: url('/wp-content/themes/kallyas-child/libra_icon.svg');

    vertical-align: middle;

    margin-left: 4px;

    transition: all 0.5s ease-in-out;

}



.woocommerce ul.products li.product .product-list-item > a.compare:hover::after  {

    display: none;

}





.woocommerce div.product div.summary a.compare {

    margin-left: 0 !important;

}



.woocommerce div.product div.summary a.compare input, 

.woocommerce ul.products li.product .product-list-item > a.compare input {

    vertical-align: middle;

    margin: 0;

    position: static;

}



.woocommerce div.product div.summary a.compare .label, 

.woocommerce ul.products li.product .product-list-item > a.compare .label {

    color: #fff;

    vertical-align: middle;

}



.woocommerce div.product div.summary a.compare {

    background-color: var(--cc-btn-primary-bg);

    margin-left: 12px;

}



.woocommerce ul.products li.product .product-list-item.prod-layout-style2 {

    display: flex;

    flex-wrap: wrap;

}



.woocommerce ul.products li.product-category .product-list-item.prod-layout-style2 {

    justify-content: center;

}



.woocommerce ul.products li.product a img {

    margin-top: 10px !important;

    aspect-ratio: 235 / 149;

    width: 100% !important;

    height: auto;

}





.smpl-kw-actions {

    width: 100%;

    text-align: center;

}



.smpl-kw-actions .actions-moreinfo {

    background-color: #f26522;

    display: inline-block;

    padding: 8px 8px;

    margin-top: -4px;

    margin-bottom: 6px;

    margin-right: auto;

    margin-left: auto;

    color: #fff;

    font-weight: 600;

    line-height: 2;

    width: 95%;

    text-align: center;

    border-radius: 0;

}



.smpl-kw-actions .actions-moreinfo:hover {

    color: #fff;

    background-color: #B64C1A;

}

.woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details {

    padding: 20px 20px 20px;

}

.woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-desc {

    margin-bottom: 0;

}

.woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-desc p {

    margin-bottom: 10px;

}



.woocommerce ul.products li.product {

    margin: 0 0 1rem;

    padding: 0 0.75rem;



}



.woocommerce form .form-row label.checkbox, 

.woocommerce-page form .form-row label.checkbox {

    display: block;

    line-height: 1.4;

    margin: 0;

}



.payment_method_borica_woo_payment_gateway .borica_panel {

    display: none !important;

}





/* @media(max-width: 1199px){



} */





@media(max-width: 767px) {

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {

        margin: 0 0 1.592em;

    }



    .smpl-kw-actions .actions-moreinfo {

        margin-bottom: 10px;

    }



}





@media(max-width: 500px) {

    .woocommerce ul.products li.product:not(.product-category) .product-list-item.prod-layout-style2 {

        flex-direction: column;

    }



    .woocommerce .kallyas-productlist-wrapper:not(.kallyas-wc-cols--2):not(.kallyas-wc-cols--1) ul.products li.product {

        width: 100%;

    }



    .smpl-kw-actions .actions-moreinfo {

        width: 85vw;

    }



}



.headsearch--def .header-search-container {
    padding: 1rem;
}


@media (min-width: 768px) {
    
    .site-header-main-center {
        display: none;
    }
    
    .headsearch--def .header-search-container {
        width: 390px;
    }

}

@media (max-width: 767px) {

    .site-header .site-header-main-center .header-search,
    .site-header .site-header-main-center .topnav--lang,
    .site-header .site-header-main-center .topnav--log,
    .site-header .site-header-main-center .topnav--reg,
    .site-header .site-header-main-center .kl-header-toptext
    .site-header .site-header-main-center .topnav--sliding-panel,
    .site-header .site-header-main-center .social-icons,
    .site-header .site-header-main-center .zn_header_top_nav-wrapper,
    .site-header .site-header-main-center .topnav--cart {

        display: block !important;
        margin: 0;

    }

    .site-header .site-header-main {
        flex-wrap: wrap;
    }

    .site-header .site-header-main .site-header-col-left {
        display: none;
    }

    .site-header .topnav-drop:hover .topnav-drop-panel {
        opacity: 0;
        visibility: hidden;
    }

    /* .site-header .site-header-main-center, .site-header .site-header-main-right {
        flex-basis: min-content !important;
    } */

    .site-header .site-header-main {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .site-header .site-header-main-center {
        width: 60%;
    }
    
    .site-header .site-header-main-right {
        width: 40%;
    }

    .zn-menuBurger[class*="--s"] {
        margin: 0;
    }

    .site-header .sh--dark .site-header-separator:first-of-type {
        display: none !important;
    }


    /* sticky mobile header */
    body:has(> #totop.on--totop) > #page_wrapper .site-header {
        position: fixed !important;
        top: 0;
        left: 0;
    }

    /* body:has(> #totop.on--totop) > #page_wrapper .site-header .site-logo {
        padding: 0;
    } */

    body:has(> #totop.on--totop) > #page_wrapper .site-header .site-logo .site-logo-anch img {
        width: 70%;
    }

}


@media(max-width: 345px) {
    .site-header .site-header-main-right .site-header-main-right-top {
        justify-content: flex-start;
    }

    .site-header .site-header-main-right .sh-component:last-child {
        margin: 0 0 10px 0;
    }
}

/*
Subheader stylеs
*/

.ph-content-wrap .ph-content-v-center .col-sm-6 {
	width: 100%;
}

.ph-content-wrap .ph-content-v-center .row {
	display: flex;
	flex-direction: column;

}

.ph-content-wrap .ph-content-v-center .subheader-titles {
	margin-top: 0;
	text-align: left;
}

.ph-content-wrap .ph-content-v-center .subheader-titles h2.subheader-maintitle {
	font-size: 34px;
}
.page-subheader.zn_def_header_style .ph-content-wrap,
.eluid9a7cdede.page-subheader .ph-content-wrap {
	position: relative;
    	transform: translateY(50%);
    	bottom: -50%;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.page-subheader.zn_def_header_style, .zn_pb_wrapper .eluid9a7cdede.page-subheader {
	min-height: 40vh !important;
	height: auto !important;
	padding-top: 120px;
}

@media(max-width: 991px) {
	.ph-content-wrap .ph-content-v-center .subheader-titles h2.subheader-maintitle {
		font-size: clamp(1.5rem, 1.5rem + 1.0091vw, 2.125rem);
	}
}

@media(max-width: 768px) {
	.page-subheader.zn_def_header_style, .page-subheader.uh_zn_def_header_style,
	.zn_pb_wrapper .eluid9a7cdede.page-subheader {
		min-height: 25vh !important;
		height: auto !important;
		padding-top: 10px;
	}
	.page-subheader.zn_def_header_style .ph-content-wrap,
	.eluid9a7cdede.page-subheader .ph-content-wrap {
    		transform: translateY(5%);
    		bottom: -5%;
	}
	.site-content.shop_page,
	.zn_section.eluidf167ee97 {	
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	.breadcrumbs.bread-style--black {
		margin-bottom: 12px !important;
	}
    	.breadcrumbs.bread-style--black li {
		font-size: 10px;
		padding: 5px 5px !important;
	}
	.breadcrumbs.bread-style--black {
		padding: 0 0;
	}
    	.fxb-col .site-header-main-right-top {
		padding-right: 10px;
    	}
}

