:root {
        --service-accent: <?php echo esc_attr($accent); ?>;
    }

    /* ──────────────────────────────────────────────────────────
       Universal button hover/transition for service pages
       ────────────────────────────────────────────────────────── */
    .single-service a[class*="rounded"]:not(.faq-trigger):not(.faq-cta-btn):not(.service-sticky-bar__btn),
    .single-service button[class*="rounded"]:not(.faq-trigger):not(.faq-cta-btn):not(.service-sticky-bar__btn) {
        transition: transform 0.18s cubic-bezier(.2,.8,.2,1),
                    box-shadow 0.22s cubic-bezier(.2,.8,.2,1),
                    background-color 0.18s ease,
                    color 0.18s ease,
                    opacity 0.18s ease;
    }
    .single-service a[class*="bg-[#0a0a0a]"]:hover,
    .single-service a[class*="bg-[#1a1a1a]"]:hover,
    .single-service button[class*="bg-[#0a0a0a]"]:hover,
    .single-service button[class*="bg-[#1a1a1a]"]:hover {
        background-color: #000 !important;
        transform: translateY(-2px);
        box-shadow: 0 18px 32px -16px rgba(15, 23, 42, 0.45);
    }
    .single-service a[class*="bg-white"][class*="border"]:hover,
    .single-service button[class*="bg-white"][class*="border"]:hover {
        background-color: #f8fafc !important;
        border-color: rgba(15,23,42,0.20) !important;
        transform: translateY(-1px);
    }
    .single-service a[class*="bg-[#f1f5f9]"]:hover,
    .single-service a[class*="bg-[#f7f8fa]"]:hover,
    .single-service button[class*="bg-[#f1f5f9]"]:hover,
    .single-service button[class*="bg-[#f7f8fa]"]:hover {
        background-color: #e2e8f0 !important;
        transform: translateY(-1px);
    }
    .single-service .service-cta-primary {
        position: relative;
        overflow: hidden;
    }
    .single-service .service-cta-primary:hover {
        background: #000 !important;
        transform: translateY(-2px);
        box-shadow: 0 24px 40px -16px rgba(15, 23, 42, 0.55);
    }
    .single-service .service-cta-primary::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,0.18) 50%, transparent 65%);
        transform: translateX(-100%);
        transition: transform 0.6s cubic-bezier(.2,.8,.2,1);
        pointer-events: none;
    }
    .single-service .service-cta-primary:hover::before { transform: translateX(100%); }
    /* keep arrow nudges smooth on every CTA */
    .single-service a:hover svg,
    .single-service button:hover svg {
        transition: transform 0.2s ease;
    }