.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--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;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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:1200px;}.e-con{--container-max-width:1200px;}}/* Start custom CSS */.bt-ribbon {
  position: absolute;
  right: -25px;     /* po potrebi koriguj */
  top: 60px;        /* po potrebi koriguj */
  width: 60px;
  height: 200px;
  border-radius: 30px;
  background: #e5e5e5; /* default fallback */
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 10;
}

/* Tekst u traci vertikalno */
.bt-ribbon .elementor-heading-title {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

/* === PROMENA BOJE NA OSNOVU DINAMIČKE KLASE NA HEADING-U ===
   U Heading → Advanced → Attributes:
   Key:   class
   Value: company-badge {{Tip paketa}}   (ili tvoj {{status_trake}})
*/

/* STANDARD – crvena */
.bt-ribbon:has(.company-badge.Standard) {
  background: #DC2626 !important;
}

/* PREMIUM – zlatna */
.bt-ribbon:has(.company-badge.Premium) {
  background: linear-gradient(180deg, #F7E27A, #C59B17) !important;
}

/* ELITE GOLD – teget (napomena: "Elite Gold" su dve klase: .Elite i .Gold) */
.bt-ribbon:has(.company-badge.Elite.Gold) {
  background: #0a1f44 !important;
}

/* PLATINUM – srebrna */
.bt-ribbon:has(.company-badge.Platinum) {
  background: linear-gradient(180deg, #E5E7EB, #C0C4C8) !important;
}

/* Da traka može da 'viri' iz kartice */
.elementor-widget,
.elementor-container,
.elementor-column {
  overflow: visible !important;
}/* 1) Razmak između kartica u Loop Grid-u (stalno, i na frontendu) */
.elementor .elementor-loop-container,
.elementor .e-loop-container {
  gap: 48px !important;             /* promeni na 32/40/60 po želji */
  row-gap: 48px !important;         /* fallback ako ‘gap’ ne upali */
}

/* 2) Dodatni fallback: sledećem itemu dodaj gornji razmak */
.elementor .e-loop-item + .e-loop-item,
.elementor .elementor-loop-item + .elementor-loop-item,
.elementor .elementor-grid-item + .elementor-grid-item {
  margin-top: 48px !important;      /* isto kao gore */
}

/* 3) Da se traka ne “zabode” u sledeću karticu / sekciju */
.company-card {                      /* ako nemaš ovu klasu, može ostati, ne smeta */
  position: relative;
  overflow: visible;
  z-index: 1;
}
.bt-ribbon {
  z-index: 3;
}/* ====== LOOP GRID: poravnanje kartica i ista visina ====== */
.elementor-kit-6 .elementor-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 kolone desktop */
  gap: 24px;                      /* razmak kolona/redova */
  align-items: stretch;           /* iste visine ćelija */
}

/* tablet: 2 kolone */
@media (max-width: 1024px){
  .elementor-kit-6 .elementor-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* mobilni: 1 kolona */
@media (max-width: 767px){
  .elementor-kit-6 .elementor-grid{
    grid-template-columns: 1fr;
  }
}

/* svaki loop item zauzima celu visinu ćelije i nema "divljih" margina */
.elementor-kit-6 .e-loop-item{
  height: 100%;
  margin: 0 !important;
  align-self: stretch !important;
}

/* sve unutrašnje “kutije” istežu se do pune visine */
.elementor-kit-6 .e-loop-item > * ,
.elementor-kit-6 .e-loop-item .elementor-widget-container{
  height: 100%;
}

/* Icon Box u kartici – centriraj sadržaj i istegni */
.elementor-kit-6 .e-loop-item .elementor-widget-icon-box,
.elementor-kit-6 .e-loop-item .elementor-widget-icon-box .elementor-widget-container,
.elementor-kit-6 .e-loop-item .elementor-icon-box-wrapper{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertikalno centriraj */
}

/* reset potencijalnih gornjih margina naslova/teksta koji znaju da pomere prvu karticu */
.elementor-kit-6 .e-loop-item h1,
.elementor-kit-6 .e-loop-item h2,
.elementor-kit-6 .e-loop-item h3,
.elementor-kit-6 .e-loop-item p{
  margin-top: 0;
}


}/* End custom CSS */