﻿:root {
    --navbar-h: 72px;
    --navbar-fg: #ffffff;
    /* --- PROMENJENO: Nova "Honey" paleta boja --- */
    --cta-honey-start: #f0b429; /* Svetliji deo gradijenta */
    --cta-honey-end: #d89e11; /* Tamniji deo gradijenta */
    --cta-honey-hover: #c68e17; /* Boja za hover */
    --cta-honey-border: #b57d0a; /* Boja za ivicu */
    --cta-text-black: #111111; /* Skoro crna za tekst */
}

/* ... (ostatak koda ostaje isti) ... */
body {
    padding-top: 0;
}

.desktop-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--navbar-h);
    color: var(--navbar-fg);
    z-index: 1040;
    background-color: transparent;
    transition: background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}

    .desktop-navbar.scrolled {
        background-color: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        box-shadow: 0 2px 10px rgba(0,0,0,.35);
    }

    .desktop-navbar .navbar-container {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 24px;
        padding-right: 20px;
    }

    .desktop-navbar .brand {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--navbar-fg);
        text-decoration: none;
    }

        .desktop-navbar .brand:hover {
            opacity: .9;
        }

    .desktop-navbar .logo {
        height: 54px;
        width: auto;
        object-fit: contain;
    }

    .desktop-navbar .brand-text {
        font-weight: 700;
        font-size: 1.25rem;
        letter-spacing: .2px;
    }


    /* ================================================= */
    /* ==   STILIZACIJA DUGMETA - "Honey" verzija     == */
    /* ================================================= */

    .desktop-navbar .btn-cta {
        /* --- PROMENJENO: Novi "medeni" gradijent --- */
        background: linear-gradient(180deg, var(--cta-honey-start), var(--cta-honey-end));
        /* --- PROMENJENO: Boja teksta je sada crna --- */
        color: var(--cta-text-black);
        border: 1px solid var(--cta-honey-border);
        padding: .6rem 1.2rem;
        border-radius: .5rem;
        font-weight: 700;
        letter-spacing: .2px;
        cursor: pointer;
        transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
        text-decoration: none;
        display: inline-block;
    }

        .desktop-navbar .btn-cta:hover {
            /* --- PROMENJENO: Tamnija "medena" boja za hover --- */
            background: var(--cta-honey-hover);
            transform: translateY(-2px);
            /* --- PROMENJENO: Senka koja odgovara novoj boji --- */
            box-shadow: 0 6px 12px rgba(216, 158, 17, 0.3);
        }
