/*
Theme Name: Teslamedical child
Template: focus
Theme URI: 
Author: MaxSolutions - Pavle Jovanovic
Author URI: https://maxsolutions.dev/
Description: Teslamedical child Wp theme.
Version: 1.0.0
Tags: Teslamedical child wp theme
Text Domain: teslamedical-child
*/


body.single-usluge .default-content-page{
    padding-bottom: 0 !important;
  }

/* home service badge */
.services-home-item1{ position: relative; }

.home-service-badge{
  position: absolute;
  right: 5px;
  bottom: 15px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #0A88C6;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  text-transform: uppercase;
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
  z-index: 1;
}


/* float button homepage */
.floating-new-intervention{
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 999px;
    background: #3CAEEF;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 14px 28px rgba(0,0,0,.20);
    transition: transform .15s ease, box-shadow .15s ease;
  }
  
  .floating-new-intervention:hover{
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(0,0,0,.24);
  }
  
  .floating-new-intervention__badge{
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
  }
  
  .floating-new-intervention__text{
    white-space: nowrap;
  }
  
   /* Pulsiranje (blago "disanje") */
.floating-new-intervention{
    animation: floatPulse 1.8s ease-in-out infinite;
    will-change: transform, box-shadow;
  }
  
  @keyframes floatPulse{
    0%, 100%{
      transform: translateY(0) scale(1);
      box-shadow: 0 14px 28px rgba(0,0,0,.20);
    }
    50%{
      transform: translateY(-1px) scale(1.03);
      box-shadow: 0 18px 36px rgba(0,0,0,.26);
    }
  }
  
  /* "Halo" krug oko dugmeta */
  .floating-new-intervention::after{
    content: "";
    position: absolute;
    inset: -10px;                 /* širina halo efekta */
    border-radius: 999px;
    border: 2px solid rgba(10,136,198,.35);
    opacity: 0;
    transform: scale(.92);
    animation: pulseRing 1.8s ease-out infinite;
    pointer-events: none;
  }
  
  @keyframes pulseRing{
    0%{
      opacity: 0;
      transform: scale(.92);
    }
    20%{
      opacity: .9;
    }
    100%{
      opacity: 0;
      transform: scale(1.12);
    }
  }
  
  /* Ako korisnik ima uključen "Reduce motion", isključi animacije */
  @media (prefers-reduced-motion: reduce){
    .floating-new-intervention,
    .floating-new-intervention::after{
      animation: none !important;
    }
  }