/* Showroom popup
   -------------------------------------------------------------------------------------------
   Ingested 2026-08-21 from a global inline <style> block that the site printed into wp_head on
   every page. The showroom hotspot modal. This is the block that held the 300px cap which clipped the
   portrait 360 spins on 2026-08-21; see style.css for the override that works around it.

   Nothing here has been reformatted or rewritten. The only edit is the removal of the WordPress
   "Add your CSS code here" placeholder comment, where the source carried one. Keeping it verbatim
   is deliberate: it makes the theme copy diffable against the database copy, which is how the
   cut-over in bin/ingest-css-cutover.sh verifies the two match before deleting the original.

   Source block sha1: a5cf3910c0880bfb18b4538f7f9f96ca5e6aaad7
   ------------------------------------------------------------------------------------------- */

.showroom-page {
    height: auto;
    line-height: 0;
}

.showroom-page .product-popup,.showroom-page  .product {
    display: none;
}

body.showing-product {
    overflow: hidden;
}

body.woocommerce.single-product div.product .product_meta .tagged_as {
    display: none;
}

.showroom-page .product-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000a1;
  	z-index:1000;
  	align-items:center;
	justify-content:center;
}

.showroom-page .product {
    max-height: 85vh;
    background: #ffffff;
    max-width: 1000px;
    /* margin: 0 auto; */
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    padding: 50px 50px;
  	display:block;
  	padding-top: 80px;
}

.showroom-page .product-image {
    width: 30%;
    margin-right: 5%;
  	overflow:hidden;
  	max-height:300px;
}

body .image-container iframe, body .image-container object, body .image-container embed {
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: auto;
}

.showroom-page .product-details {
    width: 65%;
    position: relative;
  	line-height:1.5;
  	min-height:300px;
}

.showroom-page text {font-family: 'Roboto',sans-serif!important;font-weight: 900;}


.showroom-page .product-image video {
    width: 100%;
    height: auto;
}

.showroom-page .product-details h4 {
    margin-bottom: 10px;
	font-weight: 600;
    font-size: 20px;
}

.showroom-page .product-details a.cta_button {
    margin: 40px 0 0;
}

.showroom-page .product-details a.cta_button:focus {
    color: #EE3A43!important;
}

.showroom-page .product-details #back-to-showroom {
    position: absolute;
    right: -10px;
    top: -50px;
    color: #EE3A43;
    cursor: pointer;
    font-weight: 600;
}

.showroom-page.eurovent-showroom .product-details #back-to-showroom {
    color: #195DAA;
}

.showroom-page .product-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  	padding-bottom:50px;
}

.showroom-page .product-image iframe {
    width: 100%;
    border: 0;
	overflow:hidden;
  	height:100%;
}

.showroom-page .product {
    overflow-y: auto;
}

.showroom-page  g#EQUIPMENT_SHAPES image,
.showroom-page  g#SHAPES image{
      opacity: 0;
      cursor: pointer;
  }

 .showroom-page  g#EQUIPMENT_SHAPES image:hover,
.showroom-page  g#SHAPES image:hover {
      opacity: 0.502;
  }

.showroom-page.eurovent-showroom  g#EQUIPMENT_SHAPES image:hover,
.showroom-page.eurovent-showroom  g#SHAPES image:hover {
      opacity: 0.9;
}

  .showroom-page svg {
    width:100%;
    height:auto;
  }
  .showroom-page g#LINK_SHAPES use, .showroom-page g#LINK_SHAPES image {
    opacity: 0;
    cursor: pointer;
}

.showroom-page g#LINK_SHAPES use:hover, .showroom-page g#LINK_SHAPES image:hover {
    opacity: 1;
}

.showroom-page img#loader {
	padding: 10px;
    width: 50px;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgb(0 0 0 / 47%);
    border-radius: 100%;
    display: none;
}

.showroom-page.eurovent-showroom .product-details a.cta_button {
    background: #195DAA;
    border-color: #195DAA!important;
}

.showroom-page.eurovent-showroom .product-details a.cta_button:focus {
    color: #195DAA!important;
}

.showroom-page .product.american-flag .product-image img {
    height: 100%;
    margin: 0 auto;
    width: auto;
}

.product-image {}

.showroom-page .product.american-flag .product-inner {
    padding-bottom: 0;
}

.showroom-page .product.american-flag .product-image {
    width: 100%;
    margin: 0;
    text-align: center;
}

.showroom-page .product.american-flag {
    padding: 30px;
}

.showroom-page .product.american-flag #back-to-showroom {
	position: absolute;
     right: 30px;
    top: 40px;
    color: #195DAA;
    cursor: pointer;
    font-weight: 600;
}