/* ==========================================================================
   BragDeals Auto — ReHub theme card overrides
   Targets ReHub's existing card classes to ensure inherited elements
   (image square-crop, card shadow, title clamp) look consistent.
   Uses !important only where ReHub's specificity would otherwise win.
   ========================================================================== */

/* ── Card shadow + hover lift ── */
.post-item .inside-wrap,
.item-post .inside-wrap,
.grid_post_item .inside-wrap,
.cat_post_item .inside-wrap {
	box-shadow: 0 1px 4px rgba(0,0,0,.10) !important;
	transition: box-shadow .2s ease, transform .2s ease !important;
}
.post-item:hover .inside-wrap,
.item-post:hover .inside-wrap {
	box-shadow: 0 4px 16px rgba(0,0,0,.14) !important;
	transform: translateY(-3px) !important;
}

/* ── Square images ── */
.post-item .post-thumb,
.item-post .post-thumb,
.post-item .thumb-wrap,
.item-post .thumb-wrap {
	position: relative !important;
	width: 100% !important;
	padding-top: 100% !important;
	overflow: hidden !important;
}
.post-item .post-thumb img,
.item-post .post-thumb img,
.post-item .thumb-wrap img,
.item-post .thumb-wrap img {
	position: absolute !important;
	top: 0 !important; left: 0 !important;
	width: 100% !important; height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* ── WooCommerce product images ── */
.woocommerce ul.products li.product a img {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}

/* ── Post title — 2-line clamp ── */
.post-item .post-title a,
.item-post .post-title a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

/* ── grid_onsale discount badge ──────────────────────────────────────────────
   compact_grid.php outputs <span class="grid_onsale">-40%</span>.
   ReHub's admin settings often apply the site's primary button color here
   (can be yellow with dark text). Override to white-on-orange for our cards.
   ─────────────────────────────────────────────────────────────────────────── */
/* grid_onsale: used by compact_grid.php — override ReHub's dynamic button color */
.col_item.offer_grid .grid_onsale {
	background: #FFB300 !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

/* bd-rh-badge: base style for singular pages where bridge inline CSS is absent */
.bd-rh-badge {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 10;
	background: #FFB300 !important;
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	padding: 3px 7px;
	border-radius: 3px;
	line-height: 1.4;
	letter-spacing: .03em;
	pointer-events: none;
}
.bd-rh-badge--hot { background: #E53935 !important; }