/*
 * Dalga Quote: Services page (536) cards link to the quotation form (/quotation/#request-a-quote).
 * Each card is an Elementor image-box carrying class "dsv-card"; its title link is stretched over the
 * whole card (no visible cue line; the page's bottom CTA carries the words). Tagged dracula-ignore, so both schemes are authored here:
 * light = base, dark = html[data-dracula-scheme="dark"].
 */
.dsv-card{
	--dsv-accent:#5646d6;
	position:relative;
}
html[data-dracula-scheme="dark"] .dsv-card{
	--dsv-accent:#a59bff;
}

/* the whole card is the link */
.dsv-card .elementor-image-box-title a{color:inherit; text-decoration:none}
.dsv-card .elementor-image-box-title a::after{content:""; position:absolute; inset:0; z-index:1; border-radius:18px}
.dsv-card .elementor-image-box-description a{position:relative; z-index:2}

/* hover and keyboard focus */
.dsv-card .elementor-image-box-img img{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.dsv-card .elementor-image-box-title{transition:color .15s ease}
.dsv-card:hover .elementor-image-box-img img,.dsv-card:focus-within .elementor-image-box-img img{transform:translateY(-6px)}
.dsv-card:hover .elementor-image-box-title,.dsv-card:focus-within .elementor-image-box-title{color:var(--dsv-accent) !important}
.dsv-card .elementor-image-box-title a:focus-visible{outline:none}
.dsv-card .elementor-image-box-title a:focus-visible::after{outline:2px solid var(--dsv-accent); outline-offset:6px}

@media (prefers-reduced-motion:reduce){
	.dsv-card .elementor-image-box-img img{transition:none}
	.dsv-card:hover .elementor-image-box-img img,.dsv-card:focus-within .elementor-image-box-img img{transform:none}
}