/**
 * GS Kleurstalen - Navigation Styles
 */

/* Style for dynamically added kleurstalen button in navigation */
.gs-nav-kleurstalen-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 6px;
    transition: all 0.2s ease;
    margin-left: 10px;
}

.gs-nav-kleurstalen-btn:hover {
    background: linear-gradient(135deg, #c0392b 0%, #a93226 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

/* Make elements with "Gratis stalen" text look clickable */
[data-gs-processed="true"] {
    cursor: pointer !important;
}