@media (max-width: 767px) {

  .feature-item {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .feature-list {
    text-align: left !important;
  }  
}

.radno-vreme ul {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  border: solid 0px red;
}

.radno-vreme ul li {
  margin-bottom: 4px;
  padding-bottom: 4px !important;
  padding-top: 0px !important;
  border: solid 0px blue;
}

.radno-vreme-home {
  margin-bottom: 5px !important;
}

.rounded-box {  
    border-radius: 25px; /* The higher the value, the more rounded the corners */
    padding: 20px;
    border: solid 1px red;
}

.map-wrapper {
    width: 100%;
}

.map-wrapper iframe {
    width: 80%;
    aspect-ratio: 1 / 0.75; /* KVADRAT */
    display: block;
    margin: 0 auto;   /* CENTRIRANJE */
    border: 0;
}

.about .intro-section p.lead-about {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  /*max-width: 700px;*/
  margin: 0 auto;
  padding-bottom: 1rem;
}

.services-title {
  margin-bottom: 3px !important; 
  font-size: 18px !important; 
  font-weight: bold;
}

.services-description {
  margin-bottom: 10px !important;
}

.services-multi-description {
  margin-bottom: 0px !important;
  color: red;
}

.department-item {
    height: auto !important;
}

.department-item {
    flex: 0 0 auto !important;
}

/*
.service-icon-list {
  display: flex;
  align-items: center;
  gap: 20px;              razmak između ikona
  font-size: 32px;        veličina ikona
  margin-top: 20px;
}
*/

.service-icon-list {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  font-size: 32px;  
  margin-top: 20px;
}

.service-icon-list i {
  color: var(--accent-color);
}

.service-icon-list i {
  transition: 0.3s ease;
  cursor: pointer;
}

/*
.service-icon-list i:hover {
  color: var(--accent-color2);
  transform: scale(1.2);
}
*/
.service-icon-list i:hover {
  color: var(--accent-color);
  text-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
}

.cenovnik-card-header {
  background-color: var(--accent-color);  
}

.cenovnik-card-header h5 {  
  color: white !important;
}

.cenovnik-color {
  color: var(--accent-color) !important;
}

.osnovna-boja {
  color: var(--accent-color) !important;
}

/* ===== Promo Popup ===== */

.promo-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  animation: fadeIn 0.4s ease-in-out;
}

.promo-content {
  background: #fff;
  padding: 40px;
  border-radius: 15px;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: 0.3s;
}

.promo-content:hover {
  transform: scale(1.02);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}


/* ===== Baloni ===== */
/*
.balloons {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.balloon {
  position: absolute;
  bottom: -150px;
  width: 60px;
  height: 80px;
  border-radius: 50%;
  opacity: 0.8;
  animation: floatUp 12s infinite ease-in;
}

// Ice cream pastel boje //
.b1 { left: 10%; background: #ffb6c1; animation-duration: 10s; }
.b2 { left: 25%; background: #b5ead7; animation-duration: 14s; }
.b3 { left: 40%; background: #fff3b0; animation-duration: 12s; }
.b4 { left: 60%; background: #d5b6ff; animation-duration: 16s; }
.b5 { left: 75%; background: #ffdac1; animation-duration: 11s; }
.b6 { left: 90%; background: #c7ceea; animation-duration: 15s; }

@keyframes floatUp {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0.9;
  }
  100% {
    transform: translateY(-110vh) scale(1.1);
    opacity: 0;
  }
}

// Da promo bude iznad balona //
.promo-content {
  position: relative;
  z-index: 2;
}
*/

.subtle-sponsors {
  opacity: 0.7;              /* smanjuje “napadnost” */
}

.sponsor-box {
  height: 80px;              /* manja visina (ranije 120px) */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.sponsor-box img {
  max-height: 60px;          /* ključna promena */
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(100%);   /* diskretno */
  transition: all 0.3s ease;
}

/* Hover efekat (po želji) */
.sponsor-box img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}

/*##########################################################*/

.sponsors-centered {
  display: flex;
  justify-content: center;   /* centriranje */
  align-items: center;
  gap: 40px;                 /* razmak između slika */
  flex-wrap: wrap;           /* da ne pukne na mobilnom */
  margin-top: 20px;
}

.sponsors-centered img {
  max-height: 80px;          /* povećaj u odnosu na prethodno */
  width: auto;
  object-fit: contain;
  transition: 0.3s;
}

/* opciono */
.sponsors-centered img:hover {
  transform: scale(1.05);
}