.elementor-kit-64{--e-global-color-primary:#145F48;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-8ba2ac9-font-family:"Quicksand";--e-global-typography-8ba2ac9-font-weight:bold;--e-global-typography-6584260-font-family:"Quicksand";--e-global-typography-6584260-font-weight:500;font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-64 button,.elementor-kit-64 input[type="button"],.elementor-kit-64 input[type="submit"],.elementor-kit-64 .elementor-button{font-family:"Quicksand", Sans-serif;font-size:18px;font-weight:normal;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.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);}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:#145F48;--message-message-icon-color:#145F48;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:#145F48;--info-message-icon-color:#145F48;}@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 */html, body {
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
/* BASE */
.btn-press .elementor-button {
  position: relative;
  overflow: hidden;

  background-color: #145F48;
  color: #ffffff;
  border-radius: 14px;

  transition:
    transform 0.12s ease,
    filter 0.12s ease;
}

/* HOVER – jedva primetno */
.btn-press .elementor-button:hover {
  filter: brightness(1.04);
}

/* ACTIVE – pravi "klik" osećaj */
.btn-press .elementor-button:active {
  transform: scale(0.96);
}

/* RIPPLE */
.btn-press .elementor-button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}

/* aktivacija ripple */
.btn-press .elementor-button.is-clicked::after {
  animation: ripple 0.35s ease-out;
}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(8);
    opacity: 0;
  }
}

/* mobile polish */
.btn-press .elementor-button {
  -webkit-tap-highlight-color: transparent;
}


/* pokreti pozadine */
/* osnovno nežno plutanje */
.float {
  animation: float 5s ease-in-out infinite;
  will-change: transform;
}

/* sporije */
.float-slow {
  animation-duration: 7s;
}

/* brže */
.float-fast {
  animation-duration: 3.8s;
}

/* blago dijagonalno */
.float-diagonal {
  animation-name: floatDiagonal;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes floatDiagonal {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-8px, -6px);
  }
}

@media (max-width: 767px) {
  @keyframes float {
    0%, 100% {
      transform: translateY(0) scale(0.5);
    }
    50% {
      transform: translateY(-10px) scale(0.5);
    }
  }

  @keyframes floatDiagonal {
    0%, 100% {
      transform: translate(0, 0) scale(0.5);
    }
    50% {
      transform: translate(-8px, -6px) scale(0.5);
    }
  }

  .float {
    animation-duration: 6.5s;
  }
}

/* PAKETI HOVER ANIMACIJE */
.package-card {
  border-radius: 18px;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
  border: 1px solid transparent;
}

.package-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.08);
  border-color: rgba(20, 95, 72, 0.25);
}

.reviews-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: block;
}

/* FADE MASKA */
.reviews-marquee::before,
.reviews-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  pointer-events: none;
  z-index: 2;
}

.reviews-marquee::before {
  left: 0;
  background: linear-gradient(
    to right,
    #145F48 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.reviews-marquee::after {
  right: 0;
  background: linear-gradient(
    to left,
    #145F48 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* TRACK – FORSIRAN JEDAN RED */
.reviews-track {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: max-content;
  animation: marquee 60s linear infinite;
}

/* KARTICE */
.review-card {
  width: 280px;
  min-width: 280px;
  flex-shrink: 0;
}

/* DESKTOP ANIMACIJA */
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-1824px);
  }
}

/* =========================
   MOBILE FIX (OBAVEZNO)
========================= */
@media (max-width: 767px) {

  /* kartice ostaju u jednom redu */
  .reviews-track {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    animation: marquee-mobile 60s linear infinite;
  }

  .review-card {
    width: 240px;
    min-width: 240px;
  }

  /* MOBILE ANIMACIJA – NOVA DISTANCA */
  @keyframes marquee-mobile {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1584px);
    }
  }

  /* suptilniji fade */
  .reviews-marquee::before,
  .reviews-marquee::after {
    width: 24px;
  }
}
/* ======================================
   Woo Additional Information
   Borderless Accordion (Bottom only)
   ====================================== */

/* Kill ALL borders everywhere */
.single-product .woocommerce-product-attributes,
.single-product .woocommerce-product-attributes *,
.single-product .woocommerce-product-attributes table,
.single-product .woocommerce-product-attributes tbody,
.single-product .woocommerce-product-attributes tr,
.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Layout reset */
.single-product .woocommerce-product-attributes {
  margin-top: 24px;
}

.single-product .woocommerce-product-attributes table,
.single-product .woocommerce-product-attributes tbody,
.single-product .woocommerce-product-attributes tr,
.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
  display: block;
  width: 100%;
}

/* Accordion item = ONLY bottom border */
.single-product .woocommerce-product-attributes tr {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Accordion title */
.single-product .woocommerce-product-attributes th {
  padding: 14px 0;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

/* Hidden content */
.single-product .woocommerce-product-attributes td {
  display: none;
  padding: 0 0 14px 0;
  font-weight: 400;
  color: #555;
}

/* Hover open */
.single-product .woocommerce-product-attributes tr:hover td {
  display: block;
}

/* Remove last bottom border */
.single-product .woocommerce-product-attributes tr:last-child {
  border-bottom: none !important;
}
.single-product .woocommerce-product-attributes td {
  color: #ffffff !important;
}

/* Elementor Add To Cart quantity + / - (Astra compatible) */
/* FORCE color for + / - in Elementor Add To Cart (Astra fix) */
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.plus,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.minus,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.plus:hover,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.minus:hover,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.plus:focus,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.minus:focus,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.plus:active,
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added a.minus:active {
  color: #ffffff !important;
  background: #AED045;
  border: none;
}
/* Left side (-) rounded */
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added 
a.minus {
  border-radius: 15px 0 0 15px;
}

/* Right side (+) rounded */
.single-product 
.elementor-widget-woocommerce-product-add-to-cart 
.quantity.buttons_added 
a.plus {
  border-radius: 0 15px 15px 0;
}
/* OVDE UBACUJEM ZA DUGME NA SHOP PAGEU */

/* Quantity input text color */
.quantity.buttons_added 
input.qty {
  color: #ffffff !important;
  background: #AED045;
  border: none;
}

/* Minus button: white text + left radius */
.quantity.buttons_added 
a.minus {
  color: #ffffff !important;
  background: #AED045;
  border-radius: 15px 0 0 15px;
}

/* Plus button: white text + right radius */
.quantity.buttons_added 
a.plus {
  color: #ffffff !important;
  background: #AED045;
  border-radius: 0 15px 15px 0;
}

.xoo-wsc-ft-amt.xoo-wsc-less, .xoo-wsc-psavings, .xoo-wsc-psavings *{
    
    color: #145F48;
}
.xoo-wsc-psavings {
        border: 1px solid #145F48;
}

/* ===============================
   XOOTIX SIDE CART – QUANTITY FIX
================================ */

.xoo-wsc-qty-box{
  display: inline-flex;
  align-items: center;
  border-radius: 15px;
  overflow: hidden;
  background: #AED045;
}

/* + / - buttons */
.xoo-wsc-qty-box .xoo-wsc-chng{
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  background: #AED045 !important;
  color: #ffffff !important;

  font-size: 20px !important;
  font-weight: 700;

  line-height: 1;
  cursor: pointer;
  user-select: none;

  z-index: 2;
  position: relative;
}

/* minus left */
.xoo-wsc-qty-box .xoo-wsc-minus{
  border-radius: 15px 0 0 15px;
}

/* plus right */
.xoo-wsc-qty-box .xoo-wsc-plus{
  border-radius: 0 15px 15px 0;
}

/* input */
.xoo-wsc-qty-box input.xoo-wsc-qty{
  width: 44px;
  height: 32px;

  text-align: center;
  border: none !important;
  outline: none;

  background: #AED045 !important;
  color: #ffffff !important;

  font-size: 14px;
  font-weight: 600;

  z-index: 1;
  position: relative;

  -moz-appearance: textfield;
}

/* remove arrows */
.xoo-wsc-qty-box input::-webkit-outer-spin-button,
.xoo-wsc-qty-box input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* hover */
.xoo-wsc-qty-box .xoo-wsc-chng:hover{
  opacity: .85;
}

/* active */
.xoo-wsc-qty-box .xoo-wsc-chng:active{
  opacity: .7;
  transform: scale(.92);
}
.xoo-wsc-qty-box input.xoo-wsc-qty{
  width: 25px;   /* bilo ~44px */
}


/* ukloni sve bordere i outline iz quantity boxa */
.xoo-wsc-qty-box,
.xoo-wsc-qty-box *{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.xoo-wsc-qty-box .xoo-wsc-chng{
  display: flex !important;
  align-items: center;
  justify-content: center;

  line-height: 1;          /* KLJUČNO */
  padding: 0;              /* da nema offseta */
}

.xoo-wsc-qty-box input.xoo-wsc-qty{
  display: flex;
  align-items: center;
  justify-content: center;

  line-height: 32px;       /* ISTO kao height */
  padding: 0;              /* uklanja pomeranje */
}

/* ======================================
   MOBILE – Quantity bez + / -
   FINAL ALIGNMENT TWEAK
   Elementor Pro + WooCommerce
   TARGET: .btn-press
====================================== */

@media (max-width: 767px) {

  /* layout */
  .btn-press form.cart{
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    flex-wrap: nowrap !important;
  }

  /* sakrij samo + i - */
  .btn-press .quantity a.plus,
  .btn-press .quantity a.minus{
    display: none !important;
  }

  /* quantity – JOŠ ULEVO */
  .btn-press .quantity{
    margin: 0 !important;
    margin-left: -10px !important; /* ← OVDE pomeramo krug */
    padding-left: 0 !important;
  }

  /* INPUT – KRUG (NE DIRATI) */
  .btn-press .quantity input.qty{
    margin: 0 !important;

    width: 34px !important;
    height: 34px !important;

    border-radius: 50% !important;

    line-height: 34px !important;
    text-align: center !important;

    font-size: 13px !important;

    -moz-appearance: textfield;
  }

  /* ukloni strelice */
  .btn-press .quantity input::-webkit-outer-spin-button,
  .btn-press .quantity input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
  }

  /* ADD TO CART – OSTAVLJENO KAKO JESTE */
  .btn-press button.single_add_to_cart_button{
    white-space: nowrap !important;
    min-width: max-content !important;
    font-size: 14px !important;

    margin-left: 5px !important;
    margin-top: 10px !important;
  }
}/* End custom CSS */