.elementor-kit-8{--e-global-color-primary:#0E1D10;--e-global-color-secondary:#567043;--e-global-color-text:#425649;--e-global-color-accent:#567043;--e-global-color-2566750:#E9D8C3;--e-global-color-8976425:#E5EAE2;--e-global-color-8b871a4:#FAF7F5;--e-global-color-fd9445f:#DE6B48;--e-global-color-4862ea7:#FAF7F5;--e-global-color-ef2da0b:#EADFCC;--e-global-color-3645632:#E5EAE2;--e-global-color-44e4d94:#324438;--e-global-color-5498dff:#475649;--e-global-color-aeca9bc:#F6F1E9;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:79.2px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:72px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"PT Serif";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"PT Serif";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:21px;--e-global-typography-accent-letter-spacing:1.4px;--e-global-typography-3301886-font-family:"Playfair Display";--e-global-typography-3301886-font-size:42px;--e-global-typography-3301886-font-weight:500;--e-global-typography-3301886-line-height:52px;--e-global-typography-3301886-letter-spacing:0px;--e-global-typography-8001082-font-family:"Playfair Display";--e-global-typography-8001082-font-size:36px;--e-global-typography-8001082-font-weight:500;--e-global-typography-8001082-line-height:54px;--e-global-typography-8001082-letter-spacing:0px;--e-global-typography-c248cc3-font-family:"Playfair Display";--e-global-typography-c248cc3-font-size:20px;--e-global-typography-c248cc3-font-weight:400;--e-global-typography-c248cc3-font-style:italic;--e-global-typography-c248cc3-line-height:30px;--e-global-typography-c248cc3-letter-spacing:0px;font-family:"PT Serif", Sans-serif;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"PT Serif", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.wd-content-layout.content-layout-wrapper.container{
    padding-inline: 0px !important;
    padding-block: 0px !important;
}


@media (max-width: 768px) {
button.elementskit-menu-hamburger{
    font-size:34px !important;
}

}





/* Dropdown Icon Change on Desktop and Mobile */
@media (min-width:1025px) {

  /* Hide default ElementsKit arrow on desktop */
  .elementskit-submenu-indicator.ekit-svg-icon.icon-down-arrow1 {
    display: none !important;
  }

  /* Add custom icon after menu text */
  .tooted-dropdown > a::after {
    content: "";
    display: inline-block;
    width: 16px; /* adjust to your icon size */
    height: 16px;
    margin-left: 6px;
    background-image: url("https://haim.w3b.ee/wp-content/uploads/2026/02/Icon-34-1.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    transition: background-image 0.2s ease;
  }

  /* Change icon on hover */
  .tooted-dropdown:hover > a::after {
      display: inline-block;
    width: 16px; /* adjust to your icon size */
    height: 16px;
    background-image: url("https://haim.w3b.ee/wp-content/uploads/2026/02/Icon-33-1.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    transition: background-image 0.2s ease;
  }

}


/* Mobile only */
@media (max-width:1024px) {

  /* Default icon */
  .elementskit-submenu-indicator.ekit-svg-icon.icon-down-arrow1 {
    width: 25px !important;
    height: 25px !important;
    background: url("https://haim.w3b.ee/wp-content/uploads/2026/02/Icon-34-1.svg") no-repeat center center;
    background-size: contain;
    mask: none;
    fill: none;
    cursor: pointer;
  }
   /* change icon when dropdown panel has open class */
  .tooted-dropdown:has(.elementskit-megamenu-panel.elementskit-dropdown-open)
  > a .elementskit-submenu-indicator.ekit-svg-icon.icon-down-arrow1{
    background-image:url("https://haim.w3b.ee/wp-content/uploads/2026/02/Icon-33-1.svg");
  }


}



/* Reveal button on image hover inside projects loop carousal  */

.hover-reveal .hover-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.hover-reveal:hover .hover-button {
    opacity: 1;
    transform: translateY(0);
}


/* Reveal button on image hover inside projects loop grid */

/* image container */
.card-media{
    position:relative;
    overflow:hidden;
}

/* image animation */
.card-media img{
    transition:transform .4s ease;
}

/* hide button initially */
.card-button{
    position:absolute;
    left:50%;
    top:45%;
    transform:translate(-50%,20px);
    opacity:0;
    transition:all .3s ease;
}

/* trigger hover ONLY on image container */
.card-media:hover img{
    transform:scale(1.05);
}

.card-media:hover .card-button{
    opacity:1;
    transform:translate(-50%,0);
}

.wd-add-btn-replace>a:hover:before{display:none !important;}





/* Show fallback container on single projects product loop carousal */

.products-carousel {
    display: none;
}

.products-fallback {
    display: none;
}

/* When products exist */
.has-related-products .products-carousel {
    display: block;
}

.has-related-products .products-fallback {
    display: none;
}

/* When NO products */
.no-related-products .products-carousel {
    display: none;
}

.no-related-products .products-fallback {
    display: block;
}





/* Show portfolio chips insdie every single portfolio post */

.portfolio-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.portfolio-chip {
    font-family: 'PT Serif', serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.5px;
    background-color: #E5EAE2;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 4px 12px 3px 12px;
    color: #567043; /* optional for contrast */
    display: inline-block;
}





/* Show portfolio chips insdie loop*/

.portfolio-chips-alt {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.portfolio-chip-alt {
    font-family: 'PT Serif', serif;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.5px;
    background-color: #DE6B48;
    border-radius: 4px;
    padding: 4px 12px 3px 12px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s ease;
}

.portfolio-chip-alt:hover {
    opacity: 0.8;
    color:#fff;
}



.wd-product.wd-hover-fw-button .wd-add-btn>a{
    font-family: 'PT Serif',serif !important;
}



@media screen and (min-width: 1025px) and (max-width: 1120px) {
    
    .ekit-menu-nav-link active, .ekit-menu-nav-link{
        padding-left:5px !important;
        padding-right:10px !important;
    }
}




/* Header compare icon styling */
.wd-header-compare .wd-tools-icon {
    position: relative;
    display: inline-block;
}

/* Bubble styling */
.wd-header-compare.wd-tools-element.wd-style-icon.wd-with-count .wd-tools-count {
    position: absolute;
    top: -4px;
    right: -8px; 

    width: 15px;
    height: 15px;
    border-radius: 50%;

    background-color: #DE6B48; 
    color: #fff;

    font-size: 9px;
    line-height: 15px;
    text-align: center;

    z-index: 1;
}

.wd-header-compare .wd-tools-icon::before {
    font-size: 18px; /* try 20–26px depending on your design */
}/* End custom CSS */