/**
 * UXDivi · Theme dark para WP Download Manager
 *
 * Aplica en cualquier lugar donde aparezca el wrapper `.w3eden`:
 * - Default Template (`link-template-default.card`): card horizontal
 *   con icono ZIP + título + meta + botón Descargar/Login.
 * - Extended Template (`list-group` con `list-group-item d-flex`):
 *   panel con Versión / Descargar / Tamaño / Fecha + CTA grande.
 * - Caso login-required (panel anidado con `text-danger` + botón
 *   `btn-danger Login`).
 *
 * Convención:
 * - Usa `!important` en background/border/color/radius porque el CSS
 *   base del plugin trae overrides Bootstrap-like difíciles de pisar.
 * - Tokens del DS UXDivi con fallbacks hardcoded para que el theme
 *   funcione aunque `uxdivi-core.css` no esté presente en una page.
 *
 * Carga: enqueuada por mu-plugin `uxdivi-wpdm-theme.php` (frontend
 * global, no admin).
 */

/* ─── Wrapper general .w3eden ─── */
.w3eden {
	color: var(--ink-2, #c6d2e8);
}
.w3eden a:not(.btn) {
	color: var(--cyan, #62E5FF);
}
.w3eden .text-muted {
	color: var(--ink-3, #8694b3) !important;
}
.w3eden .text-small {
	font-size: 12.5px !important;
}

/* ─── Card del Default Template + cards anidadas ─── */
.w3eden .link-template-default.card,
.w3eden .panel.panel-default.card,
.w3eden .panel.card,
.w3eden > .card {
	background:
		radial-gradient(400px 280px at 100% 0%, rgba(98,229,255,0.15), transparent 60%),
		linear-gradient(160deg, rgba(1,77,253,0.18), rgba(10,15,30,0.92)) !important;
	border: 1px solid rgba(98,229,255,0.25) !important;
	border-radius: 18px !important;
	box-shadow: 0 14px 30px -16px rgba(1,77,253,0.4) !important;
	overflow: hidden;
	color: var(--ink, #fff);
	transition: transform .2s, box-shadow .2s, border-color .2s;
	margin-bottom: 16px;
}
.w3eden .link-template-default.card:hover {
	transform: translateY(-2px);
	border-color: rgba(98,229,255,0.45) !important;
	box-shadow: 0 22px 36px -16px rgba(1,77,253,0.55) !important;
}

/* La card anidada (cuando es login-required) NO necesita hover
   propio ni el padding/shadow del wrapper externo. */
.w3eden .card .w3eden .card {
	background: rgba(10,15,30,0.45) !important;
	border: 1px solid rgba(98,229,255,0.15) !important;
	box-shadow: none !important;
	margin-bottom: 0;
}

/* ─── Card body + panel-body ─── */
.w3eden .card .card-body,
.w3eden .panel-body.card-body {
	background: transparent !important;
	color: var(--ink-2, #c6d2e8);
	padding: 18px 22px !important;
}

/* ─── Card footer ─── */
.w3eden .panel-footer.card-footer {
	background: rgba(10,15,30,0.45) !important;
	border-top: 1px solid rgba(98,229,255,0.15) !important;
	color: var(--ink-3, #8694b3);
	padding: 14px 22px !important;
}

/* ─── Media (flex) ─── */
.w3eden .card-body .media {
	display: flex !important;
	align-items: center;
	gap: 16px;
}
.w3eden .media-body {
	flex: 1;
	min-width: 0;
}

/* ─── Icono ZIP container ─── */
.w3eden .mr-3.img-48,
.w3eden .img-48 {
	background: rgba(1,77,253,0.15);
	border: 1px solid rgba(98,229,255,0.3);
	border-radius: 12px;
	padding: 8px;
	width: 56px;
	height: 56px;
	min-width: 56px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin: 0 !important;
}
.w3eden .wpdm_icon,
.w3eden .img-48 img {
	max-width: 100% !important;
	max-height: 100% !important;
	display: block;
}

/* ─── Title (h3.package-title) ─── */
.w3eden .package-title,
.w3eden .package-title a {
	color: var(--cyan, #62E5FF) !important;
	font-family: var(--display, 'Bricolage Grotesque', sans-serif) !important;
	font-weight: 600 !important;
	font-size: 17px !important;
	line-height: 1.3 !important;
	margin: 0 0 6px !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
}
.w3eden .package-title a:hover {
	color: #fff !important;
}

/* ─── List group (Extended Template) ─── */
.w3eden .list-group {
	background: transparent !important;
	border-radius: 14px !important;
	overflow: hidden;
	border: 1px solid rgba(98,229,255,0.2) !important;
	margin-bottom: 14px !important;
}
.w3eden .list-group-item {
	background: rgba(10,15,30,0.6) !important;
	color: var(--ink-2, #c6d2e8) !important;
	border: 0 !important;
	border-top: 1px solid rgba(98,229,255,0.12) !important;
	padding: 12px 18px !important;
	font-family: var(--body, 'Inter', sans-serif) !important;
	font-size: 14px !important;
}
.w3eden .list-group-item:first-child {
	border-top: 0 !important;
}
.w3eden .list-group-item b,
.w3eden .list-group-item strong {
	color: var(--ink, #fff);
	font-weight: 600;
}

/* ─── Botones (variantes Bootstrap del plugin) ─── */
.w3eden .btn,
.w3eden a.btn,
.w3eden button.btn,
.w3eden input.btn,
.w3eden .btn-primary,
.w3eden .btn-success,
.w3eden .btn-info {
	background: linear-gradient(135deg, var(--brand, #014DFD), var(--brand-light, #4d7eff)) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 10px 22px !important;
	font-family: var(--display, 'Bricolage Grotesque', sans-serif) !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	box-shadow: 0 10px 24px -10px rgba(1,77,253,0.55) !important;
	text-shadow: none !important;
	transition: transform .15s, box-shadow .15s !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	line-height: 1.2 !important;
	white-space: nowrap;
	cursor: pointer;
}
.w3eden .btn:hover,
.w3eden a.btn:hover,
.w3eden button.btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 32px -10px rgba(1,77,253,0.7) !important;
	color: #fff !important;
}
.w3eden .btn .fa,
.w3eden .btn .fas,
.w3eden .btn i {
	color: inherit;
}

/* Botón Login (rojo en plugin default) → variante outline rojo
   sutil que avisa pero no rompe el dark theme. */
.w3eden .btn.btn-danger {
	background: rgba(255,82,82,0.12) !important;
	color: #ff9e9e !important;
	border: 1px solid rgba(255,82,82,0.4) !important;
	box-shadow: none !important;
}
.w3eden .btn.btn-danger:hover {
	background: rgba(255,82,82,0.2) !important;
	color: #ffb3b3 !important;
	border-color: rgba(255,82,82,0.6) !important;
}

/* Texto "Debes registrarte..." (text-danger) */
.w3eden .text-danger {
	color: #ff9e9e !important;
}
.w3eden .text-success {
	color: var(--cyan, #62E5FF) !important;
}

/* ─── Botón "Descargar" del Extended Template (CTA grande
       fuera del list-group) ─── */
.w3eden .text-right {
	text-align: right;
}
.w3eden .text-center {
	text-align: center;
}

/* ─── Responsive · móvil / tablet ─── */
@media (max-width: 640px) {
	.w3eden .card-body .media {
		flex-wrap: wrap;
		gap: 12px;
	}
	.w3eden .ml-3,
	.w3eden .ml-3:has(.btn) {
		margin-left: 0 !important;
		margin-top: 8px;
		width: 100%;
	}
	.w3eden .ml-3 .btn,
	.w3eden .ml-3 > .w3eden .btn {
		width: 100%;
		justify-content: center;
	}
	.w3eden .package-title,
	.w3eden .package-title a {
		font-size: 15.5px !important;
	}
	.w3eden .card .card-body,
	.w3eden .panel-body.card-body {
		padding: 16px 18px !important;
	}
	.w3eden .list-group-item {
		font-size: 13px !important;
		padding: 10px 14px !important;
	}
}