/*!
Theme Name: Helpotkotisivut
Theme URI: https://www.helpotkotisivut.fi/wordpress-kotisivut/
Template: kadence
Author: Helpotkotisivut
Author URI: https://www.helpotkotisivut.fi/
Description: Helppojen kotisivujen lapsiteema pohjautuen Kadence teemaan
Version: 0.3
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Wordbreak */
h1, h2, h3, h4, h5, h6, p, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {word-break: keep-all; hyphens: none; word-wrap: initial;}

/* Main Header shadow */
#main-header .item-at-start {transition: box-shadow ease-in-out 200ms;}
#main-header .item-is-stuck {box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05); transition: all ease-in-out 200ms;}

/* Mobile menu */
.drawer-header {padding: 0 1rem 0!important;}
.popup-drawer .drawer-content {padding: 0 1rem 2rem!important;}

.header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.kadence-menu-mega-columns-1)>ul.sub-menu {grid-gap: 0!important;}
.header-navigation.header-navigation-dropdown-animation-none .header-menu-container ul.menu>li.kadence-menu-mega-width-custom>ul.sub-menu {-webkit-transform: none!important; transform: none!important; left: 0!important;}

/* Links no underline */
a, p a {text-decoration: none!important;}

/* Search */
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {padding: 12px 16px 12px 40px!important; line-height: 16px!important; font-size: 15px!important;}
@media (max-width: 1024px) {.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {background: transparent!important;}}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {min-height: 30px!important; min-width: 30px!important; height: 30px!important; width: 30px!important; left: 20px!important; top: 17px!important;}
.dgwt-wcas-details-desc, .dgwt-wcas-details-hr {display: none!important;}

/* Fluent Forms */
.fluentform form {margin: 0!important;}
.fluentform input, .fluentform textarea , .fluentform select {padding: .6rem!important; border-radius: 0!important; font-size: 1rem!important;}
.fluentform .ff-el-group {margin-bottom: 1rem!important;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {top: 0!important; width: 1.2rem!important; height: 1.2rem!important; margin-right: .4rem!important;}
.fluentform .ff-el-tc {margin-top: -.8rem!important; font-size: 1rem!important;}
.ff-default .ff-el-form-control:focus {border-color: #000!important;}

/* GDPR Cookie icon */
.cky-revisit-bottom-left {bottom: .5rem!important; left: .5rem!important;}
.cky-btn-revisit-wrapper .cky-btn-revisit img {height: 1.8rem!important; width: 1.8rem!important;}
.cky-btn-revisit-wrapper {width: 2.5rem!important; height: 2.5rem!important;}
.cky-switch input[type="checkbox"] {border-radius: 50px!important;}

/* Carts */
#cart-drawer h2.side-cart-header {font-size: 1rem!important;}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {font-weight: 400; font-size: 1rem !important;}
.widget_ywraq_list_quote .yith-ywraq-list-item-product-info {font-weight: 400!important;}
.widget_ywraq_list_quote .button {margin-top: 1rem;}

/* Widgets */
.widget-area ul {margin: 0!important; padding: 0!important;}
#widget-toggle {border: none!important; border-left: 1px solid #000!important; border-right: 1px solid #000!important; padding: 0 .6rem;}
@media (max-width: 1024px) {#widget-toggle {border: none!important; border-left: none!important; border-right: none!important; padding: 0!important;}}
#widget-toggle .widget-toggle-icon {display: none!important;}

/* Single Product */
.woocommerce.single-product .product .yith-ywraq-add-to-quote, .woocommerce.single-product .product .yith-ywraq-add-to-quote .add-request-quote-button {margin: 0!important;}
.woocommerce.single-product .product .yith-ywraq-add-to-quote .add-request-quote-button {padding: .5rem 1.725rem!important;}
.woocommerce div.product .stock {color: green!important;}
.woocommerce.single-product .product .quantity {margin: 0!important;}
.woocommerce.single-product .product .qty {line-height: 20px!important; padding: .5rem .2rem!important; border-radius: 0!important;}

/* Variations */
.variations .kad_radio_variations label {font-size: .9rem!important; padding: 2px 8px!important;}

/* Request a quote btn */
.woocommerce-page .button, .wc-block-grid__product.woo-archive-btn-button .wc-block-grid__product-add-to-cart .wp-block-button__link, .dgwt-wcas-pd-addtc-form p .button {font-size: .9rem!important; padding: 0.5rem 1.2rem!important; background: #000!important; color: #fff!important; line-height: 20px!important; border: 1px solid transparent!important;}
.woocommerce ul.products.woo-archive-btn-button li.product .button.added {height: unset!important;}
.add-request-quote-button {font-size: .9rem!important; padding: 0.5rem 1.2rem!important; background: #f5f5f5!important; margin-top: .5rem!important; line-height: 20px!important; height: 100%!important; color: #000!important; border: 1px solid var(--ywraq_layout_button_border_color)!important;}
.yith_ywraq_add_item_product_message, .yith_ywraq_add_item_response_message, .yith_ywraq_add_item_browse_message {font-size: .8rem;}
.yith_ywraq_add_item_browse_message {color: var(--global-palette1)!important;}

/* Request a quote list page */
.yith-ywraq-before-table-wc-backward {background: #f5f5f5!important; color: rgba(0, 0, 0, .75)!important; border-color: rgba(0, 0, 0, .25)!important;}
#yith-ywraq-form .ywraq_clean_list, #yith-ywraq-form .update-list-wrapper input[type="submit"] {background: transparent!important; border-color: #000!important; color: #000!important; margin: 0!important;}
#ywraq-list-to-pdf {background: #000!important; border-color: #000!important; color: #fff!important;}
#yith-ywraq-form table.cart .product-thumbnail {max-width: 50px!important;}
#yith-ywrq-table-list a {color: #000!important;}
.yith-ywraq-mail-form-wrapper {padding: 0!important;}
@media (max-width: 1024px) {#yith-ywraq-default-form .raq-send-request {width: 100%!important;}}
@media (max-width: 768px) {.yith-ywraq-before-table-wc-backward {width: 100%!important; text-align: center;} table.shop_table.ywraq_responsive .product-remove {padding: 0!important;} #yith-ywraq-form table.cart .product-thumbnail {max-width: 100%!important;} #yith-ywrq-table-list a:not(.product-remove a) {font-size: .75rem;} #yith-ywraq-form table.shop_table td {padding: .25rem!important;} #yith-ywraq-form .update-list-wrapper {flex-direction: column; gap: .75rem;} #yith-ywraq-default-form .form-row.form-row-first, #yith-ywraq-default-form .form-row.form-row-last {width: 100%!important;}}

/* Notices */
#main .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {color: #fff!important; padding: 0 1rem 0 0!important; opacity: .8!important; margin: 0 .6rem 0 0!important; border-right: 1px solid var(--kwsb-color)!important;}
.woocommerce .woocommerce-notices-wrapper>*:not(.cart-empty) .kwsb-close, .woocommerce-notices-wrapper>*:not(.cart-empty) .kwsb-close {top: .4rem!important; right: .4rem!important;}

/* Blog */
.category-style-pill a {padding: 0.25rem 0.5rem!important; border-radius: 5rem!important;}

/* Blog single */
@media (max-width: 767px) {.kadence-thumbnail-position-behind {margin-bottom: 0!important;}}

/* Shop & Product Archives */
/* Archive instock badge */

.woocommerce ul.products li.product_cat-uudet-esittelyssa a.woocommerce-loop-image-link::before, .front__uutuudet a.woocommerce-loop-image-link::before {
	content: 'Uutuus';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: .8rem;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	padding: 1rem .4rem;
	border-radius: 100%;
	z-index: 2;
}

.single-product .product_cat-uudet-esittelyssa .product_image::before {
	content: 'Uutuus';
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: .8rem;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	padding: 1rem .4rem;
	border-radius: 100%;
	z-index: 2;
}

.woocommerce ul.products li.instock a.woocommerce-loop-image-link::after {
	content: 'Varastossa';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .8rem;
	text-transform: uppercase;
	background: #287d3c;
	color: #fff;
	padding: .2rem .4rem;
	border-radius: 5px;
}

.woocommerce ul.products li.outofstock a.woocommerce-loop-image-link::after, .woocommerce ul.products li.onbackorder a.woocommerce-loop-image-link::after {
	content: 'Tilaustuote';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .8rem;
	text-transform: uppercase;
	background: #ce7b14;
	color: #fff;
	padding: .2rem .4rem;
	border-radius: 5px;
}

/* Sidebar */
.wpb_wmca_theme_minimal > ul > li > a:before {display: none;}

/* Breadcrumbs */
.rank-math-breadcrumb {font-size: .9rem;}
.rank-math-breadcrumb p {margin: 0!important;}
.rank-math-breadcrumb p a {color: rgba(0,0,0,.9)!important;}
.rank-math-breadcrumb p a:hover {color: var(--global-palette1)!important;}
.archive .rank-math-breadcrumb .last, .archive .rank-math-breadcrumb .separator:nth-last-child(1 of .separator) {display: none!important;}

/* Front */
@media (max-width: 1024px) {
    .home .has-4-columns .wc-block-grid__products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.mainokset a img, .woocommerce-loop-image-link img {transition: ease-in-out 200ms all;}
.mainokset a:hover img, .woocommerce-loop-image-link:hover img {transform: scale(1.05); transition: ease-in-out 200ms all;}

/* Checkout */
.woocommerce-info {text-align: center; margin-top: 1rem; color: var(--global-palette1); font-weight: bold;}

/* Jätä tarjouspyyntö */
.jata__tarjous button {
	transform: rotate(-90deg);
    margin: 0px -4.9rem 0px 0px;
    height: auto !important;
    right: 0 !important;
    position: absolute;
    width: max-content;
}

/* Logo mobiili normaalinavi */
@media (max-width:450px) {
	.logo-mobiilinavi {
		display: none;
	}
}

/* Checkout */
.custom-customer-info:before {
    content: url(https://restarama.com/wp-content/uploads/2024/07/asiakastiedot.svg);
    display: inline-grid;
    width: 35px;
    height: 35px;
    left: -7px;
    position: relative;
    top: 7px;
    margin-right: -5px;
}
.custom-payment-title:before {
    content: url(https://restarama.com/wp-content/uploads/2024/07/maksutavat.svg);
    display: inline-grid;
    width: 30px;
    height: 30px;
    left: -3px;
    position: relative;
    top: 7px;
    margin-right: 3px;
}
.custom-customer-info, .custom-payment-title {
	margin-top: -0.5rem;
    font-size: 1.5rem;
}
.woocommerce-shipping-totals.shipping th:before {
    content: url(https://restarama.com/wp-content/uploads/2024/07/toimitus.svg);
    display: inline-grid;
    width: 25px;
    height: 25px;
    left: -7px;
    position: relative;
    top: 7px;
    margin-right: -1px;
}

#ship-to-different-address-checkbox + span {
	font-size: 1rem !important;
}

/* Flex layout for checkbox labels in WooCommerce forms, ensuring alignment and spacing */
.woocommerce form label.woocommerce-form__label-for-checkbox, .woocommerce form label.checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-left: calc(var(--wpz-checkbox-size) + var(--wpz-border-width) + 10px) !important; /* Space for custom checkbox */
    min-height: var(--wpz-checkbox-size); /* Minimum height for touch targets */
    min-width: var(--wpz-checkbox-size); /* Minimum width for touch targets */
}
/* Ensures the default checkbox is visually hidden but remains accessible */
.woocommerce form label.woocommerce-form__label-for-checkbox input[type=checkbox], .woocommerce form label.checkbox input[type=checkbox] {
    padding: 0;
    margin: 0;
    height: 0;
    width: 0;
    display: none;
    position: absolute;
    -webkit-appearance: none; /* Removes default styling */
}
/* Styles for custom checkbox appearance, using pseudo-elements for custom graphics */
.woocommerce form label.woocommerce-form__label-for-checkbox span:after,
.woocommerce form label.woocommerce-form__label-for-checkbox span:before, .woocommerce form label.checkbox span:before, .woocommerce form label.checkbox span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); /* Center vertically */
    display: block;
    background-color: var(--wpz-bg-color);
    box-sizing: content-box;
    border: var(--wpz-border-width) solid var(--wpz-border-color);
    height: var(--wpz-checkbox-size);
    width: var(--wpz-checkbox-size);
    border-radius: var(--wpz-border-radius);
}
/* Custom checkmark appearance for checked state, using SVG for graphics */
.woocommerce form label.woocommerce-form__label-for-checkbox input:checked + span:after, .woocommerce form .form-row label.checkbox input:checked + span:after {
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: var(--wpz-check-size);
    -webkit-mask-image: var(--wpz-mark-url);
    mask-image: var(--wpz-mark-url);
    background-color: var(--wpz-check-color); /* Custom checkmark color */
}
/* Adjusts border color for checked state to match custom checkmark */
.woocommerce form label.woocommerce-form__label-for-checkbox input:checked + span:before, .woocommerce form label.checkbox input:checked + span:before {
    background-color: var(--wpz-checked-bg-color);
    border: var(--wpz-border-width) solid var(--wpz-checked-border-color); /* Checked state border color */
}

.woocommerce-form__label-for-checkbox, .woocommerce form label.checkbox {
    --wpz-bg-color: #E4E8EE;
    --wpz-checked-bg-color: var(--global-palette-btn-bg);
    
    /* Sizing */
    --wpz-checkbox-size: 22px;
    --wpz-check-size: 12px;
    
    /* Check Mark */
    --wpz-check-color: #fff;
    --wpz-mark-url: url("/wp-content/uploads/2024/07/check4.svg");
    
    /* Border */
    --wpz-border-width: 0px;
    --wpz-border-radius: 4px;
    --wpz-border-color: transparent;
    --wpz-checked-border-color: transparent;
    
}
@media (min-width:1025px) and (max-width:1300px) {
	.header-html {
		margin-left: 0 !important;
		margin-right: -1.5rem !important;
		width: 185px !important;
	}
}

.maa {
	display: none;
}

.woocommerce-checkout .woocommerce .woocommerce-notices-wrapper>:not(.cart-empty) a, .woocommerce-checkout .woocommerce-notices-wrapper>:not(.cart-empty) a {
    color: var(--global-palette-highlight);
}