/* ==========================================================================
   Campus Element — GDPR Consent — Theme Variants
   Three visual variants applied via theming system.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Variant 1: Standard
   Classic bordered GDPR box.
   -------------------------------------------------------------------------- */

.cp-el-variant-standard .cp-gdpr-box {
	border: 1px solid var(--cp-el-border-color, var(--cp-theme-border, #e5e7eb));
	border-radius: var(--cp-el-border-radius, 8px);
	background: var(--cp-el-bg, var(--cp-theme-input-bg-alt, #f8fafc));
	box-shadow: 0 1px 2px var(--cp-theme-shadow, rgba(0, 0, 0, 0.05));
}


/* --------------------------------------------------------------------------
   Variant 2: Elevated
   Card-style with accent border.
   -------------------------------------------------------------------------- */

.cp-el-variant-elevated .cp-gdpr-box {
	border: 2px solid var(--cp-el-border-color, var(--cp-theme-border, #e2e8f0));
	border-radius: 10px;
	background: var(--cp-el-bg, #fff);
	box-shadow: 0 4px 6px -1px var(--cp-theme-shadow, rgba(0, 0, 0, 0.1));
}

.cp-el-variant-elevated .cp-gdpr-header {
	color: var(--cp-el-text-color, var(--cp-theme-text, #1e293b));
}

.cp-el-variant-elevated .cp-gdpr-header .dashicons {
	color: var(--cp-el-accent-color, var(--cp-theme-accent, #3b82f6));
}

.cp-el-variant-elevated .cp-gdpr-accept-all {
	border-color: var(--cp-el-accent-color, var(--cp-theme-accent, #3b82f6));
	color: var(--cp-el-accent-color, var(--cp-theme-accent, #3b82f6));
}


/* --------------------------------------------------------------------------
   Variant 3: Minimal
   Flat minimal style.
   -------------------------------------------------------------------------- */

.cp-el-variant-minimal .cp-gdpr-box {
	border: none;
	border-left: 4px solid var(--cp-el-accent-color, var(--cp-theme-accent, #3b82f6));
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	padding-left: 12px;
}

.cp-el-variant-minimal .cp-gdpr-purpose,
.cp-el-variant-minimal .cp-gdpr-retention,
.cp-el-variant-minimal .cp-gdpr-controller {
	color: var(--cp-el-text-color, var(--cp-theme-text-secondary, #64748b));
}

.cp-el-variant-minimal .cp-gdpr-accept-all {
	background: transparent;
}
