.banerjedan .mkdf-btn-text {
  color: #ffffff;
}

.banerjedan .mkdf-btn-predefined-line-holder {
  color: #ffffff;
}

.mkdf-top-bar .widget ul:not(.mkdf-shortcode-list) li a:hover {
  color: #ffffff;
}

.mkdf-top-bar .widget a {
  color: #c79f9f;
}

.mkdf-top-bar .widget ul:not(.mkdf-shortcode-list) li a {
  color: #ffffff;
  margin-right: 20px;
}

/* Slider donji na pocetnojstrani */

@media (max-width: 768px) {
  .desktop2 {
    display: none !important;
  }
}


/* PODACI O MOTOCIKLU NA STRANI MODELA */
/* WRAPPER */
.tekstpodaci{
  background:#000;
  color:#fff;
  padding:10px 0;
}

/* GRID: 2 kolone na desktopu */
.tekstpodaci .spec-grid{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;

  display:grid;
  grid-template-columns: 1fr 1fr;


  align-items:start;
}

/* NASLOVI (ENGINE / SUSPENSION / MASS) */
.tekstpodaci h3,
.tekstpodaci .spec-title{
  font-size: 34px;
  line-height:1;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:800;

  /* ✅ manji prazan prostor ispod naslova */
  margin:0 0 14px 0; /* bilo 26px */
}

/* REDOVI */
.tekstpodaci .spec-row{
  display:flex;
  align-items:baseline;
  gap:10px;

  /* ✅ redovi malo razdvojeniji */
  margin:18px 0; /* bilo 14px */

  font-size:16px;
  line-height:1.8;
}

/* LEVO: LABEL (belo, polu-bold) */
.tekstpodaci .spec-row .label{
  color:#fff;
  font-weight:600;
  white-space:nowrap;
}

/* CRTA IZMEĐU */
.tekstpodaci .spec-row .dash{
  color:#9a9a9a;
  opacity:.7;
}

/* DESNO: VREDNOST (sivo) */
.tekstpodaci .spec-row .value{
  color:#8f8f8f;
  font-weight:400;
}

/* Ako ti je HTML bez spanova, nego tipa:
   Engine Type – Liquid-cooled... */
.tekstpodaci p{
  /* ✅ redovi malo razdvojeniji */
  margin:18px 0; /* bilo 14px */

  font-size:16px;
  line-height:1.35;
}

.tekstpodaci p strong{
  color:#fff;
  font-weight:600;
}

.tekstpodaci p{
  color:#8f8f8f; /* vrednosti sivo */
}

/* ali da label ostane beo, mora biti u strong */
.tekstpodaci p strong + *{ color:#8f8f8f; }

/* RESPONSIVE */
@media (max-width: 980px){
  .tekstpodaci{
    padding:10px 0;
  }
  .tekstpodaci .spec-grid{
    grid-template-columns: 1fr;
    gap:52px; /* malo razdvojeno i na mobilnom */
  }
  .tekstpodaci h3,
  .tekstpodaci .spec-title{
    font-size:22px;

    /* ✅ manji razmak ispod naslova na mobilnom */
    margin-bottom:12px; /* bilo 18px */
  }
  .tekstpodaci .spec-row,
  .tekstpodaci p{
    font-size:16px;
  }
}
/* ✅ MOBILNI FIX: zbij sekcije (naslov + tekst) */
@media (max-width: 980px){

  /* smanji razmak između sekcija (grid item-a) */
  .tekstpodaci .spec-grid{
    gap: 26px !important;      /* bilo 52px / 48px */
  }

  /* najčešći krivci u WPBakery: kolone i text block-ovi imaju margin-bottom */
  .tekstpodaci .wpb_content_element,
  .tekstpodaci .wpb_wrapper > div,
  .tekstpodaci .vc_column-inner,
  .tekstpodaci .wpb_text_column{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* zbij naslov */
  .tekstpodaci h3,
  .tekstpodaci .spec-title{
    margin: 0 0 10px 0 !important;
    line-height: 1.05 !important;
  }

  /* zbij tekst ispod naslova */
  .tekstpodaci p{
    margin: 8px 0 !important;
    line-height: 1.45 !important;
  }

  /* ako koristiš .spec-row varijantu */
  .tekstpodaci .spec-row{
    margin: 10px 0 !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 980px){
  .tekstpodaci .wpb_text_column{
    margin-bottom: 14px !important;
  }
}

/* FULL WIDTH samo na mobilnom */
@media (max-width: 980px){

  .mobilnirow{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
  }

  /* ukloni grid ograničenje Mikado teme */
  .mobilnirow .mkdf-row-grid-section,
  .mobilnirow .mkdf-row-grid-section-wrapper{
    width:100% !important;
    max-width:100% !important;
  }

  /* ukloni padding sa kolona */
  .mobilnirow .vc_column-inner{
    padding-left:15px !important;
    padding-right:15px !important;
  }

}

/* KRAJ UREDJENJA SPECIFIKACIJA */

/* desktop1 sakrij na većim ekranima */

@media (min-width: 992px) {
  .desktop1 {
    display: none !important;
  }
}



/* =======================================================
   BSA SLIDER – FULL FIX (SAFE VERSION)
   ======================================================= */

/* ===== SAMO MOBILNI FIX (NE DIRA SLIDER LOGIKU) ===== */

@media (max-width: 768px){

  /* ukloni padding iz WPBakery kolone */
  .bsa-mobile-fix .vc_column-inner{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* centriraj sam slider */
  .bsa-mobile-fix .swiper,
  .bsa-mobile-fix .slick-slider{
    margin:0 auto !important;
  }

  /* ako je slika kao background */
  .bsa-mobile-fix .swiper-slide,
  .bsa-mobile-fix .slick-slide{
    background-position:center center !important;
  }

}

/* ===== BSA CARDS: MOBILE FULL WIDTH + NO CUT ===== */
@media (max-width: 768px){

  /* 1) Skini WPBakery unutrašnji padding (najčešći krivac) */
  .wpb_text_column .wpb_wrapper{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .vc_column-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2) Izvuci samo slider wrapper na full width ekrana */
  .bsa-cards-wrap{
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Ne seci sadržaj slajda (da ne “odgrize” desnu stranu) */
  .bsa-cards-wrap,
  .bsa-cards-wrap .bsa-cards-swiper,
  .bsa-cards-wrap .swiper{
    overflow: visible !important;
  }

  /* 4) Centriraj background u kartici (pošto koristiš background-image) */
  .bsa-cards-wrap .bsa-card__img{
    background-position: center center !important;
    background-size: cover !important;
  }

  /* 5) Bez horizontalnog scroll-a (ako ga pravi 100vw) */
  body{
    overflow-x: hidden !important;
  }
}
/* =======================================================
   BSA MAILCHIMP
   ======================================================= */
/* Wrapper */
.global-mailchimp-form {
  padding: 20px 30px; /* 20px gore/dole */
		background: #f5f5f5;
}
/* Blok */
.newsletter-block {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

/* Naslov */
.newsletter-title {
  font-size: 24px;
  margin-bottom: 8px;
  font-weight: 700;
}

/* Tekst */
.newsletter-text {
  font-size: 14px;
  margin-bottom: 25px;
  opacity: 0.8;
}

/* Input */
.newsletter-field input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

/* Dugme */
.newsletter-button {
  width: 100%;
  height: 48px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  transition: 0.3s ease;
}

.newsletter-button:hover {
  background: #333;
}

/* Sakrij default submit ako ga plugin ubaci */
.global-mailchimp-form input[type="submit"] {
  display: none !important;
}

/* =========================
   Kontakt forma (CF7) – SAFE
   ========================= */

/* Umesto .wpb_text_column :last-child (preširoko!) */
.wpcf7 p:last-child,
.wpcf7-form p:last-child{
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Tel polje – ostaje isto, ali može i kraće */
.wpcf7 input[type="tel"]{
  margin-bottom: 30px;
}

/* Umesto globalnog label { ... } */
.wpcf7 label{
  margin: 20px 0;
  display: block;
}

/* Text input polja */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"]{
  margin-bottom: 20px;
}

/* Textarea – nikad negativan margin (to često “lomi” layout ispod) */
.wpcf7 textarea{
  margin-bottom: 20px;
}