@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#logo-icon {
  width: 100px;   /* promeni ovde */
}

#logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.text-indigo-400 {
   
    color: #C9A24D !important;
}

.text-indigo-300 {
   
    color: #C9A24D !important;
}
.text-indigo-200 {
   
    color: #C9A24D !important;
}

.text-indigo-500 {
   
    color: #C9A24D !important;
}

.text-indigo-600 {
   
    color: #C9A24D !important;
}

.text-indigo-700 {
   
    color: #C9A24D !important;
}
.hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: #C9A24D !important;
}
.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: #C9A24D !important;
}
.hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: #C9A24D !important;
}
.hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: #C9A24D !important;
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: #C9A24D !important;
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-indigo-900\/30 {
               background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important;
    }
}
.text-rose-500 {
    --tw-text-opacity: 1;
    color: #C9A24D !important;
}
@media (prefers-color-scheme: dark) {
    .dark\:bg-rose-900\/30 {
     background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important;
    }
}

.bg-gold-gradient {
    /* Gradijent koji simulira odsjaj zlata */
    background: linear-gradient(
        45deg, 
        #bf953f 0%, 
        #fcf6ba 45%, 
        #b38728 55%, 
        #fbf5b7 100%
    );
    background-size: 200% auto;
    border: 1px solid #d4af37;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Opciono: Dodaj animaciju pri prelasku mišem da se gradijent "pomeri" */
.bg-gold-gradient:hover {
    background-position: right center;
    color: #000;
    transform: translateY(-1px);
}

.btn-gold {
    /* Luksuzni zlatni gradijent sa "glossy" efektom */
    background: linear-gradient(
        135deg, 
        #d4af37 0%, 
        #fcf6ba 45%, 
        #b38728 50%, 
        #fcf6ba 55%, 
        #aa771c 100%
    );
    background-size: 200% 200%;
    border: 1px solid #c5a028;
}

.btn-gold:hover {
    /* Efekat presijavanja pri pomeranju miša */
    background-position: 100% 100%;
    box-shadow: 0 10px 20px rgba(184, 134, 11, 0.3);
    transform: translateY(-1px);
}

.btn-gold-gloss {
    background: linear-gradient(
        135deg, 
        #a67c00 0%, 
        #bf953f 25%, 
        #fcf6ba 50%, 
        #bf953f 75%, 
        #a67c00 100%
    );
    background-size: 200% auto;
    border: 1px solid #b8860b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); /* Unutrašnji sjaj na ivici */
}

.btn-gold-gloss:hover {
    background-position: right center;
    /* Pojačavamo senku jer je dugme veće */
    box-shadow: 0 10px 25px rgba(201, 162, 77, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn-gold-insta {
    background: linear-gradient(
        135deg, 
        #d4af37 0%, 
        #fcf6ba 45%, 
        #b38728 50%, 
        #fcf6ba 55%, 
        #aa771c 100%
    );
    background-size: 200% auto;
    border: 1px solid #c5a028;
}

.btn-gold-insta:hover {
    background-position: right center;
    box-shadow: 0 10px 20px rgba(184, 134, 11, 0.3);
    transform: translateY(-2px); /* Malo jači skok za interaktivnost */
    color: #000;
}

.nav-gold-hover {
    position: relative;
    text-decoration: none;
}

.nav-gold-hover:hover {
    /* Zlatna boja teksta sa blagim sjajem */
    color: #fcf6ba !important;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

/* Opciono: Zlatna linija koja se širi ispod linka */
.nav-gold-hover::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    left: 0;
    background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728);
    transition: width 0.3s ease;
}

.nav-gold-hover:hover::after {
    width: 100%;
}

.gold-text-hover {
    color: inherit; /* Zadržava originalnu boju dok ne pređeš mišem */
}

.gold-text-hover:hover {
    /* Zlatni gradijent koji se primenjuje samo na tekst i SVG */
    background: linear-gradient(
        90deg, 
        #bf953f 0%, 
        #fcf6ba 45%, 
        #b38728 55%, 
        #fbf5b7 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    /* Pomera gradijent za efekat presijavanja */
    animation: goldShine 2s linear infinite;
    
    /* Blagi sjaj oko teksta */
    filter: drop-shadow(0 0 2px rgba(212, 175, 55, 0.3));
}

.gold-text-hover:hover svg {
    /* Osigurava da i strelica prati boju teksta */
    stroke: #b38728; 
}

@keyframes goldShine {
    to {
        background-position: 200% center;
    }
}




/* Onemogući selektovanje (plavljenje) */
.comparison-slider,
.comparison-slider * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-tap-highlight-color: transparent;
}

/* Dodatno: spreči drag slika */
.comparison-slider img {
  pointer-events: none;
  -webkit-user-drag: none;
}