/**
 * Phase 9: Advanced Card System.
 * Theme-wide premium card layer. Backward compatible: it enhances existing card
 * classes without requiring template rewrites.
 */
:root {
	--dsp-card-bg: #fff;
	--dsp-card-text: #111827;
	--dsp-card-border: #e5e7eb;
	--dsp-card-accent: var(--dsp-color-accent, #6d28d9);
	--dsp-card-radius: 24px;
	--dsp-card-padding: 24px;
	--dsp-card-gap: 28px;
	--dsp-card-border-width: 1px;
	--dsp-card-shadow: 0 24px 64px rgba(15,23,42,.12);
	--dsp-card-columns-desktop: 3;
	--dsp-card-columns-tablet: 2;
	--dsp-card-columns-mobile: 1;
}

.dsp-card-system-enabled .dsp-card-grid,
.dsp-card-system-enabled .dsp-testimonial-grid,
.dsp-card-system-enabled .dsp-portfolio-grid,
.dsp-card-system-enabled .dsp-products-grid,
.dsp-card-system-enabled .dsp-services-grid,
.dsp-card-system-enabled .dsp-team-grid,
.dsp-card-system-enabled .dsp-blog-grid,
.dsp-card-system-enabled ul.products {
	gap: var(--dsp-card-gap);
}

.dsp-card-system-enabled .dsp-card-grid,
.dsp-card-system-enabled .dsp-services-grid,
.dsp-card-system-enabled .dsp-portfolio-grid,
.dsp-card-system-enabled .dsp-products-grid,
.dsp-card-system-enabled .dsp-team-grid,
.dsp-card-system-enabled .dsp-blog-grid {
	display: grid;
	grid-template-columns: repeat(var(--dsp-card-columns-desktop), minmax(0, 1fr));
}

.dsp-card-system-enabled .dsp-card,
.dsp-card-system-enabled .dsp-advanced-card,
.dsp-card-system-enabled .dsp-service-card,
.dsp-card-system-enabled .dsp-product-card,
.dsp-card-system-enabled .dsp-product-item,
.dsp-card-system-enabled .dsp-portfolio-card,
.dsp-card-system-enabled .dsp-portfolio-item,
.dsp-card-system-enabled .dsp-pricing-card,
.dsp-card-system-enabled .dsp-testimonial-card,
.dsp-card-system-enabled .dsp-testimonial-item,
.dsp-card-system-enabled .dsp-blog-card,
.dsp-card-system-enabled .dsp-team-card,
.dsp-card-system-enabled .dsp-mega-menu-card,
.dsp-card-system-enabled .dsp-slider-card,
.dsp-card-system-enabled ul.products li.product {
	position: relative;
	isolation: isolate;
	padding: var(--dsp-card-padding);
	border: var(--dsp-card-border-width) solid var(--dsp-card-border);
	border-radius: var(--dsp-card-radius);
	background: var(--dsp-card-bg);
	color: var(--dsp-card-text);
	box-shadow: var(--dsp-card-shadow);
	overflow: hidden;
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease, filter .28s ease;
	will-change: transform;
}

.dsp-card-system-enabled .dsp-portfolio-card,
.dsp-card-system-enabled .dsp-product-item,
.dsp-card-system-enabled ul.products li.product {
	padding: 0;
}

.dsp-card-system-enabled .dsp-portfolio-card__content,
.dsp-card-system-enabled .dsp-product-card__content,
.dsp-card-system-enabled ul.products li.product .woocommerce-loop-product__title,
.dsp-card-system-enabled ul.products li.product .price,
.dsp-card-system-enabled ul.products li.product .button {
	margin-left: var(--dsp-card-padding);
	margin-right: var(--dsp-card-padding);
}

.dsp-card-system-enabled ul.products li.product .button {
	margin-bottom: var(--dsp-card-padding);
}

.dsp-card-style-flat .dsp-card,
.dsp-card-style-flat .dsp-advanced-card,
.dsp-card-style-flat .dsp-service-card,
.dsp-card-style-flat .dsp-product-card,
.dsp-card-style-flat .dsp-product-item,
.dsp-card-style-flat .dsp-portfolio-card,
.dsp-card-style-flat .dsp-portfolio-item,
.dsp-card-style-flat .dsp-pricing-card,
.dsp-card-style-flat .dsp-testimonial-card,
.dsp-card-style-flat .dsp-testimonial-item,
.dsp-card-style-flat .dsp-blog-card,
.dsp-card-style-flat .dsp-team-card,
.dsp-card-style-flat ul.products li.product {
	box-shadow: none;
}

.dsp-card-style-glass .dsp-card,
.dsp-card-style-glass .dsp-advanced-card,
.dsp-card-style-glass .dsp-service-card,
.dsp-card-style-glass .dsp-product-card,
.dsp-card-style-glass .dsp-product-item,
.dsp-card-style-glass .dsp-portfolio-card,
.dsp-card-style-glass .dsp-portfolio-item,
.dsp-card-style-glass .dsp-pricing-card,
.dsp-card-style-glass .dsp-testimonial-card,
.dsp-card-style-glass .dsp-testimonial-item,
.dsp-card-style-glass .dsp-blog-card,
.dsp-card-style-glass .dsp-team-card,
.dsp-card-style-glass ul.products li.product {
	background: color-mix(in srgb, var(--dsp-card-bg) 72%, transparent);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border-color: color-mix(in srgb, var(--dsp-card-border) 45%, #fff);
}

.dsp-card-style-neumorphism .dsp-card,
.dsp-card-style-neumorphism .dsp-advanced-card,
.dsp-card-style-neumorphism .dsp-service-card,
.dsp-card-style-neumorphism .dsp-product-card,
.dsp-card-style-neumorphism .dsp-product-item,
.dsp-card-style-neumorphism .dsp-portfolio-card,
.dsp-card-style-neumorphism .dsp-portfolio-item,
.dsp-card-style-neumorphism .dsp-pricing-card,
.dsp-card-style-neumorphism .dsp-testimonial-card,
.dsp-card-style-neumorphism .dsp-testimonial-item,
.dsp-card-style-neumorphism .dsp-blog-card,
.dsp-card-style-neumorphism .dsp-team-card,
.dsp-card-style-neumorphism ul.products li.product {
	box-shadow: 12px 12px 30px rgba(15,23,42,.10), -12px -12px 30px rgba(255,255,255,.86);
	background: #f8fafc;
}

.dsp-card-style-gradient .dsp-card::before,
.dsp-card-style-gradient .dsp-advanced-card::before,
.dsp-card-style-gradient .dsp-service-card::before,
.dsp-card-style-gradient .dsp-product-card::before,
.dsp-card-style-gradient .dsp-product-item::before,
.dsp-card-style-gradient .dsp-portfolio-card::before,
.dsp-card-style-gradient .dsp-portfolio-item::before,
.dsp-card-style-gradient .dsp-pricing-card::before,
.dsp-card-style-gradient .dsp-testimonial-card::before,
.dsp-card-style-gradient .dsp-testimonial-item::before,
.dsp-card-style-gradient .dsp-blog-card::before,
.dsp-card-style-gradient .dsp-team-card::before,
.dsp-card-style-gradient ul.products li.product::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(circle at top left, color-mix(in srgb, var(--dsp-card-accent) 24%, transparent), transparent 36%), var(--dsp-card-bg);
}

.dsp-card-hover-lift .dsp-card:hover,
.dsp-card-hover-lift .dsp-advanced-card:hover,
.dsp-card-hover-lift .dsp-service-card:hover,
.dsp-card-hover-lift .dsp-product-card:hover,
.dsp-card-hover-lift .dsp-product-item:hover,
.dsp-card-hover-lift .dsp-portfolio-card:hover,
.dsp-card-hover-lift .dsp-portfolio-item:hover,
.dsp-card-hover-lift .dsp-testimonial-card:hover,
.dsp-card-hover-lift .dsp-testimonial-item:hover,
.dsp-card-hover-lift ul.products li.product:hover { transform: translateY(-8px); }

.dsp-card-hover-glow .dsp-card:hover,
.dsp-card-hover-glow .dsp-advanced-card:hover,
.dsp-card-hover-glow .dsp-service-card:hover,
.dsp-card-hover-glow .dsp-product-card:hover,
.dsp-card-hover-glow .dsp-portfolio-card:hover,
.dsp-card-hover-glow .dsp-testimonial-card:hover,
.dsp-card-hover-glow ul.products li.product:hover { box-shadow: 0 0 0 4px color-mix(in srgb, var(--dsp-card-accent) 18%, transparent), 0 24px 70px rgba(15,23,42,.16); }

.dsp-card-hover-zoom .dsp-card:hover,
.dsp-card-hover-zoom .dsp-advanced-card:hover,
.dsp-card-hover-zoom .dsp-service-card:hover,
.dsp-card-hover-zoom .dsp-product-card:hover,
.dsp-card-hover-zoom .dsp-portfolio-card:hover,
.dsp-card-hover-zoom .dsp-testimonial-card:hover,
.dsp-card-hover-zoom ul.products li.product:hover { transform: scale(1.025); }

.dsp-card-hover-shadow .dsp-card:hover,
.dsp-card-hover-shadow .dsp-advanced-card:hover,
.dsp-card-hover-shadow .dsp-service-card:hover,
.dsp-card-hover-shadow .dsp-product-card:hover,
.dsp-card-hover-shadow .dsp-portfolio-card:hover,
.dsp-card-hover-shadow .dsp-testimonial-card:hover,
.dsp-card-hover-shadow ul.products li.product:hover { box-shadow: 0 34px 90px rgba(15,23,42,.22); }

.dsp-card-hover-border-reveal .dsp-card:hover,
.dsp-card-hover-border-reveal .dsp-advanced-card:hover,
.dsp-card-hover-border-reveal .dsp-service-card:hover,
.dsp-card-hover-border-reveal .dsp-product-card:hover,
.dsp-card-hover-border-reveal .dsp-portfolio-card:hover,
.dsp-card-hover-border-reveal .dsp-testimonial-card:hover,
.dsp-card-hover-border-reveal ul.products li.product:hover { border-color: var(--dsp-card-accent); }

.dsp-card-hover-gradient .dsp-card:hover,
.dsp-card-hover-gradient .dsp-advanced-card:hover,
.dsp-card-hover-gradient .dsp-service-card:hover,
.dsp-card-hover-gradient .dsp-product-card:hover,
.dsp-card-hover-gradient .dsp-portfolio-card:hover,
.dsp-card-hover-gradient .dsp-testimonial-card:hover,
.dsp-card-hover-gradient ul.products li.product:hover { filter: saturate(1.12); background: linear-gradient(135deg, var(--dsp-card-bg), color-mix(in srgb, var(--dsp-card-accent) 9%, var(--dsp-card-bg))); }

.dsp-card-system-enabled .dsp-card:focus-within,
.dsp-card-system-enabled .dsp-advanced-card:focus-within,
.dsp-card-system-enabled .dsp-service-card:focus-within,
.dsp-card-system-enabled .dsp-product-card:focus-within,
.dsp-card-system-enabled .dsp-portfolio-card:focus-within,
.dsp-card-system-enabled .dsp-testimonial-card:focus-within,
.dsp-card-system-enabled ul.products li.product:focus-within {
	outline: 3px solid color-mix(in srgb, var(--dsp-card-accent) 45%, transparent);
	outline-offset: 4px;
}

.dsp-card-system-enabled .dsp-card img,
.dsp-card-system-enabled .dsp-portfolio-card img,
.dsp-card-system-enabled .dsp-product-card img,
.dsp-card-system-enabled ul.products li.product img {
	transition: transform .32s ease;
}

.dsp-card-system-enabled .dsp-card:hover img,
.dsp-card-system-enabled .dsp-portfolio-card:hover img,
.dsp-card-system-enabled .dsp-product-card:hover img,
.dsp-card-system-enabled ul.products li.product:hover img {
	transform: scale(1.035);
}

@media (max-width: 1024px) {
	.dsp-card-system-enabled .dsp-card-grid,
	.dsp-card-system-enabled .dsp-services-grid,
	.dsp-card-system-enabled .dsp-portfolio-grid,
	.dsp-card-system-enabled .dsp-products-grid,
	.dsp-card-system-enabled .dsp-team-grid,
	.dsp-card-system-enabled .dsp-blog-grid { grid-template-columns: repeat(var(--dsp-card-columns-tablet), minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.dsp-card-system-enabled .dsp-card-grid,
	.dsp-card-system-enabled .dsp-services-grid,
	.dsp-card-system-enabled .dsp-portfolio-grid,
	.dsp-card-system-enabled .dsp-products-grid,
	.dsp-card-system-enabled .dsp-team-grid,
	.dsp-card-system-enabled .dsp-blog-grid { grid-template-columns: repeat(var(--dsp-card-columns-mobile), minmax(0, 1fr)); }
	.dsp-card-system-enabled .dsp-card,
	.dsp-card-system-enabled .dsp-advanced-card,
	.dsp-card-system-enabled .dsp-service-card,
	.dsp-card-system-enabled .dsp-product-card,
	.dsp-card-system-enabled .dsp-portfolio-card,
	.dsp-card-system-enabled .dsp-testimonial-card { padding: calc(var(--dsp-card-padding) * .78); }
}

@media (prefers-reduced-motion: reduce) {
	.dsp-card-system-enabled .dsp-card,
	.dsp-card-system-enabled .dsp-advanced-card,
	.dsp-card-system-enabled .dsp-service-card,
	.dsp-card-system-enabled .dsp-product-card,
	.dsp-card-system-enabled .dsp-portfolio-card,
	.dsp-card-system-enabled .dsp-testimonial-card,
	.dsp-card-system-enabled ul.products li.product,
	.dsp-card-system-enabled .dsp-card img,
	.dsp-card-system-enabled ul.products li.product img {
		transition: none;
		transform: none !important;
	}
}