/* ============================================
   G-Werk Product Page - Amber Theme
   ============================================ */
:root {
    --handwerker: #d97706;
    --handwerker-hover: #b45309;
    --handwerker-bg: rgba(217, 119, 6, 0.06);
}

/* Override accent for Handwerker page */
.page-handwerker .section-tag {
    color: var(--handwerker);
    background: var(--handwerker-bg);
}

.page-handwerker .hero {
    background: linear-gradient(180deg, #fffbeb 0%, var(--color-bg-secondary) 100%);
}

.page-handwerker .hero-gradient {
    background:
        radial-gradient(ellipse 60% 40% at 65% 20%, rgba(217, 119, 6, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse 50% 40% at 30% 80%, rgba(217, 119, 6, 0.03) 0%, transparent 40%);
}

.page-handwerker .hero-title .highlight {
    color: var(--handwerker);
}

.page-handwerker .btn-primary {
    background: var(--handwerker);
}

.page-handwerker .btn-primary:hover {
    background: var(--handwerker-hover);
}

/* Feature cards */
.page-handwerker .feature-icon {
    background: var(--handwerker-bg);
}

.page-handwerker .feature-icon svg {
    color: var(--handwerker);
}

/* Compliance items */
.page-handwerker .compliance-item svg {
    color: var(--handwerker);
}

/* Audience cards */
.page-handwerker .audience-card svg {
    color: var(--handwerker);
}

/* CTA override */
.page-handwerker .cta-section {
    background: var(--handwerker);
}

.page-handwerker .cta-section .btn {
    color: var(--handwerker);
}