/**
 * Content Egg output — aligns plugin HTML with Crack Best Deals UI.
 * Templates vary (grid, list, table); common hooks: .cegg5-container, .cegg-price, Bootstrap .card / .btn.
 * Inspect your page and extend selectors if your chosen template uses extra classes.
 */

/* ——— Wrapper ——— */
.crbd-theme .cegg5-container,
.crbd-theme .cegg-container,
.crbd-theme [class*="cegg-container"] {
	font-family: var(--crbd-font);
	color: var(--crbd-ink-soft);
	font-size: 1rem;
	line-height: 1.6;
	max-width: 100%;
}

.crbd-theme .cegg5-container {
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
}

/* When CE is placed inside the dashed placeholder, drop the “empty slot” chrome */
.crbd-ce-slot:has(.cegg5-container),
.crbd-ce-slot:has(.cegg-container) {
	border: none !important;
	background: transparent !important;
	min-height: 0 !important;
	padding: 0 !important;
}

/* ——— Price (all templates) ——— */
.crbd-theme .cegg-price,
.crbd-theme .cegg5-container .cegg-price {
	font-family: var(--crbd-font);
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--crbd-ink) !important;
	font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
	line-height: 1.15;
}

.crbd-theme .cegg5-container .text-muted,
.crbd-theme .cegg-container .text-muted {
	color: var(--crbd-muted) !important;
}

/* ——— Bootstrap 5 cards (common in CE templates) ——— */
.crbd-theme .cegg5-container .card,
.crbd-theme .cegg-container .card {
	border: 1px solid var(--crbd-line);
	border-radius: var(--crbd-radius);
	box-shadow: var(--crbd-shadow);
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	background: var(--crbd-elevated);
}

.crbd-theme .cegg5-container .card:hover,
.crbd-theme .cegg-container .card:hover {
	transform: translateY(-3px);
	box-shadow: var(--crbd-shadow-lg);
	border-color: rgba(37, 99, 235, 0.18);
}

.crbd-theme .cegg5-container .card-body,
.crbd-theme .cegg-container .card-body {
	padding: 1.15rem 1.25rem;
}

.crbd-theme .cegg5-container .card-title,
.crbd-theme .cegg5-container .card-title a,
.crbd-theme .cegg-container .card-title,
.crbd-theme .cegg-container .card-title a {
	font-family: var(--crbd-font);
	font-weight: 700;
	color: var(--crbd-ink);
	text-decoration: none;
	letter-spacing: -0.02em;
}

.crbd-theme .cegg5-container .card-title a:hover,
.crbd-theme .cegg-container .card-title a:hover {
	color: var(--crbd-accent);
}

.crbd-theme .cegg5-container .card-img-top,
.crbd-theme .cegg-container .card-img-top {
	background: linear-gradient(145deg, #f8fafc, #fff);
	object-fit: contain;
	padding: 0.75rem;
	max-height: 220px;
}

/* ——— Item rows / list blocks ——— */
.crbd-theme .cegg5-container .cegg-item,
.crbd-theme .cegg5-container .cegg-item-card,
.crbd-theme .cegg-container .cegg-item {
	border-radius: var(--crbd-radius-sm);
}

.crbd-theme .cegg5-container .cegg-item-card {
	border: 1px solid var(--crbd-line);
	background: var(--crbd-elevated);
	box-shadow: var(--crbd-shadow);
	padding: 1rem 1.15rem;
	margin-bottom: 0.75rem;
}

/* ——— Buttons ——— */
.crbd-theme .cegg5-container .btn,
.crbd-theme .cegg-container .btn {
	font-family: var(--crbd-font);
	font-weight: 700;
	border-radius: 10px;
	padding: 0.55rem 1.1rem;
	transition: filter 0.15s ease, transform 0.15s ease;
}

.crbd-theme .cegg5-container .btn-primary,
.crbd-theme .cegg-container .btn-primary {
	background: linear-gradient(180deg, #3b82f6 0%, var(--crbd-accent) 100%) !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}

.crbd-theme .cegg5-container .btn-primary:hover,
.crbd-theme .cegg-container .btn-primary:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
}

.crbd-theme .cegg5-container .btn-success,
.crbd-theme .cegg-container .btn-success {
	background: linear-gradient(180deg, #34d399 0%, var(--crbd-success) 100%) !important;
	border: none !important;
}

.crbd-theme .cegg5-container .btn-warning,
.crbd-theme .cegg-container .btn-warning {
	background: linear-gradient(180deg, #ffb84d 0%, var(--crbd-amazon) 100%) !important;
	border: none !important;
	color: #1a0f00 !important;
}

.crbd-theme .cegg5-container .btn-outline-primary,
.crbd-theme .cegg-container .btn-outline-primary {
	border-width: 2px;
	border-color: var(--crbd-accent);
	color: var(--crbd-accent);
	background: transparent;
}

.crbd-theme .cegg5-container .btn-outline-primary:hover,
.crbd-theme .cegg-container .btn-outline-primary:hover {
	background: var(--crbd-accent);
	color: #fff;
}

/* ——— Tables (comparison / offer lists) ——— */
.crbd-theme .cegg5-container .table,
.crbd-theme .cegg-container .table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	border-radius: var(--crbd-radius);
	overflow: hidden;
	border: 1px solid var(--crbd-line);
	box-shadow: var(--crbd-shadow);
	font-size: 0.9375rem;
}

.crbd-theme .cegg5-container .table thead th,
.crbd-theme .cegg-container .table thead th {
	background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
	color: var(--crbd-ink);
	font-weight: 700;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border: none;
	padding: 0.9rem 1rem;
	border-bottom: 2px solid #cbd5e1;
}

.crbd-theme .cegg5-container .table tbody td,
.crbd-theme .cegg-container .table tbody td {
	padding: 0.85rem 1rem;
	border-bottom: 1px solid var(--crbd-line);
	vertical-align: middle;
}

.crbd-theme .cegg5-container .table tbody tr:last-child td,
.crbd-theme .cegg-container .table tbody tr:last-child td {
	border-bottom: none;
}

.crbd-theme .cegg5-container .table-striped > tbody > tr:nth-of-type(odd) > *,
.crbd-theme .cegg-container .table-striped > tbody > tr:nth-of-type(odd) > * {
	background-color: rgba(248, 250, 252, 0.9);
}

.crbd-theme .cegg5-container .table tbody tr:hover td,
.crbd-theme .cegg-container .table tbody tr:hover td {
	background: rgba(239, 246, 255, 0.65) !important;
}

/* ——— Badges / stock ——— */
.crbd-theme .cegg5-container .badge,
.crbd-theme .cegg-container .badge {
	font-family: var(--crbd-font);
	font-weight: 700;
	border-radius: 999px;
	padding: 0.35em 0.65em;
}

/* ——— Grids ——— */
.crbd-theme .cegg5-container .row {
	--bs-gutter-x: 1.15rem;
	--bs-gutter-y: 1.15rem;
}

.crbd-theme .cegg5-container .mb-3,
.crbd-theme .cegg5-container .mb-4 {
	margin-bottom: 1rem !important;
}

/* ——— Links inside CE (not buttons) ——— */
.crbd-theme .cegg5-container a:not(.btn):not(.wp-block-button__link),
.crbd-theme .cegg-container a:not(.btn):not(.wp-block-button__link) {
	color: var(--crbd-accent);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.crbd-theme .cegg5-container a:not(.btn):not(.wp-block-button__link):hover,
.crbd-theme .cegg-container a:not(.btn):not(.wp-block-button__link):hover {
	color: var(--crbd-accent-hover);
}

/* ——— Mobile ——— */
@media (max-width: 782px) {
	.crbd-theme .cegg5-container .table-responsive,
	.crbd-theme .cegg-container .table-responsive {
		border-radius: var(--crbd-radius-sm);
		-webkit-overflow-scrolling: touch;
	}
}