/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* GENERAL */
.btn-animated .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
}
.btn-animated .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #d99952;
    z-index: -1;
    transition: width 0.4s ease;
}
.btn-animated .elementor-button:hover::before {
    width: 100%;
}
.btn-animated .elementor-button:hover {
    color: #fff;
}

.btn-animated:hover .elementor-button {
    color: #fff!important;
}

.forminator-ui#forminator-module-710.forminator-design--default .forminator-button-submit {
    background-color: #ba7d3a;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 36px;
    font-size: 12px !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
	border: 2px solid #ba7d3a;
	border-radius: 6px;
}
.forminator-ui#forminator-module-710.forminator-design--default .forminator-button-submit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #d99952;
    z-index: -1;
    transition: width 0.4s ease;
}
.forminator-ui#forminator-module-710.forminator-design--default .forminator-button-submit:hover::before {
    width: 100%;
}
.forminator-ui#forminator-module-710.forminator-design--default .forminator-button-submit:hover {
    color: #fff !important;
	box-shadow: none!important;
}


.slider-tretmani .elementor-swiper-button-next,
.slider-tretmani .elementor-swiper-button-prev {
    padding: 10px;
    background: #cf9b7040;
    border-radius: 100px;
}


/* Osnovni stil za oba leptira */
.icon-1 svg,
.icon-2 svg {
  display: inline-block;
  transform-origin: center center;
}

/* Leptir 1 – smjer kazaljke na satu */
.icon-1 svg {
  animation: smoothFly1 5.5s linear infinite;
}

/* Leptir 2 – suprotni smjer i lagani odmak */
.icon-2 svg {
  animation: smoothFly2 6s linear infinite;
  animation-delay: 1.2s;
}

/* Animacija za prvog leptira */
@keyframes smoothFly1 {
  0%   { transform: translate(0px, 0px) rotate(0deg); }
  25%  { transform: translate(10px, -8px) rotate(5deg); }
  50%  { transform: translate(0px, -12px) rotate(0deg); }
  75%  { transform: translate(-10px, -8px) rotate(-5deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }
}

/* Animacija za drugog leptira – suprotni smjer, mekši */
@keyframes smoothFly2 {
  0%   { transform: translate(0px, 0px) rotate(0deg); }
  25%  { transform: translate(-9px, -10px) rotate(-4deg); }
  50%  { transform: translate(0px, -13px) rotate(0deg); }
  75%  { transform: translate(9px, -10px) rotate(4deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }
}


/* HOMEPAGE */
/* HERO */
#hero-image-section {
    position: relative;
    overflow: hidden;
}

/* Background image */
#hero-image-section::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("https://www.ktdizajn.hr/tanja2/wp-content/uploads/2026/05/premium-header-v2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    transform: scale(1.08);
    animation: heroZoom 1.2s ease-out forwards;

    z-index: 0;
}

/* Gradient overlay */
#hero-image-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: linear-gradient(
        90deg,
        var(--e-global-color-blocksy_palette_8) 0%,
        #FFFFFF00 28%
    );

    z-index: 1;
}

/* Content iznad svega */
#hero-image-section > * {
    position: relative;
    z-index: 2;
}

@keyframes heroZoom {
    from {
        transform: scale(1.08);
    }
    to {
        transform: scale(1);
   
	}
}
/*
.slider-tretmani .e-n-carousel {
    margin: 0!important;
}
*/
.slider-tretmani .swiper {
    width: calc(100% - 0px)!important;
}
.slider-inner-section {
	transform: translatey(0);
	transition: 300ms;
}
.slider-inner-section:hover {
	transform: translatey(-4px);
}

/* HEADER */
.home .main-header {
    position: absolute!important;
    z-index: 999!important;
}