.menu-highlight-wrapper {
    margin-top: 100px;
    width: 100%;
    padding: 2% 0;
    background-color: white;
    text-align: center;
}

.highlight-title {
    font-size: clamp(1.5rem, 2vw, 2.5rem);
    font-weight: 600;
    margin-bottom: 0.5em;
    color: #222;
}

.highlight-description {
    font-size: clamp(1rem, 1.2vw, 1.3rem);
    color: #666;
    margin-bottom: 2em;
}

.highlight-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1vw;
    margin-bottom: 2%;
}

.highlight-tabs button {
    padding: 0.6em 1.5em;
    font-size: clamp(0.9rem, 1vw, 1.1rem);
    background-color: #eceff8;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    color: #245069;
    transition: background-color 0.3s ease;
}

.highlight-tabs button:hover {
    background-color: #e1efff;
}

/* === Dugme "POGLEDAJ VIŠE" === */
.highlight-more-link-wrapper {
    width: 95%;
    display: flex;
    justify-content: flex-end;
    margin: 1% auto 3%;
}

.highlight-more-link {
    text-decoration: none;
    background-color: transparent;
    color: #245069;
    border: 2px solid #245069;
    padding: 0.4em 1em;
    border-radius: 999px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

.highlight-more-link:hover {
    background-color: #245069;
    color: white;
}

.highlight-content {
    width: 100%;
    display: flex;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.highlight-content.hidden {
    display: none;
}