/* ==========================================================================
   Imperial Dog & Cat — Club Impérial : Teaser (shortcode [idc_club_teaser])
   Scope strict : .idc-club-teaser
   ========================================================================== */

.idc-club-teaser {
	margin: 32px auto;
	max-width: var(--container-max, 1280px);
	padding: 0 20px;
	box-sizing: border-box;
}

.idc-club-teaser__inner {
	background: linear-gradient(135deg, var(--terra) 0%, var(--terra-dk) 100%);
	color: var(--white);
	border-radius: 16px;
	padding: 28px 32px;
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	box-shadow: 0 12px 32px -12px rgba(75, 174, 224, 0.4);
}

.idc-club-teaser__icon {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
}

.idc-club-teaser__icon svg {
	width: 28px;
	height: 28px;
}

.idc-club-teaser__text {
	flex: 1;
	min-width: 220px;
}

.idc-club-teaser__title {
	margin: 0 0 4px;
	color: var(--white);
	font-size: 20px;
	font-weight: 700;
}

.idc-club-teaser__desc {
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	line-height: 1.5;
}

.idc-club-teaser__cta {
	background: var(--white);
	color: var(--terra-dk) !important;
	padding: 12px 20px;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.idc-club-teaser__cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.idc-club-teaser__cta svg {
	width: 16px;
	height: 16px;
}

@media (max-width: 640px) {
	.idc-club-teaser__inner {
		padding: 20px;
	}
	.idc-club-teaser__cta {
		width: 100%;
		justify-content: center;
	}
}