/* =========================================================
   ISKA QUÉBEC — MEMBERSHIP CARD FINAL CLEAN
   Fichier : assets/css/iska-membership-card.css
   Rôle : carte membre officielle, QR, avatar, badge, CR80
========================================================= */

/* =========================================================
   PAGE / BACKGROUND
========================================================= */

.membership-card-template-default .btContentWrap,
.iska-membership-card-page,
.iska-member-card-page,
.iska-card-member-page {
	background:
		radial-gradient(circle at top center, rgba(212,175,55,.08), transparent 38%),
		linear-gradient(180deg, #050505 0%, #0b0b0b 100%) !important;
}

/* =========================================================
   INTRO PAGE
========================================================= */

.iska-member-card-page,
.iska-membership-card-page,
.iska-card-member-page {
	max-width: 1280px;
	margin: 0 auto;
	padding: 55px 24px 80px;
	color: #ffffff !important;
	box-sizing: border-box;
}

.iska-member-card-page > *:not(.iska-membership-card):not(.pmpro_membership_card),
.iska-membership-card-page > *:not(.iska-membership-card):not(.pmpro_membership_card),
.iska-card-member-page > *:not(.iska-membership-card):not(.pmpro_membership_card) {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #ffffff !important;
}

.iska-member-card-page h1,
.iska-membership-card-page h1,
.iska-card-member-page h1 {
	margin: 18px auto 24px;
	color: #ffffff !important;
	font-size: clamp(42px, 7vw, 86px);
	line-height: .92;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: -.06em;
	text-shadow: 0 6px 28px rgba(0,0,0,.55);
}

.iska-member-card-page h1::after,
.iska-membership-card-page h1::after,
.iska-card-member-page h1::after {
	content: "";
	display: block;
	width: 140px;
	height: 5px;
	margin: 24px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.iska-member-card-page p,
.iska-membership-card-page p,
.iska-card-member-page p {
	color: rgba(255,255,255,.82) !important;
	font-size: 17px;
	line-height: 1.75;
}

.iska-member-card-page strong,
.iska-membership-card-page strong,
.iska-card-member-page strong {
	color: #f2dfaf !important;
}

/* =========================================================
   WRAPPERS
========================================================= */

.iska-membership-card-wrap,
.iska-member-card-visual,
.iska-membership-card-visual,
.pmpro_membership_card,
.pmpro_membership_card_wrapper,
.pmpro_membership_card-print {
	box-sizing: border-box !important;
	max-width: 980px !important;
	margin: 0 auto !important;
	color: #f8f3e8 !important;
	font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

.iska-membership-card-wrap *,
.iska-member-card-visual *,
.iska-membership-card-visual *,
.pmpro_membership_card *,
.pmpro_membership_card_wrapper *,
.pmpro_membership_card-print * {
	box-sizing: border-box !important;
}

/* =========================================================
   CARTE PRINCIPALE
========================================================= */

.iska-membership-card-shell,
.iska-member-card-visual,
.iska-membership-card-visual,
.pmpro_membership_card {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 28px !important;
	background:
		radial-gradient(circle at top left, rgba(212,175,55,.18), transparent 32%),
		radial-gradient(circle at bottom right, rgba(255,255,255,.055), transparent 28%),
		linear-gradient(135deg, #050505 0%, #111111 52%, #050505 100%) !important;
	border: 1px solid rgba(212,175,55,.30) !important;
	box-shadow:
		0 30px 80px rgba(0,0,0,.50),
		inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* =========================================================
   BANDE OFFICIELLE
========================================================= */

.iska-membership-card-shell::before,
.iska-member-card-visual::before,
.iska-membership-card-visual::before,
.pmpro_membership_card::before {
	content: "ISKA QUÉBEC • CARTE DE MEMBRE OFFICIELLE" !important;
	display: block !important;
	padding: 13px 18px !important;
	text-align: center !important;
	color: #050505 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	background: linear-gradient(
		90deg,
		#9b741d 0%,
		#d4af37 45%,
		#f2dfaf 70%,
		#9b741d 100%
	) !important;
}

/* =========================================================
   CONTENU
========================================================= */

.iska-membership-card-inner,
.iska-card-face,
.iska-card-front,
.iska-card-back,
.pmpro_membership_card .pmpro_card,
.pmpro_membership_card .pmpro_card_content {
	position: relative !important;
	z-index: 1 !important;
	padding: 34px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.iska-card-front,
.iska-card-back {
	border-radius: 24px !important;
}

/* =========================================================
   NOM MEMBRE
========================================================= */

.iska-member-name,
.iska-card-member-name,
.pmpro_membership_card h1,
.pmpro_membership_card h2,
.pmpro_membership_card h3 {
	margin: 0 0 10px !important;
	color: #ffffff !important;
	font-size: clamp(28px, 4vw, 44px) !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	text-transform: uppercase !important;
	text-align: center !important;
}

/* =========================================================
   TEXTE
========================================================= */

.iska-member-meta,
.pmpro_membership_card p,
.pmpro_membership_card li,
.pmpro_membership_card div,
.pmpro_membership_card td,
.pmpro_membership_card th {
	color: rgba(255,255,255,.82) !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
}

.iska-member-meta strong,
.pmpro_membership_card strong,
.pmpro_membership_card b,
.pmpro_membership_card th {
	color: #d4af37 !important;
	font-weight: 800 !important;
}

/* =========================================================
   PHOTO MEMBRE — FRAME PREMIUM
========================================================= */

.iska-card-photo,
.iska-member-photo,
.iska-card-avatar,
.iska-member-avatar,
.pmpro_membership_card .avatar-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 210px;
	margin: 0 auto 26px;
	padding: 10px;
	border-radius: 28px;
	background:
		linear-gradient(
			135deg,
			#9b741d 0%,
			#d4af37 45%,
			#f2dfaf 70%,
			#9b741d 100%
		);
	box-shadow:
		0 22px 48px rgba(0,0,0,.45),
		0 0 24px rgba(212,175,55,.18);
}

.iska-card-photo::before,
.iska-member-photo::before,
.iska-card-avatar::before,
.iska-member-avatar::before,
.pmpro_membership_card .avatar-wrap::before {
	content: "";
	position: absolute;
	inset: 8px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,.18);
	pointer-events: none;
}

.iska-card-photo img,
.iska-member-photo img,
.iska-card-avatar img,
.iska-member-avatar img,
.pmpro_membership_card .avatar,
.pmpro_membership_card img.avatar {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 18px !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* =========================================================
   QR CODE
========================================================= */

.iska-member-qr,
.iska-card-qr,
.iska-membership-qr,
.pmpro_membership_card .pmpro_card_qr,
.pmpro_membership_card .pmpro_qrcode,
.pmpro_membership_card .qr,
.pmpro_membership_card .qrcode,
.pmpro_membership_card img[src*="qr"] {
	display: block !important;
	width: 138px !important;
	margin: 18px auto 0 !important;
	padding: 10px !important;
	background: #ffffff !important;
	border: 2px solid rgba(212,175,55,.38) !important;
	border-radius: 16px !important;
	box-shadow: 0 16px 34px rgba(0,0,0,.35) !important;
}

/* =========================================================
   BADGE NIVEAU
========================================================= */

.iska-member-level,
.iska-card-member-level,
.pmpro_membership_card .pmpro_level,
.pmpro_membership_card .membership-level {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-top: 10px !important;
	padding: 10px 18px !important;
	border-radius: 999px !important;
	background: linear-gradient(
		135deg,
		#9b741d 0%,
		#d4af37 50%,
		#f2dfaf 100%
	) !important;
	color: #050505 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

/* =========================================================
   BOUTONS
========================================================= */

.iska-membership-card-actions,
.pmpro_membership_card .pmpro_actions,
.pmpro_membership_card .pmpro_card_actions {
	display: flex !important;
	justify-content: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	margin-top: 24px !important;
}

.iska-membership-card-actions a,
.pmpro_membership_card .pmpro_btn,
.pmpro_a-print,
.iska-print-button,
a[href*="print"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 12px 22px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(212,175,55,.35) !important;
	background: linear-gradient(135deg,#9b741d,#d4af37,#f2dfaf) !important;
	color: #050505 !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: 0 12px 26px rgba(0,0,0,.28) !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

	.iska-member-card-page,
	.iska-membership-card-page,
	.iska-card-member-page {
		padding: 36px 14px 60px;
	}

	.iska-membership-card-inner,
	.iska-card-face,
	.iska-card-front,
	.iska-card-back,
	.pmpro_membership_card .pmpro_card,
	.pmpro_membership_card .pmpro_card_content {
		padding: 24px 18px !important;
	}

	.iska-member-name,
	.iska-card-member-name,
	.pmpro_membership_card h1,
	.pmpro_membership_card h2,
	.pmpro_membership_card h3 {
		font-size: 28px !important;
	}

	.iska-card-photo,
	.iska-member-photo,
	.iska-card-avatar,
	.iska-member-avatar,
	.pmpro_membership_card .avatar-wrap {
		width: 150px;
		height: 150px;
	}

	.iska-member-qr,
	.iska-card-qr,
	.iska-membership-qr,
	.pmpro_membership_card .pmpro_card_qr,
	.pmpro_membership_card .pmpro_qrcode {
		width: 120px !important;
	}
}

/* =========================================================
   PRINT MODE — CR80
========================================================= */

@media print {

	html,
	body,
	.btPageWrap,
	.btContentWrap {
		background: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.iska-membership-card-wrap,
	.iska-member-card-visual,
	.iska-membership-card-visual,
	.pmpro_membership_card {
		max-width: 3.375in !important;
		width: 3.375in !important;
		min-height: 2.125in !important;
		margin: 0 auto !important;
		border-radius: .14in !important;
		box-shadow: none !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	.iska-membership-card-shell,
	.pmpro_membership_card {
		border: 1px solid #d4af37 !important;
		box-shadow: none !important;
	}

	.iska-membership-card-inner,
	.iska-card-face,
	.iska-card-front,
	.iska-card-back,
	.pmpro_membership_card .pmpro_card,
	.pmpro_membership_card .pmpro_card_content {
		padding: .18in !important;
	}

	.iska-membership-card-actions,
	.pmpro_btn-print,
	.pmpro_a-print,
	.iska-print-button,
	a[href*="print"] {
		display: none !important;
	}
}