/*
 * Trikita CTA gumbi
 * Uporaba: v Elementorju gumb > Advanced > CSS Classes dodaj:
 *   btn-trikita            -> oranzni pill + oranzni krogec s puscico
 *   btn-trikita btn-light  -> beli pill (temno besedilo) + temni krogec s puscico + oranzna pika
 * Puscica se izrise samodejno (ne dodajaj ikone na gumb).
 */

/* --- osnova: gumb postane prosojen kontejner z dvema oblikama --- */
.btn-trikita .elementor-button,
.btn-trikita.elementor-button{
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.btn-trikita .elementor-button-content-wrapper{
  display:inline-flex!important;
  align-items:center;
  gap:10px!important;
  flex-direction:row;
  position:relative;
}
/* skrij privzeto Elementor ikono; puscico narisemo s CSS */
.btn-trikita .elementor-button-icon{ display:none!important; }

/* --- besedilni pill --- */
.btn-trikita .elementor-button-text{
  order:1;
  display:inline-flex;
  align-items:center;
  background:#FF6100;
  color:#ffffff;
  border-radius:999px;
  padding:16px 30px;
  font-weight:600;
  font-size:16px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  transition:background-color .2s ease,color .2s ease;
}

/* --- locen okrogel gumb s puscico --- */
.btn-trikita .elementor-button-content-wrapper::after{
  content:"";
  order:2;
  flex:0 0 auto;
  width:50px;
  height:50px;
  border-radius:50%;
  background-color:#FF6100;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M11.6654 3.97592L1.64141 13.9999L-0.00537 12.3531L10.0174 2.32914H1.18372V0H13.9946V12.8108H11.6654V3.97592Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  transition:background-color .2s ease;
}

/* --- hover (oranzna) --- */
.btn-trikita:hover .elementor-button-text{ background:#e35800; }
.btn-trikita:hover .elementor-button-content-wrapper::after{ background-color:#e35800; }

/* ============ BELA / SEKUNDARNA razlicica ============ */
.btn-trikita.btn-light .elementor-button-text{
  background:#ffffff;
  color:#04252D;
}
.btn-trikita.btn-light .elementor-button-content-wrapper::after{
  background-color:#111111;
}
/* majhna oranzna pika na temnem krogcu */
.btn-trikita.btn-light .elementor-button-content-wrapper::before{
  content:"";
  position:absolute;
  right:5px;
  bottom:5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#FF6100;
  z-index:2;
}
.btn-trikita.btn-light:hover .elementor-button-text{ background:#f2f2f2; }
.btn-trikita.btn-light:hover .elementor-button-content-wrapper::after{ background-color:#000000; }

/* ============ Slajder (Elementor swiper) gumbi naprej/nazaj ============ */
.elementor-swiper-button-next,
.elementor-swiper-button-prev{
  background:#f96b26;
  padding:14px;
  border-radius:50%;
}

/* Razmik nad gumbom v formi (samo forme z razredom btn-trikita) */
.btn-trikita .e-form__buttons{
  margin-top:20px;
}

/* Ne stiliraj puscic v Elementor lightboxu (predogled slik) */
.elementor-lightbox .elementor-swiper-button-prev,
.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .swiper-button-prev,
.elementor-lightbox .swiper-button-next{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}

/* ============ TEMNA razlicica (btn-dark) - glavna barva #072f41 ============ */
.btn-trikita.btn-dark .elementor-button-text{
  background:#072f41;
  color:#ffffff;
}
.btn-trikita.btn-dark .elementor-button-content-wrapper::after{
  background-color:#072f41;
}
.btn-trikita.btn-dark:hover .elementor-button-text{ background:#0a3d54; }
.btn-trikita.btn-dark:hover .elementor-button-content-wrapper::after{ background-color:#0a3d54; }

/* Razmik med postavkami seznama v besedilnih widgetih */
.elementor-widget-text-editor ul li{
  margin:8px 0;
}