/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.single-product .wc-pao-addon {
	padding: 2% 1%;
	border-bottom: 1px solid #ccc;
}

.single-product .fmc-order-row {
	font-size: 1.1rem;
}

.single-product #wc-pao-addon-4563-11, .single-product #wc-pao-addon-4435-11, .single-product #wc-pao-addon-4565-11 {
	padding-top: 14.4px;
    padding-bottom: 0;
    padding-left: 12px;
    background-color: #f6f6f6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.single-product #wc-pao-addon-4563-11 h2, .single-product #wc-pao-addon-4435-11 h2, .single-product #wc-pao-addon-4565-11 h2 {
	margin-top: 0;
}

.single-product #wc-pao-addon-4563-11 h2, .single-product #wc-pao-addon-4563-11 .wc-pao-addon-description {
	font-size: 0.9rem !important;
}

.single-product #wc-pao-addon-4435-11 h2, .single-product #wc-pao-addon-4435-11 .wc-pao-addon-description {
  font-size: 0.9rem !important;
}

.single-product #wc-pao-addon-4565-11 h2, .single-product #wc-pao-addon-4565-11 .wc-pao-addon-description {
  font-size: 0.9rem !important;
}

.e-atc-qty-button-holder button.disabled {
	background-color: orange !important;
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}

.elementor-kit-4 a {
  font-weight: 700;
}

.elementor-kit-4 .product h3 {
  padding-right: 10%;
}

/* Hide the label (and its colon) for the custom “bundle text” row */
.woocommerce dl.variation dt.variation-, tr.woocommerce-cart-form__cart-item td dl.variation dt.variation- {
    display: none !important;
}

.woocommerce dl.variation dd.variation-, tr.woocommerce-cart-form__cart-item td dl.variation dd.variation- {
    margin-top: 16px !important;
}

.dispatch-device-warning {
  font-weight: 700;
}

/* Info button */
.pi-info-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 20;
}

.pi-info-btn img {
  display: block;
  width: 50px;
  height: auto;
}

/* Simple modal */
.pi-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;     /* extra safety */
  transition: opacity 0.25s ease;
  padding: 5vh 20px;        /* keeps spacing when visible */
}

.pi-modal.is-visible {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  pointer-events: auto;
}

.pi-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.pi-modal__dialog {
  position: relative;
  max-width: 1020px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 24px 24px 16px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

.pi-modal__close {
  position: absolute;
  top: 24px;
  right: 12px;
  border: none;
  background: transparent;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
}

.pi-modal__body {
  max-height: 70vh;
  padding-right: 5vh;
  overflow-y: auto;
}

/* Prevent background scroll when modal open */
body.pi-modal-open {
  overflow: hidden;
}

.wc-pao-addon-container {
  position: relative;
}

.pi-addon-product-image {
  position: absolute;
  top: 8px;
  right: 90px;   /* adjust to sit left of the INFO icon */
  max-width: 70px;
}

/* Generic styling */
.pi-addon-product-image {
    position: absolute;
    left: -100px;
    top: 8px;
}
.pi-addon-product-image.pi-addon-product-image--contact-tablet {
    left: -165px;
}
.pi-addon-product-image img {
    display: block;
}

/* Specific images */
.pi-addon-product-image--maksupaate img {
    min-width: 100px;
    height: auto;
}

.pi-addon-product-image--contact-phone img {
    min-width: 80px;
}

.pi-addon-product-image--contact-tablet img {
    min-width: 150px;
}

.dispatch-warning {
  margin: 10px 0 6px;
  padding: 8px 12px;
  background: #ffe9e3;
  border-left: 4px solid #e53935;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
}

.semel-view-product-button {
    cursor: pointer;
}

/* Bigger radio buttons */
/* Enlarge radios */
input[type="radio"] {
    transform: scale(1.3);
    transform-origin: top left;   /* ensure consistent scaling */
    margin-right: 8px;            /* spacing from label */
    position: relative;
    top: 1px;                     /* adjust this value until perfectly centered */
}

/* Enlarge checkboxes */
input[type="checkbox"] {
    transform: scale(1.3);
    transform-origin: top left;
    margin-right: 8px;
    position: relative;
    top: 1px;                     /* tweak this for perfect vertical alignment */
}


.woocommerce-billing-fields .semel-installation-shop-row .description {
  font-size: 0.9em;
  color: #555;
  margin-top: 4px;
}

/* Make the installation shop dropdown full-width */
#billing_installation_shop_field .woocommerce-input-wrapper,
#billing_installation_shop_field .select2,
#billing_installation_shop_field .select2-container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

/* Remove the Select2 clear (X) button */
.select2-selection__clear {
    display: none !important;
}

.woocommerce-shipping-fields__field-wrapper label {
  font-size: 0.9rem;  
}

/* Hide the shipping row ("Toimitus / Maksuton toimitus") everywhere */
.woocommerce-cart .cart_totals .woocommerce-shipping-totals.shipping ul.woocommerce-shipping-methods,
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping {
    display: none !important;
}



@media (max-width: 1600px) {

  .pi-info-btn {
    right: -30px;
  }

}

@media (max-width: 1440px) {

  .pi-info-btn {
    right: -60px;
  }

}

@media only screen and (max-width: 797px) {

    .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb, .woocommerce-breadcrumb {
      font-size: 0.75rem !important;
    }

    .elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link {
      max-width: 250px !important;
    }

    .elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link img {
        margin-left: 0px !important;
    }

    .elementor-4356 .elementor-element.elementor-element-e3479c8.elementor-element {
        position: absolute; width: auto; right: 0px;
    }

    .elementor-kit-4 h3 {
        font-size: 1.1rem !important;
        width: 85%;
    }

    .elementor-kit-4 .product h3 {
      padding-right: 5%;
    }

    .elementor-kit-4 p {
        font-size: 0.85rem !important;
    }

    .elementor-kit-4 a {
      font-weight: 700;
      font-size: 0.75rem !important;
    }

    .elementor-kit-4 button {
      padding: 0.2rem 0.4rem;
    }

    .wc-pao-addons-container {
        font-size: 0.85rem !important;
    }

    .pi-info-btn {
        right: 0px;
    }

    .pi-info-btn img {
      display: block;
      width: 40px;
      height: auto;
    }

    .woocommerce form .form-row label {
      line-height: 1.2;
    }

    .woocommerce .wc-pao-addon .wc-pao-addon-wrap label {
      display: inline-block;
      width: 90%;
      margin: 5px 0 5px 2px;
    }

    .pi-modal__dialog {
      padding: ;
    }

    .pi-modal__body {
      font-size: 0.9rem;
      padding-right: 3vh;
    }

    .pi-modal__body iframe {
      width: 100% !important;
      height: 100% !important;
    }

    #wp-admin-bar-elementor_notes {
      display: none !important;
    }


}