/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
Lisää alapuolelle muokattua CSS tyyliä
*/
leipateksti-resp {hyphens:auto;}

body.page .woocommerce-product-gallery__wrapper {
    display: none;
}

/* WooCommerence Pages Widgetin muokkaus alkaa*/
.small.woocommerce-price-suffix {
  display: block;
  font-size: 60%;
}

.woocommerce-product-details__short-description
 {
	 display: none;
    font-size: 19px;
    font-weight: 450;
    letter-spacing: 0.7px;
    line-height: 20px
}
/* Landing page -piilotukset.
   Ei käytetä WooCommercen varsinaisilla tuotesivuilla */

body.page .product_meta {
    display: none;
}

body.page .products.columns-4 {
    display: none;
}

body.page .woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}

body.page .tp-woo-swatches {
    display: none;
}

body.page .product_title.entry-title {
    display: none;
}

body.page .sku_wrapper {
    display: none;
}
/* Piilota tuotekuva landing-sivuilla 

.page-id-9338 .woocommerce-product-gallery, 
.page-id-9660 .woocommerce-product-gallery,
.page-id-11390 .woocommerce-product-gallery,
.page-id-10156 .woocommerce-product-gallery {
    display: none !important;
}

.page-id-9338 .woo-variation-product-gallery,
.page-id-9660 .woo-variation-product-gallery,
.page-id-11390 .woo-variation-product-gallery,
.page-id-10156 .woo-variation-product-gallery {
    display: none !important;
}*/

/* UNITY-tuote (ID 39142) - näytä piilotetut elementit 

.postid-39142 .products.columns-4 {
    display: block !important;
}

.postid-39142 .woocommerce-tabs.wc-tabs-wrapper {
    display: block !important;
}

.postid-39142 .tp-woo-swatches {
    display: block !important;
}

.postid-39142 .product_title.entry-title {
    display: block !important;
}

.postid-39142 .sku_wrapper {
    display: block !important;
}*/

/* Piilota WooCommercen variaatiotaulukko kaikkialta */
.shop-variations-table {
    display: none !important;
}

/* Piilota otsikko "Available Options" kaikkialta */
h4,
h4:has(+ .shop-variations-table),
.shop-variations-table + h4 {
    display: none !important;
}



/*_______________verkkokaupan variaatiokuvien MUOKKAUS ALKAA __________*/
/* Ohjaa swatchin peruskokoa responsiivisesti */
.single-product .variations_form .variable-items-wrapper {
  /* min 44px, mukava skaala 8vw, max 92px */
  --swatch-size: clamp(44px, 8vw, 120px);
  --swatch-radius: 6px;
  --swatch-gap: 10px;
}

/* Tee swatcheista neliöitä, jotka skaalautuvat */
.single-product .variations_form .variable-items-wrapper .variable-item:not(.radio-variable-item) {
  width: var(--swatch-size) !important;
  height: var(--swatch-size) !important;
  border-radius: var(--swatch-radius);
  overflow: hidden;
  padding: 0;
  line-height: 0;
}

/* Asettele ruudukoksi ja lisää väliä */
.single-product .variations_form .variable-items-wrapper ul.variable-items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--swatch-gap);
}

/*_______________ADD TO CART-painikkeen  MUOKKAUS ALKAA __________*/

/* === Variable products: BEFORE selecting variation (disabled / selection needed) === */
.woocommerce div.product form.cart button.single_add_to_cart_button.wc-variation-selection-needed,
.woocommerce div.product form.cart button.single_add_to_cart_button.disabled,
.woocommerce div.product form.cart button.single_add_to_cart_button:disabled,
.woocommerce div.product form.cart button.single_add_to_cart_button[disabled],
.woocommerce div.product form.cart button.single_add_to_cart_button[aria-disabled="true"] {
  background-color: #d3d3d3 !important; /* light grey */
  color: #ffffff !important;            /* white text */
  border-color: #d3d3d3 !important;
  opacity: 1 !important;                /* prevent themes from fading it */
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* Keep the same color on hover/focus while disabled (prevents purple hover) */
.woocommerce div.product form.cart button.single_add_to_cart_button.wc-variation-selection-needed:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button.disabled:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:disabled:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button[disabled]:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button[aria-disabled="true"]:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button.wc-variation-selection-needed:focus,
.woocommerce div.product form.cart button.single_add_to_cart_button.disabled:focus,
.woocommerce div.product form.cart button.single_add_to_cart_button:disabled:focus,
.woocommerce div.product form.cart button.single_add_to_cart_button[disabled]:focus,
.woocommerce div.product form.cart button.single_add_to_cart_button[aria-disabled="true"]:focus {
  background-color: #d3d3d3 !important;
  color: #ffffff !important;
  border-color: #d3d3d3 !important;
}

/* AFTER selecting variation (enabled) */
.woocommerce div.product form.cart button.single_add_to_cart_button:not(:disabled):not(.disabled):not(.wc-variation-selection-needed) {
  background-color: #4a4a4a !important;
  color: #ffffff !important;
  border-color: #4a4a4a !important;
}

/* Extra specificity if theme forces .button color */
.woocommerce div.product form.cart .single_add_to_cart_button.button:disabled,
.woocommerce div.product form.cart .single_add_to_cart_button.button.disabled,
.woocommerce div.product form.cart .single_add_to_cart_button.button.wc-variation-selection-needed {
  background-color: #d3d3d3 !important;
  color: #ffffff !important;
}

/* Enabled state with theme override protection */
.woocommerce div.product form.cart .single_add_to_cart_button.button:not(:disabled):not(.disabled):not(.wc-variation-selection-needed) {
  background-color: #4a4a4a !important;
  color: #ffffff !important;
  border-color: #4a4a4a !important;
}

/***Disable light box*****/

/* Piilotetaan tuotekuva WooPages-pluginista Flex, MOSSaic, Sphere, Island ja Colored moss sivuilta */
/* Piilota koko variaatiogalleria (pääslideri + thumbnailit) 
.page-id-9338 .single-product .woo-variation-product-gallery,
.page-id-9338 .single-product .woo-variation-gallery-wrapper,
.page-id-9338 .single-product .woo-variation-gallery-container,
.page-id-9338 .single-product .woo-variation-gallery-slider-wrapper,
.page-id-9338 .single-product .woo-variation-gallery-thumbnail-wrapper,

.page-id-9660 .single-product .woo-variation-product-gallery,
.page-id-9660 .single-product .woo-variation-gallery-wrapper,
.page-id-9660 .single-product .woo-variation-gallery-container,
.page-id-9660 .single-product .woo-variation-gallery-slider-wrapper,
.page-id-9660 .single-product .woo-variation-gallery-thumbnail-wrapper,

.page-id-11390 .single-product .woo-variation-product-gallery,
.page-id-11390 .single-product .woo-variation-gallery-wrapper,
.page-id-11390 .single-product .woo-variation-gallery-container,
.page-id-11390 .single-product .woo-variation-gallery-slider-wrapper,
.page-id-11390 .single-product .woo-variation-gallery-thumbnail-wrapper,

.page-id-10156 .single-product .woo-variation-product-gallery,
.page-id-10156 .single-product .woo-variation-gallery-wrapper,
.page-id-10156 .single-product .woo-variation-gallery-container,
.page-id-10156 .single-product .woo-variation-gallery-slider-wrapper,
.page-id-10156 .single-product .woo-variation-gallery-thumbnail-wrapper {
  display: none !important;
}*/

/* (Valinnainen) Jos layout on 2‑palstainen, anna kuvapalstalle nolla leveys mobiilissa*/ 
/*@media (min-width: 768px) {
  .single-product div.product .images,
  .single-product div.product .woocommerce-product-gallery {
    display: none !important; /* jos teema käyttää näitä luokkia 
  }
}


/* Disable any click‑popup / lightbox on WooCommerce product images */
.woocommerce-product-gallery__image a,
.woocommerce div.product div.images a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link img {
    pointer-events: none !important;
    cursor: default !important;
}

/* Hide WooCommerce's zoom/lightbox trigger icon if present */
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Prevent magnifier overlays (some plugins inject .zoomImg) */
.zoomImg,
.woocommerce div.product div.images .zoomImg {
    display: none !important;
    opacity: 0 !important;
}
/* ===== Custom Register Button Styling ===== */
input.custom_wc_register[type="submit"],
.custom_wc_register {
    width: 100% !important;
    background-color: #9AA094 !important; /* grey button color */
    color: #ffffff !important;           /* white text */
    font-weight: 700 !important;
    font-size: 18px !important;
    border: none !important;
    border-radius: 18px !important;      /* rounded corners */
    padding: 18px 22px !important;
    cursor: pointer !important;
    display: block !important;
    text-align: center !important;
}

/* Hover / focus (no color change) */
input.custom_wc_register[type="submit"]:hover,
input.custom_wc_register[type="submit"]:focus,
.custom_wc_register:hover,
.custom_wc_register:focus {
    background-color: #9AA094 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
}
/*------------Spinneri painikkeeseen--------------*/
input.custom_wc_register.loading {
    background-color: #7F867D !important;
    position: relative;
    color: transparent !important;
}

input.custom_wc_register.loading::after {
    content: "";
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -11px;
    margin-left: -11px;
    animation: spinner 0.7s linear infinite;
}

@keyframes spinner {
    to { transform: rotate(360deg); }
}

.price
{
	background-color: #ffffff;
	color: #5D5956 !important;
}