diff --git a/styles.css b/styles.css index edc18da..6155eb3 100644 --- a/styles.css +++ b/styles.css @@ -853,11 +853,13 @@ body { opacity: 0; transform: translateX(-10px); transition: var(--transition-normal); + pointer-events: none; } .service-arrow svg { width: 16px; height: 16px; + pointer-events: none; } .service-card:hover .service-arrow { @@ -1957,19 +1959,25 @@ body { grid-template-columns: 1fr; } } -/* Ensure service cards are clickable */ -.service-card { - cursor: pointer; - position: relative; -} - -/* Fix service glow - don't block clicks */ -.service-glow { - pointer-events: none; -} +/* ======================================== + CLICK FIX - Ensure service cards are fully clickable + ======================================== */ /* Ensure anchor service cards work properly */ a.service-card { display: block; text-decoration: none; + cursor: pointer !important; +} + +/* ALL children of service cards should not block clicks */ +.service-card * { + pointer-events: none !important; +} + +/* But the anchor itself should be clickable */ +a.service-card, +a.service-card:active, +a.service-card:focus { + pointer-events: auto !important; }