/* DOYJO Presets — Cards */
.is-style-djde-card-drift,
.is-style-djde-card-edge,
.is-style-djde-card-glass,
.is-style-djde-card-halo{
	border-radius: var(--djde-radius, 14px);
	overflow: hidden;
}

/* Drift: soft card surface */
.is-style-djde-card-drift{
	background: var(--djde-bg, rgba(255,255,255,.75));
	border: 1px solid var(--djde-border, rgba(0,0,0,.08));
	box-shadow: var(--djde-shadow, 0 10px 30px rgba(0,0,0,.10));
	padding: clamp(18px, 3vw, 28px);
}

/* Edge: crisp outline, no heavy shadow */
.is-style-djde-card-edge{
	background: transparent;
	border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	box-shadow: none;
	padding: clamp(18px, 3vw, 28px);
}

/* Glass: frosted surface */
.is-style-djde-card-glass{
	background: var(--djde-glass, rgba(255,255,255,.66));
	border: 1px solid var(--djde-glass-border, rgba(255,255,255,.40));
	box-shadow: var(--djde-shadow, 0 10px 30px rgba(0,0,0,.10));
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: clamp(18px, 3vw, 28px);
}

/* Halo: gradient border “ring” */
.is-style-djde-card-halo{
	position: relative;
	background: var(--djde-bg, rgba(255,255,255,.75));
	padding: clamp(18px, 3vw, 28px);
}

.is-style-djde-card-halo::before{
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(135deg,
		color-mix(in srgb, currentColor 22%, transparent),
		transparent 35%,
		color-mix(in srgb, currentColor 18%, transparent)
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}