/*!
Theme Skin: Canvas
Description: Modern editorial layout for Chance2Win raffle homepage. Navy + red palette,
Inter font throughout, sidebar cards, floating CTA, countdown.
Loaded by chance2win-theme/functions.php when get_option('c2w_active_skin') === 'canvas'.

Scoped under .c2w-skin-canvas to avoid leaking into other skins.
*/

/* ── TOKENS (only declared inside skin scope) ── */
.c2w-skin-canvas {
	--c2w-canvas-navy: #1A1464;
	/* Canvas red follows the active colour palette; falls back to brand red. */
	--c2w-canvas-red: var(--c2w-primary, #C8102E);
	--c2w-canvas-red-dark: var(--c2w-secondary, #A00D24);
	--c2w-canvas-purple: #7B2FBE;
	--c2w-canvas-cyan: #00D4FF;
	--c2w-canvas-dark: #0D0B2B;
	--c2w-canvas-gold: #FAB915;
	--c2w-canvas-white: #FFFFFF;
	--c2w-canvas-cream: #FAF9F7;
	--c2w-canvas-off-white: #F6F7FC;
	--c2w-canvas-grey-100: #ECEDF5;
	--c2w-canvas-grey-200: #D0D2E4;
	--c2w-canvas-grey-400: #8E90A8;
	--c2w-canvas-grey-600: #4A4C65;
	--c2w-canvas-border: rgba(26, 20, 100, 0.11);
	--c2w-canvas-shadow-sm: 0 2px 8px rgba(26, 20, 100, 0.07);
	--c2w-canvas-shadow-md: 0 6px 24px rgba(26, 20, 100, 0.10);
	--c2w-canvas-shadow-lg: 0 16px 48px rgba(26, 20, 100, 0.13);
	--c2w-canvas-radius-sm: 8px;
	--c2w-canvas-radius-md: 12px;
	--c2w-canvas-radius-lg: 16px;
	/* --c2w-primary, --c2w-secondary, --c2w-border are managed by
	   inc/color-palettes.php (c2w_output_palette_css). Defining them here
	   would override any palette the user selects. */

	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	background: var(--c2w-canvas-cream);
	color: var(--c2w-canvas-dark);
	line-height: 1.6;
}

.c2w-skin-canvas *,
.c2w-skin-canvas *::before,
.c2w-skin-canvas *::after {
	box-sizing: border-box;
}

/* Override theme_option_new.php page-template button rules that force
   the saved ACF colour (often grey #7a7d82) onto canvas Buy / Get Tickets
   buttons. Use body.c2w-skin-canvas to win specificity. */
body.c2w-skin-canvas[class*="page-template"] .canvas-buy-btn,
body.c2w-skin-canvas[class*="page-template"] .canvas-header-cta,
body.c2w-skin-canvas[class*="page-template"] .ticket-button,
body.c2w-skin-canvas[class*="page-template"] .pull-get-report-btn,
body.c2w-skin-canvas[class*="page-template"] .button:not(.tablinks):not(.button-shadow),
body.c2w-skin-canvas[class*="page-template"] input[type="submit"],
body.c2w-skin-canvas[class*="page-template"] button[type="submit"] {
	background: var(--c2w-primary, #C8102E) !important;
	color: var(--c2w-on-primary-fill, #FFFFFF) !important;
	border-color: var(--c2w-primary, #C8102E) !important;
}
body.c2w-skin-canvas[class*="page-template"] .canvas-buy-btn:hover,
body.c2w-skin-canvas[class*="page-template"] .canvas-header-cta:hover,
body.c2w-skin-canvas[class*="page-template"] .ticket-button:hover,
body.c2w-skin-canvas[class*="page-template"] .pull-get-report-btn:hover,
body.c2w-skin-canvas[class*="page-template"] .button:not(.tablinks):not(.button-shadow):hover,
body.c2w-skin-canvas[class*="page-template"] input[type="submit"]:hover,
body.c2w-skin-canvas[class*="page-template"] button[type="submit"]:hover {
	background: var(--c2w-secondary, #A00D24) !important;
	color: var(--c2w-on-secondary, #FFFFFF) !important;
	border-color: var(--c2w-secondary, #A00D24) !important;
}

/* ── SITE HEADER ── */
.c2w-skin-canvas .canvas-site-header {
	background: var(--c2w-canvas-navy);
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}
/* The Canvas header carries id="masthead", so a legacy global rule
   (header#masthead { padding:30px 15px 0 } at ≤991px) leaks in and leaves an
   empty navy band above the nav row. The header manages its own height via
   .canvas-header-inner, so neutralize that stray padding. Specificity (1,2,1)
   beats the legacy header#masthead (1,0,1). */
.c2w-skin-canvas header#masthead.canvas-site-header { padding: 0 !important; }

.c2w-skin-canvas .canvas-header-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 64px;
	padding: 8px 24px;
	gap: 16px;
	min-width: 0;
}

.c2w-skin-canvas .canvas-org-brand {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 12px;
}

.c2w-skin-canvas .canvas-org-logo-slot {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 0.5px;
	text-transform: uppercase;
	overflow: hidden;
	flex-shrink: 0;
}

.c2w-skin-canvas .canvas-org-logo-slot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.c2w-skin-canvas .canvas-org-name {
	font-size: 15px;
	font-weight: 800;
	color: #FFFFFF;
	letter-spacing: -0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
}

.c2w-skin-canvas .canvas-org-tagline {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.c2w-skin-canvas .canvas-header-nav {
	display: flex;
	align-items: center;
	gap: 4px;
}

.c2w-skin-canvas .canvas-hnav-tab {
	padding: 8px 14px;
	font-size: 12px;
	font-weight: 700;
	color: var(--c2w-on-primary-muted, rgba(255, 255, 255, 0.55));
	cursor: pointer;
	border-radius: 6px;
	transition: all 0.15s;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border: none;
	background: none;
	font-family: inherit;
}

.c2w-skin-canvas .canvas-hnav-tab:hover {
	color: var(--c2w-on-primary, #FFFFFF);
	background: rgba(255, 255, 255, 0.08);
}

.c2w-skin-canvas .canvas-hnav-tab.active {
	color: var(--c2w-on-primary, #FFFFFF);
	background: rgba(255, 255, 255, 0.1);
	border-bottom: 2px solid var(--c2w-canvas-cyan);
}

body.c2w-skin-canvas[class*="page-template"] .canvas-site-header .canvas-header-cta,
.c2w-skin-canvas .canvas-header-cta {
	background: var(--c2w-cta-p-bg, var(--c2w-primary, var(--c2w-canvas-red, #C8102E))) !important;
	color: var(--c2w-cta-p-text, #FFFFFF) !important;
	border: none;
	padding: 9px 20px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s, filter 0.15s;
	letter-spacing: 0.3px;
	text-decoration: none;
	display: inline-block;
	font-family: inherit;
}

body.c2w-skin-canvas[class*="page-template"] .canvas-site-header .canvas-header-cta:hover,
.c2w-skin-canvas .canvas-header-cta:hover {
	background: var(--c2w-cta-p-bg, var(--c2w-secondary, var(--c2w-canvas-red-dark, #A00D24))) !important;
	color: var(--c2w-cta-p-text, #FFFFFF) !important;
	filter: brightness(0.95);
}

/* ── HERO SPLIT ── */
.c2w-skin-canvas .canvas-hero-section {
	background: #FFFFFF;
	border-bottom: 1px solid var(--c2w-canvas-border);
	padding-top: 24px;
}

.c2w-skin-canvas .canvas-hero-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: start;
	gap: 0 32px;
}
/* Prize gallery turned off → the info/ticket column is the only child, but the
   grid still reserves the empty gallery track. Let it span the full width. */
.c2w-skin-canvas .canvas-hero-inner > .canvas-hero-info:only-child {
	grid-column: 1 / -1;
}

.c2w-skin-canvas .canvas-hero-gallery {
	position: relative;
	background: transparent !important;
	overflow: hidden;
	align-self: start;
}

.c2w-skin-canvas .canvas-gallery-main {
	width: 100%;
	aspect-ratio: 3/2; /* same shape on every screen, so a 1200x800 image shows whole */
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 16px;
	border: 1px solid var(--c2w-canvas-border, #e2e8f0);
}

.c2w-skin-canvas .canvas-gallery-main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.18s ease;
}

/* Enlarge/maximise button — bottom-right of the main image (parity with Pro's gallery). */
.c2w-skin-canvas .canvas-gallery-fullscreen {
	position: absolute; bottom: 14px; right: 14px;
	width: 38px; height: 38px; border-radius: 8px;
	background: rgba(15,23,42,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	border: 1px solid rgba(255,255,255,0.22); color: #fff; cursor: pointer;
	display: flex; align-items: center; justify-content: center; font-size: 15px;
	transition: background .15s, border-color .15s; z-index: 4;
}
.c2w-skin-canvas .canvas-gallery-fullscreen:hover { background: rgba(15,23,42,0.8); border-color: var(--c2w-primary, #C8102E); }
/* Hidden on mobile — native pinch-zoom is expected there (matches Pro). */
@media (max-width: 768px) { .c2w-skin-canvas .canvas-gallery-fullscreen { display: none !important; } }
/* Maximised: show the WHOLE image at natural aspect (contain) on a dark canvas. */
.c2w-skin-canvas .canvas-gallery-main:-webkit-full-screen { height: 100%; border-radius: 0; background: #0d0b2b; }
.c2w-skin-canvas .canvas-gallery-main:fullscreen { height: 100%; border-radius: 0; background: #0d0b2b; }
.c2w-skin-canvas .canvas-gallery-main:-webkit-full-screen img { object-fit: contain !important; }
.c2w-skin-canvas .canvas-gallery-main:fullscreen img { object-fit: contain !important; }

.c2w-skin-canvas .canvas-gallery-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.c2w-skin-canvas .canvas-gallery-placeholder-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(26, 20, 100, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
}

.c2w-skin-canvas .canvas-gallery-placeholder-icon svg {
	width: 24px;
	height: 24px;
	stroke: var(--c2w-canvas-grey-400);
	fill: none;
}

.c2w-skin-canvas .canvas-gallery-placeholder-label {
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-400);
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

.c2w-skin-canvas .canvas-gallery-thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	padding: 12px;
	background: #FFFFFF;
	border-top: 1px solid var(--c2w-canvas-border);
}

.c2w-skin-canvas .canvas-gallery-thumb {
	width: 88px;
	height: 66px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	transition: border-color 0.15s;
	flex-shrink: 0;
	background: #fff;
}

.c2w-skin-canvas .canvas-gallery-thumb.active {
	border-color: var(--c2w-canvas-red);
}

.c2w-skin-canvas .canvas-gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.c2w-skin-canvas .canvas-thumb-ph {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-400);
	text-transform: uppercase;
}

.c2w-skin-canvas .canvas-gallery-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: rgba(13, 11, 43, 0.75);
	backdrop-filter: blur(6px);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 20px;
	letter-spacing: 0.5px;
	z-index: 2;
}

/* Prize name overlay (from the "Prize name" field under each Prize Image / sliderimages.slider_title). */
.c2w-skin-canvas .canvas-gallery-main .canvas-prize-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 34px 20px 16px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.34) 45%, rgba(0, 0, 0, 0) 100%);
	color: #fff;
	font-size: clamp(15px, 2.2vw, 20px);
	font-weight: 700;
	line-height: 1.25;
	text-align: left;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	pointer-events: none;
	z-index: 2;
}
.c2w-skin-canvas .canvas-gallery-main .canvas-prize-caption:empty { display: none; }

.c2w-skin-canvas .canvas-hero-info {
	padding: 36px 32px 28px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
}

.c2w-skin-canvas .canvas-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--c2w-canvas-red);
	margin-bottom: 14px;
}

.c2w-skin-canvas .canvas-hero-eyebrow::before {
	content: '';
	display: block;
	width: 16px;
	height: 2px;
	background: var(--c2w-canvas-red);
	border-radius: 2px;
}

.c2w-skin-canvas .canvas-hero-title {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 32px;
	color: var(--c2w-canvas-navy);
	line-height: 1.2;
	margin: 0 0 10px;
	font-weight: 800;
}

.c2w-skin-canvas .canvas-hero-desc {
	font-size: 15px;
	color: var(--c2w-canvas-grey-600);
	line-height: 1.65;
	margin: 0 0 20px;
}

.c2w-skin-canvas .canvas-stat-row {
	display: flex;
	gap: 0;
	margin-bottom: 22px;
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	overflow: hidden;
}

.c2w-skin-canvas .canvas-stat-cell {
	flex: 1;
	padding: 12px 10px;
	text-align: center;
	border-right: 1px solid var(--c2w-canvas-border);
}

.c2w-skin-canvas .canvas-stat-cell:last-child {
	border-right: none;
}

.c2w-skin-canvas .canvas-stat-val {
	font-size: 20px;
	font-weight: 900;
	color: var(--c2w-canvas-navy);
	line-height: 1;
}

.c2w-skin-canvas .canvas-stat-label {
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-400);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 3px;
}

.c2w-skin-canvas .canvas-deadline-bar {
	background: var(--c2w-canvas-off-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-sm);
	padding: 10px 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 16px;
	gap: 8px;
}

/* Label and date share the first row; the timer gets its own row. */
.c2w-skin-canvas .canvas-deadline-bar > div:first-child {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 6px;
	text-align: center;
}

.c2w-skin-canvas .canvas-deadline-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--c2w-canvas-grey-600);
}

.c2w-skin-canvas .canvas-deadline-date {
	font-size: 14px;
	font-weight: 800;
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-deadline-countdown {
	display: flex;
	gap: 5px;
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-red);
	white-space: nowrap;
}

.c2w-skin-canvas .canvas-cd-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 38px;
	padding: 4px 5px;
	border-radius: 6px;
	background: var(--c2w-canvas-navy);
	color: var(--c2w-on-primary, #FFFFFF);
	line-height: 1.1;
}

.c2w-skin-canvas .canvas-cd-unit b {
	font-size: 15px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.c2w-skin-canvas .canvas-cd-unit small {
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	opacity: 0.85;
}

.c2w-skin-canvas .canvas-desc-above-tickets {
	font-size: 13px;
	color: var(--c2w-canvas-grey-600);
	margin: 0 0 10px;
	line-height: 1.55;
}

.c2w-skin-canvas .canvas-pkg-label {
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--c2w-canvas-navy);
	margin-bottom: 18px;
}

.c2w-skin-canvas .canvas-pkg-prize-note {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	color: var(--c2w-canvas-navy);
	margin-bottom: 12px;
}

.c2w-skin-canvas .canvas-pkg-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px 10px;
	margin-bottom: 14px;
}
/* Multi-raffle: per-category package tabs */
.c2w-skin-canvas .canvas-pkg-tabs { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; }
.c2w-skin-canvas .canvas-pkg-tab { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 8px 12px; border: 1.5px solid var(--c2w-canvas-grey-200, #D0D2E4); border-radius: 8px; background: var(--c2w-canvas-grey-100, #ECEDF5); cursor: pointer; transition: all 0.15s; text-align: left; }
.c2w-skin-canvas .canvas-pkg-tab:hover { border-color: var(--c2w-canvas-navy, #1A1464); }
.c2w-skin-canvas .canvas-pkg-tab.is-active { border-color: var(--c2w-canvas-red, #C8102E); background: #fff; box-shadow: 0 2px 8px rgba(200,16,46,0.12); }
.c2w-skin-canvas .canvas-pkg-tab-name { font-size: 13px; font-weight: 800; color: var(--c2w-canvas-navy, #1A1464); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.c2w-skin-canvas .canvas-pkg-tab.is-active .canvas-pkg-tab-name { color: var(--c2w-canvas-red, #C8102E); }
.c2w-skin-canvas .canvas-pkg-tab-status { font-size: 11px; font-weight: 700; color: var(--c2w-canvas-grey-400, #8E90A8); text-transform: uppercase; letter-spacing: 0.3px; }

.c2w-skin-canvas .canvas-pkg-card {
	border: 1.5px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-sm);
	padding: 12px 8px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s;
	position: relative;
	background: #FFFFFF;
}

.c2w-skin-canvas .canvas-pkg-card:hover {
	border-color: var(--c2w-canvas-navy);
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .canvas-pkg-card.featured {
	border-color: var(--c2w-canvas-red);
	background: rgba(200, 16, 46, 0.03);
}

.c2w-skin-canvas .canvas-pkg-card.selected {
	outline: 2px solid var(--c2w-canvas-navy);
	box-shadow: 0 0 0 4px rgba(26, 20, 100, 0.08);
}

/* Sold-out / ended-raffle packages: shown greyed and non-selectable (they used to
   be hidden, which collapsed an ended raffle down to a single package). Overrides
   featured / selected / hover so an ended card can never look interactive. */
.c2w-skin-canvas .canvas-pkg-card.is-soldout,
.c2w-skin-canvas .canvas-pkg-card.is-soldout:hover {
	opacity: 0.45;
	filter: grayscale(1);
	pointer-events: none !important;
	cursor: default !important;
	outline: none !important;
	border-color: var(--c2w-canvas-border) !important;
	background: #F8FAFC !important;
	box-shadow: none !important;
}

.c2w-skin-canvas .canvas-pkg-count {
	font-size: 22px;
	font-weight: 900;
	color: var(--c2w-canvas-navy);
	line-height: 1;
}

.c2w-skin-canvas .canvas-pkg-tickets-label {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 2px 0 6px;
}

.c2w-skin-canvas .canvas-pkg-price {
	font-size: 14px;
	font-weight: 800;
	color: var(--c2w-canvas-grey-600);
}

.c2w-skin-canvas .canvas-pkg-card.featured .canvas-pkg-price {
	color: var(--c2w-canvas-red);
}

.c2w-skin-canvas .canvas-pkg-badge {
	position: absolute;
	top: -11px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--c2w-canvas-red);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 800;
	padding: 3px 8px;
	border-radius: 20px;
	white-space: nowrap;
	letter-spacing: 0.5px;
	z-index: 2;
}

/* All cards always reserve headroom so the badge never overlaps content */
.c2w-skin-canvas .canvas-pkg-card {
	padding-top: 22px;
}

.c2w-skin-canvas .canvas-pkg-badge--save {
	background: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-pkg-badge--popular {
	background: var(--c2w-canvas-purple);
}

/* ── Custom Ticket Package ── */
.c2w-skin-canvas .canvas-custom-pkg {
	margin-top: 10px;
	border: 1.5px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-sm);
	overflow: hidden;
	transition: border-color 0.15s;
}

.c2w-skin-canvas .canvas-custom-pkg-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	background: #FFFFFF;
	border: none;
	cursor: pointer;
	font-family: inherit;
	text-align: left;
	transition: background 0.15s;
}

.c2w-skin-canvas .canvas-custom-pkg-toggle:hover,
.c2w-skin-canvas .canvas-custom-pkg-toggle.active {
	background: var(--c2w-canvas-off-white);
	border-color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-custom-pkg-icon {
	font-size: 16px;
	flex-shrink: 0;
}

.c2w-skin-canvas .canvas-custom-pkg-label {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.c2w-skin-canvas .canvas-custom-pkg-label strong {
	font-size: 13px;
	font-weight: 700;
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-custom-pkg-label small {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
}

.c2w-skin-canvas .canvas-custom-pkg-caret {
	font-size: 18px;
	color: var(--c2w-canvas-grey-400);
	transition: transform 0.15s;
}

.c2w-skin-canvas .canvas-custom-pkg-toggle.active .canvas-custom-pkg-caret {
	transform: rotate(90deg);
}

.c2w-skin-canvas .canvas-custom-pkg-body {
	padding: 14px;
	background: var(--c2w-canvas-off-white);
	border-top: 1px solid var(--c2w-canvas-border);
}

.c2w-skin-canvas .canvas-custom-pkg-field-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-600);
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 8px;
}

.c2w-skin-canvas .canvas-custom-pkg-field {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 1.5px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-sm);
	overflow: hidden;
	transition: border-color 0.15s;
}

.c2w-skin-canvas .canvas-custom-pkg-field:focus-within {
	border-color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-custom-pkg-symbol {
	padding: 10px 12px;
	font-size: 14px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-400);
	border-right: 1px solid var(--c2w-canvas-border);
	background: var(--c2w-canvas-off-white);
}

.c2w-skin-canvas .canvas-custom-pkg-field input {
	flex: 1;
	border: none;
	outline: none;
	padding: 10px 12px;
	font-size: 15px;
	font-weight: 600;
	font-family: inherit;
	color: var(--c2w-canvas-dark);
	background: transparent;
}

.c2w-skin-canvas .canvas-custom-pkg-result {
	margin-top: 10px;
	font-size: 13px;
	color: var(--c2w-canvas-grey-600);
}

.c2w-skin-canvas .canvas-custom-pkg-result strong {
	color: var(--c2w-canvas-navy);
	font-weight: 800;
}

.c2w-skin-canvas .canvas-pkg-per {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
	margin-top: 3px;
}

.c2w-skin-canvas .canvas-buy-btn {
	width: 100%;
	background: var(--c2w-primary, var(--c2w-canvas-red, #C8102E)) !important;
	color: var(--c2w-on-primary-fill, #FFFFFF) !important;
	border: none;
	padding: 15px;
	border-radius: var(--c2w-canvas-radius-sm);
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
	transition: background 0.15s, filter 0.15s;
	letter-spacing: 0.3px;
	font-family: inherit;
}

.c2w-skin-canvas .canvas-buy-btn:disabled,
.c2w-skin-canvas .canvas-buy-btn.is-blocked { background:#94a3b8 !important; cursor:not-allowed; opacity:.85; filter:none !important; }

.c2w-skin-canvas .canvas-buy-btn:hover {
	background: var(--c2w-secondary, var(--c2w-canvas-red-dark, #A00D24)) !important;
	color: var(--c2w-on-secondary, #FFFFFF) !important;
	filter: brightness(0.95);
}

.c2w-skin-canvas .canvas-buy-btn:disabled {
	background: var(--c2w-canvas-grey-400);
	cursor: not-allowed;
}

.c2w-skin-canvas .canvas-buy-microcopy {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
	text-align: center;
	margin-top: 8px;
}

/* ── SPONSOR STRIP ── */
.c2w-skin-canvas .canvas-sponsor-strip {
	background: #FFFFFF;
	border-bottom: 1px solid var(--c2w-canvas-border);
	padding: 12px 24px;
}

.c2w-skin-canvas .canvas-sponsor-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.c2w-skin-canvas .canvas-sponsor-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--c2w-canvas-grey-400);
	text-align: center;
	width: 100%;
	flex-shrink: 0;
}

/* Divider hidden — a vertical rule makes no sense once the strip is centred/stacked. */
.c2w-skin-canvas .canvas-sponsor-divider {
	display: none !important;
}

.c2w-skin-canvas .canvas-sponsor-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	width: 100%;
}

.c2w-skin-canvas .canvas-sponsor-pill {
	background: var(--c2w-canvas-off-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: 6px;
	padding: 8px 14px;
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-600);
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.c2w-skin-canvas .canvas-sponsor-pill img {
	max-height: 64px;
	width: auto;
	display: block;
}

.c2w-skin-canvas .canvas-sponsor-pill.gold-sponsor {
	background: rgba(250, 185, 21, 0.08);
	border-color: rgba(250, 185, 21, 0.35);
	color: #7A5800;
}

.c2w-skin-canvas .canvas-sponsor-pill.silver-sponsor {
	background: rgba(142, 144, 168, 0.1);
	border-color: var(--c2w-canvas-grey-200);
	color: var(--c2w-canvas-grey-600);
}

/* ── CONTENT GRID ── */
.c2w-skin-canvas .canvas-content-section {
	max-width: 1280px;
	margin: 0 auto;
	padding: 32px 24px;
}

.c2w-skin-canvas .canvas-content-grid {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 32px;
	align-items: start;
}

/* Tab panel */
.c2w-skin-canvas .canvas-tab-panel-wrap {
	background: #FFFFFF;
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-lg);
	overflow: hidden;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .canvas-tab-nav {
	display: flex;
	border-bottom: 1px solid var(--c2w-canvas-border);
	background: var(--c2w-canvas-off-white);
}

.c2w-skin-canvas .canvas-tab-btn {
	flex: 1;
	padding: 14px 12px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: var(--c2w-canvas-grey-400);
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	transition: all 0.15s;
	border: none;
	background: none;
	border-bottom: 3px solid transparent;
	font-family: inherit;
}

.c2w-skin-canvas .canvas-tab-btn:hover {
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-tab-btn.active {
	color: var(--c2w-canvas-navy);
	background: #FFFFFF;
	border-bottom-color: var(--c2w-canvas-red);
}

.c2w-skin-canvas .canvas-tab-content {
	padding: 28px 28px 32px;
	display: none;
}

.c2w-skin-canvas .canvas-tab-content.active {
	display: block;
}

.c2w-skin-canvas .canvas-tab-content h3 {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 22px;
	color: var(--c2w-canvas-navy);
	margin: 0 0 16px;
	font-weight: 700;
}

.c2w-skin-canvas .canvas-tab-content h4 {
	font-size: 14px;
	font-weight: 700;
	color: var(--c2w-canvas-navy);
	margin: 20px 0 8px;
}

.c2w-skin-canvas .canvas-tab-content p {
	font-size: 16px;
	color: var(--c2w-canvas-grey-600);
	line-height: 1.7;
	margin: 0 0 14px;
}

.c2w-skin-canvas .canvas-tab-content ul {
	margin: 0 0 14px 20px;
}

.c2w-skin-canvas .canvas-tab-content ul li {
	font-size: 16px;
	color: var(--c2w-canvas-grey-600);
	line-height: 1.7;
	margin-bottom: 6px;
}

.c2w-skin-canvas .canvas-rules-numbered {
	counter-reset: c2w-canvas-rules-counter;
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
}

.c2w-skin-canvas .canvas-rules-numbered li {
	counter-increment: c2w-canvas-rules-counter;
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--c2w-canvas-grey-100);
}

.c2w-skin-canvas .canvas-rules-numbered li:last-child {
	border-bottom: none;
}
/* Rich rules content — preserves the editor's formatting (lists, blockquote, bold). */
.c2w-skin-canvas .canvas-rules-content { font-size:14px; line-height:1.7; }
.c2w-skin-canvas .canvas-rules-content p { margin:0 0 12px; }
.c2w-skin-canvas .canvas-rules-content ul, .c2w-skin-canvas .canvas-rules-content ol { margin:0 0 14px 22px; }
.c2w-skin-canvas .canvas-rules-content li { margin-bottom:8px; }
.c2w-skin-canvas .canvas-rules-content blockquote { margin:16px 0; padding:10px 18px; border-left:4px solid var(--c2w-primary, #C8102E); background:rgba(0,0,0,0.04); border-radius:0 6px 6px 0; }
.c2w-skin-canvas .canvas-rules-content blockquote p { margin:0; }

.c2w-skin-canvas .canvas-rules-numbered li::before {
	content: counter(c2w-canvas-rules-counter);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	min-width: 26px;
	border-radius: 50%;
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 800;
	margin-top: 1px;
}

.c2w-skin-canvas .canvas-rules-numbered li span {
	font-size: 14px;
	color: var(--c2w-canvas-grey-600);
	line-height: 1.6;
}

.c2w-skin-canvas .canvas-legal-disclaimer {
	background: var(--c2w-canvas-off-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-sm);
	padding: 14px 16px;
	font-size: 12px;
	color: var(--c2w-canvas-grey-400);
	line-height: 1.6;
	margin-top: 20px;
}

.c2w-skin-canvas .canvas-legal-disclaimer strong {
	color: var(--c2w-canvas-grey-600);
}

/* Charity */
.c2w-skin-canvas .canvas-charity-logo-area {
	width: 80px;
	height: 80px;
	border-radius: var(--c2w-canvas-radius-md);
	background: var(--c2w-canvas-grey-100);
	border: 1px solid var(--c2w-canvas-border);
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
	margin: 0 0 16px 20px;
}

.c2w-skin-canvas .canvas-charity-logo-area img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: var(--c2w-canvas-radius-md);
}

.c2w-skin-canvas .canvas-charity-logo-placeholder {
	font-size: 11px;
	font-weight: 700;
	color: var(--c2w-canvas-grey-400);
	text-transform: uppercase;
	text-align: center;
	padding: 8px;
}

.c2w-skin-canvas .canvas-impact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 20px 0;
}

.c2w-skin-canvas .canvas-impact-card {
	background: var(--c2w-canvas-off-white);
	border-radius: var(--c2w-canvas-radius-sm);
	padding: 14px;
	text-align: center;
}

.c2w-skin-canvas .canvas-impact-card .iv {
	font-size: 24px;
	font-weight: 900;
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-impact-card .il {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
}

.c2w-skin-canvas .canvas-contact-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	flex-wrap: wrap;
}

.c2w-skin-canvas .canvas-contact-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--c2w-canvas-navy);
	text-decoration: none;
	background: var(--c2w-canvas-off-white);
	border: 1px solid var(--c2w-canvas-border);
	padding: 7px 14px;
	border-radius: 50px;
	transition: all 0.15s;
}

.c2w-skin-canvas .canvas-contact-link:hover {
	background: var(--c2w-canvas-grey-100);
	color: var(--c2w-canvas-navy);
}

/* ── SIDEBAR ── */
.c2w-skin-canvas .canvas-sidebar {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.c2w-skin-canvas .canvas-sidebar-card {
	background: #FFFFFF;
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	overflow: hidden;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .canvas-sidebar-card-header {
	padding: 14px 18px;
	border-bottom: 1px solid var(--c2w-canvas-border);
	background: var(--c2w-canvas-off-white);
}

.c2w-skin-canvas .canvas-sidebar-card-header h4 {
	font-size: 12px;
	font-weight: 800;
	color: var(--c2w-canvas-navy);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
}

.c2w-skin-canvas .canvas-sidebar-card-body {
	padding: 16px 18px;
}

.c2w-skin-canvas .canvas-prize-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.c2w-skin-canvas .canvas-prize-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.c2w-skin-canvas .canvas-prize-rank {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 900;
	flex-shrink: 0;
}

.c2w-skin-canvas .canvas-prize-rank.r1 {
	background: var(--c2w-canvas-gold);
	color: #7A5800;
}

.c2w-skin-canvas .canvas-prize-rank.r2 {
	background: var(--c2w-canvas-grey-200);
	color: var(--c2w-canvas-grey-600);
}

.c2w-skin-canvas .canvas-prize-rank.r3 {
	background: rgba(200, 100, 30, 0.15);
	color: #7A3800;
}

.c2w-skin-canvas .canvas-prize-rank.rn {
	background: var(--c2w-canvas-grey-100);
	color: var(--c2w-canvas-grey-600);
}

.c2w-skin-canvas .canvas-prize-name {
	font-size: 13px;
	font-weight: 700;
	color: var(--c2w-canvas-navy);
	line-height: 1.3;
}

.c2w-skin-canvas .canvas-prize-value {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
}

.c2w-skin-canvas .canvas-hiw-steps {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.c2w-skin-canvas .canvas-hiw-step {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.c2w-skin-canvas .canvas-hiw-num {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 1px;
}

.c2w-skin-canvas .canvas-hiw-text {
	font-size: 14px;
	color: var(--c2w-canvas-grey-600);
	line-height: 1.5;
}

.c2w-skin-canvas .canvas-hiw-text strong {
	color: var(--c2w-canvas-navy);
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 2px;
}

.c2w-skin-canvas .canvas-share-row {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.c2w-skin-canvas .canvas-share-btn {
	flex: 1;
	padding: 9px 10px;
	border-radius: var(--c2w-canvas-radius-sm);
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
	border: 1.5px solid var(--c2w-canvas-border);
	color: var(--c2w-canvas-grey-600);
	background: #FFFFFF;
	text-align: center;
	transition: all 0.15s;
	font-family: inherit;
}

.c2w-skin-canvas .canvas-share-btn:hover {
	border-color: var(--c2w-canvas-navy);
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-share-btn.copy-link {
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	border-color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-trust-strip {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.c2w-skin-canvas .canvas-trust-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.c2w-skin-canvas .canvas-trust-icon {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: var(--c2w-canvas-off-white);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.c2w-skin-canvas .canvas-trust-icon svg {
	width: 16px;
	height: 16px;
	stroke: var(--c2w-canvas-navy);
	fill: none;
}

.c2w-skin-canvas .canvas-trust-text {
	font-size: 12px;
	color: var(--c2w-canvas-grey-600);
	line-height: 1.4;
}

.c2w-skin-canvas .canvas-trust-text strong {
	color: var(--c2w-canvas-navy);
	font-weight: 700;
}

/* ── FOOTER ── */
.c2w-skin-canvas .canvas-site-footer {
	background: var(--c2w-canvas-navy);
	margin-top: 48px;
	/* Override: global #colophon { padding: 15px 0 } at max-width:1200px has higher ID specificity */
	padding: 32px 24px !important;
}

.c2w-skin-canvas .canvas-footer-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.c2w-skin-canvas .canvas-footer-brand {
	font-size: 13px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.6);
}

.c2w-skin-canvas .canvas-footer-brand span {
	color: #FFFFFF;
}

.c2w-skin-canvas .canvas-footer-links {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.c2w-skin-canvas .canvas-footer-links a {
	font-size: 12px;
	color: var(--c2w-on-primary-muted, rgba(255, 255, 255, 0.5));
	text-decoration: none;
	transition: color 0.15s;
}

.c2w-skin-canvas .canvas-footer-links a:hover {
	color: #FFFFFF;
}

.c2w-skin-canvas .canvas-footer-c2w a {
	color: var(--c2w-canvas-cyan);
	text-decoration: none;
}

/* Footer layout: LEFT = Chance2Win mark + "Powered by" credit, RIGHT = site name + year.
   The .canvas-footer-powered selector carries three classes so it outranks the older
   `.c2w-skin-canvas .canvas-footer-brand span` rule (two classes + element), which
   would otherwise paint this text solid white. */
.c2w-skin-canvas .canvas-footer-brand {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* White rounded plate behind the mark, matching .c2w-sidebar-logo__mark in the dashboard. */
.c2w-skin-canvas .canvas-footer-logo {
	width: 34px;
	height: 34px;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 8px;
	background: #FFFFFF;
	object-fit: contain;
	display: block;
	flex: 0 0 auto;
}

.c2w-skin-canvas .canvas-footer-brand .canvas-footer-powered {
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.92);
}

.c2w-skin-canvas .canvas-footer-brand .canvas-footer-powered a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

/* ── FLOATING BUY BAR ── */
.c2w-skin-canvas .canvas-buy-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FFFFFF;
	border-top: 1px solid var(--c2w-canvas-border);
	padding: 12px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-shadow: 0 -4px 20px rgba(26, 20, 100, 0.1);
	z-index: 99;
	transform: translateY(100%);
	transition: transform 0.25s;
}

.c2w-skin-canvas .canvas-buy-bar.visible {
	transform: translateY(0);
}

.c2w-skin-canvas .canvas-buy-bar-info {
	font-size: 13px;
	font-weight: 700;
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .canvas-buy-bar-sub {
	font-size: 11px;
	color: var(--c2w-canvas-grey-400);
	font-weight: 400;
}

.c2w-skin-canvas .canvas-buy-bar-btn {
	background: var(--c2w-canvas-red);
	color: #FFFFFF;
	border: none;
	padding: 11px 24px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	white-space: nowrap;
	font-family: inherit;
}

/* Hide WordPress admin bar interfering with sticky header */
.c2w-skin-canvas.admin-bar .canvas-site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.c2w-skin-canvas.admin-bar .canvas-site-header {
		top: 46px;
	}
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
	.c2w-skin-canvas .canvas-hero-inner {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.c2w-skin-canvas .canvas-hero-info {
		padding: 24px 20px;
	}

	.c2w-skin-canvas .canvas-hero-title {
		font-size: 26px;
		line-height: 1.3;
		word-spacing: 2px;
	}

	.c2w-skin-canvas .canvas-hero-desc {
		font-size: 16px;
		line-height: 1.75;
		word-spacing: 1px;
	}

	.c2w-skin-canvas .canvas-content-grid {
		grid-template-columns: 1fr;
	}

	.c2w-skin-canvas .canvas-sidebar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 14px;
	}

	.c2w-skin-canvas .canvas-header-nav {
		display: none;
	}

	/* On mobile: hide text links only — CTA pill stays visible */
	.c2w-skin-canvas .canvas-header-link {
		display: none;
	}

	.c2w-skin-canvas .canvas-header-inner {
		padding: 0 16px;
		gap: 10px;
	}

	/* Allow the unnamed div wrapping org-name+tagline to shrink in flex */
	.c2w-skin-canvas .canvas-org-brand > div {
		min-width: 0;
		overflow: hidden;
	}

	.c2w-skin-canvas .canvas-org-name {
		font-size: 13px;
		max-width: 100%; /* flex-constrained — parent has min-width:0+overflow:hidden */
	}

	.c2w-skin-canvas .canvas-org-tagline {
		display: none;
	}

	.c2w-skin-canvas .canvas-header-cta {
		padding: 8px 14px;
		font-size: 11px;
		white-space: nowrap;
		flex-shrink: 0;
	}
}

@media (max-width: 480px) {
	.c2w-skin-canvas .canvas-pkg-grid {
		grid-template-columns: 1fr 1fr;
		gap: 18px 8px; /* extra row-gap so badge has visual room */
	}

	.c2w-skin-canvas .canvas-pkg-card {
		padding: 22px 6px 8px; /* top matches badge clearance, sides tight */
	}

	.c2w-skin-canvas .canvas-pkg-count {
		font-size: 17px;
	}

	.c2w-skin-canvas .canvas-pkg-tickets-label {
		font-size: 11px;
		margin: 2px 0 4px;
	}

	.c2w-skin-canvas .canvas-pkg-price {
		font-size: 12px;
	}

	.c2w-skin-canvas .canvas-pkg-per {
		font-size: 11px;
	}

	.c2w-skin-canvas .canvas-sidebar {
		grid-template-columns: 1fr;
	}

	.c2w-skin-canvas .canvas-stat-row {
		flex-wrap: wrap;
	}

	.c2w-skin-canvas .canvas-stat-cell {
		flex: 1 1 50%;
		border-bottom: 1px solid var(--c2w-canvas-border);
	}
}

/* ══════════════════════════════════════════════════════════════════════
   HEADER ACTIONS (Dashboard / Login / My Account links)
   ══════════════════════════════════════════════════════════════════════ */
.c2w-skin-canvas .canvas-header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.c2w-skin-canvas .canvas-header-link {
	font-size: 12px;
	font-weight: 600;
	color: var(--c2w-on-primary-muted, rgba(255, 255, 255, 0.7));
	text-decoration: none;
	padding: 6px 10px;
	border-radius: 6px;
	transition: color 0.15s, background 0.15s;
	white-space: nowrap;
}

.c2w-skin-canvas .canvas-header-link:hover {
	color: #FFFFFF;
	background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 768px) {
	.c2w-skin-canvas .canvas-header-actions {
		gap: 6px;
	}
	/* Cascade fix: base display:flex rule above would undo the hide — re-apply here */
	.c2w-skin-canvas .canvas-header-link {
		display: none;
	}
}

/* ══ ADD-TEAM BUTTON LOCK ══════════════════════════════════════
   Lock add-team CTA to skin brand colour regardless of ACF palette state.
   ═══════════════════════════════════════════════ */
.c2w-skin-canvas .c2w-at-btn--primary       { background: var(--c2w-canvas-red, #C8102E) !important; color: #fff !important; border-color: var(--c2w-canvas-red, #C8102E) !important; }
.c2w-skin-canvas .c2w-at-btn--primary:hover { background: var(--c2w-canvas-red-dark, #a80d27) !important; border-color: var(--c2w-canvas-red-dark, #a80d27) !important; }
.c2w-skin-canvas .c2w-at-btn--ghost:hover   { border-color: var(--c2w-canvas-navy, #1A1464) !important; color: var(--c2w-canvas-navy, #1A1464) !important; }

/* ══════════════════════════════════════════════════════════════════
   MY ACCOUNT PAGE
   ══════════════════════════════════════════════════════════════════════ */
.c2w-skin-canvas .woocommerce-account .woocommerce {
	max-width: 1280px;
	margin: 40px auto;
	padding: 0 24px;
}

.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 20px 0;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 500;
	color: var(--c2w-canvas-grey-600);
	text-decoration: none;
	transition: background 0.15s, color 0.15s;
	border-left: 3px solid transparent;
}

.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--c2w-canvas-off-white);
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--c2w-canvas-off-white);
	color: var(--c2w-canvas-navy);
	font-weight: 700;
	border-left-color: var(--c2w-canvas-red);
}

.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-content {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 32px;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

/* My Account Dashboard action cards */
.c2w-skin-canvas .woocommerce-account .woocommerce-MyAccount-content.c2w-account-dashboard {
	background: var(--c2w-canvas-cream);
	border: none;
	box-shadow: none;
	padding: 0;
}

.c2w-skin-canvas .c2w-account-dashboard {
	max-width: 1280px;
	margin: 0 auto;
}

.c2w-skin-canvas .woocommerce-account .c2w-actions-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
	margin-bottom: 18px;
}

.c2w-skin-canvas .woocommerce-account .c2w-action-card {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 16px;
	text-decoration: none;
	color: var(--c2w-canvas-dark);
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 72px;
	transition: all 0.2s ease;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .woocommerce-account .c2w-action-card:hover {
	border-color: var(--c2w-canvas-red);
	box-shadow: var(--c2w-canvas-shadow-md);
	transform: translateY(-2px);
}

.c2w-skin-canvas .woocommerce-account .c2w-action-icon {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--c2w-canvas-off-white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--c2w-canvas-navy);
	font-size: 16px;
	flex-shrink: 0;
}

.c2w-skin-canvas .woocommerce-account .c2w-action-card:hover .c2w-action-icon {
	background: var(--c2w-canvas-red);
	color: #FFFFFF;
}

.c2w-skin-canvas .woocommerce-account .c2w-action-content strong {
	display: block;
	color: var(--c2w-canvas-navy);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2px;
}

.c2w-skin-canvas .woocommerce-account .c2w-action-content small {
	color: var(--c2w-canvas-grey-400);
	font-size: 12px;
}

/* Progress card / Fundraising Progress */
.c2w-skin-canvas .woocommerce-account .c2w-progress-card {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 18px 20px;
	margin-bottom: 18px;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .woocommerce-account .c2w-progress-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.c2w-skin-canvas .woocommerce-account .c2w-progress-head strong {
	font-size: 18px;
	font-weight: 800;
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .woocommerce-account .c2w-raffle-status { font-weight: 700; font-size: 13px; }
.c2w-skin-canvas .woocommerce-account .c2w-raffle-status.is-live { color: #2dd78a; }
.c2w-skin-canvas .woocommerce-account .c2w-raffle-status.is-coming { color: var(--c2w-canvas-gold); }
.c2w-skin-canvas .woocommerce-account .c2w-raffle-status.is-ended { color: var(--c2w-canvas-red); }

.c2w-skin-canvas .woocommerce-account .c2w-progress-meta {
	display: flex;
	justify-content: space-between;
	margin: 10px 0 8px;
	color: var(--c2w-canvas-grey-400);
	font-size: 13px;
}

.c2w-skin-canvas .woocommerce-account .c2w-progress-meta span:last-child {
	color: var(--c2w-canvas-navy);
	font-weight: 700;
}

.c2w-skin-canvas .woocommerce-account .c2w-progress-track {
	height: 8px;
	background: var(--c2w-canvas-grey-100);
	border-radius: 999px;
	overflow: hidden;
}

.c2w-skin-canvas .woocommerce-account .c2w-progress-track span {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--c2w-canvas-navy), var(--c2w-canvas-cyan));
}

/* Stat cards */
.c2w-skin-canvas .woocommerce-account .c2w-stats-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 18px;
}

.c2w-skin-canvas .woocommerce-account .c2w-stat-card {
	background: var(--c2w-canvas-navy);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 18px 16px;
	text-align: center;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .woocommerce-account .c2w-stat-card span {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
}

.c2w-skin-canvas .woocommerce-account .c2w-stat-card small {
	color: var(--c2w-canvas-cyan);
	font-size: 12px;
	font-weight: 600;
	display: block;
	margin-top: 4px;
}

.c2w-skin-canvas .c2w-account-footer-links {
	margin-top: 24px;
	border-top: 1px solid var(--c2w-canvas-border);
	padding-top: 16px;
	display: flex;
	gap: 18px;
	justify-content: center;
	align-items: center;
}

.c2w-skin-canvas .c2w-account-footer-links a {
	color: var(--c2w-canvas-grey-400);
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: color 0.15s;
}

.c2w-skin-canvas .c2w-account-footer-links a:hover {
	color: var(--c2w-canvas-navy);
}

@media (max-width: 980px) {
	.c2w-skin-canvas .woocommerce-account .c2w-actions-grid,
	.c2w-skin-canvas .woocommerce-account .c2w-stats-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 480px) {
	.c2w-skin-canvas .woocommerce-account .c2w-actions-grid,
	.c2w-skin-canvas .woocommerce-account .c2w-stats-grid {
		grid-template-columns: 1fr;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   CHECKOUT PAGE
   ══════════════════════════════════════════════════════════════════════ */
.c2w-skin-canvas .woocommerce-checkout {
	max-width: 1280px;
	margin: 40px auto;
	padding: 0 24px;
}

.c2w-skin-canvas .woocommerce-checkout .woocommerce-billing-fields,
.c2w-skin-canvas .woocommerce-checkout .woocommerce-shipping-fields,
.c2w-skin-canvas .woocommerce-checkout .woocommerce-additional-fields {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 28px 24px;
	margin-bottom: 20px;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .woocommerce-checkout h3 {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 22px;
	color: var(--c2w-canvas-navy);
	margin-bottom: 20px;
}

.c2w-skin-canvas .woocommerce-checkout .form-row {
	margin-bottom: 16px;
}

.c2w-skin-canvas .woocommerce-checkout .form-row label {
	font-size: 13px;
	font-weight: 600;
	color: var(--c2w-canvas-grey-600);
	margin-bottom: 6px;
	display: block;
}

.c2w-skin-canvas .woocommerce-checkout .form-row input.input-text,
.c2w-skin-canvas .woocommerce-checkout .form-row select,
.c2w-skin-canvas .woocommerce-checkout .form-row textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--c2w-canvas-grey-200);
	border-radius: var(--c2w-canvas-radius-sm);
	font-size: 14px;
	font-family: inherit;
	transition: border-color 0.15s, box-shadow 0.15s;
	background: var(--c2w-canvas-white);
}

.c2w-skin-canvas .woocommerce-checkout .form-row input.input-text:focus,
.c2w-skin-canvas .woocommerce-checkout .form-row select:focus {
	border-color: var(--c2w-canvas-navy);
	box-shadow: 0 0 0 3px rgba(26, 20, 100, 0.08);
	outline: none;
}

.c2w-skin-canvas .woocommerce-checkout #order_review {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 28px 24px;
	box-shadow: var(--c2w-canvas-shadow-sm);
	margin-bottom: 20px;
}

.c2w-skin-canvas .woocommerce-checkout table.shop_table {
	border-collapse: collapse;
	width: 100%;
	border: none;
}

.c2w-skin-canvas .woocommerce-checkout table.shop_table th,
.c2w-skin-canvas .woocommerce-checkout table.shop_table td {
	padding: 12px 8px;
	border-bottom: 1px solid var(--c2w-canvas-grey-100);
	font-size: 14px;
}

.c2w-skin-canvas .woocommerce-checkout table.shop_table th {
	font-weight: 700;
	color: var(--c2w-canvas-navy);
	text-align: left;
}

.c2w-skin-canvas .woocommerce-checkout #place_order {
	background: var(--c2w-canvas-red);
	color: #FFFFFF;
	border: none;
	padding: 14px 32px;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
	width: 100%;
	transition: background 0.15s;
	font-family: inherit;
}

.c2w-skin-canvas .woocommerce-checkout #place_order:hover {
	background: var(--c2w-canvas-red-dark);
}

.c2w-skin-canvas .woocommerce-checkout .woocommerce-info,
.c2w-skin-canvas .woocommerce-checkout .woocommerce-message {
	background: var(--c2w-canvas-off-white);
	border-left: 4px solid var(--c2w-canvas-navy);
	border-radius: var(--c2w-canvas-radius-sm);
	padding: 14px 18px;
	margin-bottom: 20px;
	font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════
   ADMIN / DASHBOARD PAGES — Center Alignment & Canvas Styling
   ══════════════════════════════════════════════════════════════════════ */

/* Master centering: all non-home pages get centered .site-main */
.c2w-skin-canvas:not(.page-template-home-template) .site-main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px 72px;
}

.c2w-skin-canvas:not(.page-template-home-template) .site-main > .container1 {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Global centering for all admin front-end pages */
.c2w-skin-canvas .container1,
.c2w-skin-canvas .container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* Outer page wrappers — ensure full width and centered */
.c2w-skin-canvas .site-sett,
.c2w-skin-canvas .report-page12,
.c2w-skin-canvas .pick_winner12,
.c2w-skin-canvas .all-winner12,
.c2w-skin-canvas .add-team12,
.c2w-skin-canvas .charity-dashboard,
.c2w-skin-canvas .manual-order-updated-design {
	max-width: 100%;
	padding: 40px 0;
	background: var(--c2w-canvas-cream);
}

/* Card styling for admin content blocks */
.c2w-skin-canvas .site-sett .card,
.c2w-skin-canvas .report-page12 .card,
.c2w-skin-canvas .site-sett .tab-content,
.c2w-skin-canvas .site-sett .tabcontent,
.c2w-skin-canvas .left-section-team,
.c2w-skin-canvas .right-section-team,
.c2w-skin-canvas .pick_winner12 .container1 > div,
.c2w-skin-canvas .manual-order-updated-design .card {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 28px 24px;
	box-shadow: var(--c2w-canvas-shadow-sm);
	margin-bottom: 20px;
}

/* Page titles */
.c2w-skin-canvas .site-sett h2,
.c2w-skin-canvas .site-sett h3,
.c2w-skin-canvas .report-page12 h2,
.c2w-skin-canvas .report-page12 h3,
.c2w-skin-canvas .pick_winner12 h2,
.c2w-skin-canvas .all-winner12 h2,
.c2w-skin-canvas .add-team12 h2,
.c2w-skin-canvas .charity-dashboard h2 {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	color: var(--c2w-canvas-navy);
	margin-bottom: 16px;
}

/* Tabs in site-settings / reporting */
.c2w-skin-canvas .layout-tab.tab .tablinks,
.c2w-skin-canvas .tab-ul .tablinks,
.c2w-skin-canvas .tablinks {
	background: none;
	border: none;
	padding: 10px 18px;
	font-size: 13px;
	font-weight: 600;
	color: var(--c2w-canvas-grey-600);
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: color 0.15s, border-color 0.15s;
	font-family: inherit;
}

.c2w-skin-canvas .layout-tab.tab .tablinks:hover,
.c2w-skin-canvas .tab-ul .tablinks:hover,
.c2w-skin-canvas .tablinks:hover {
	color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas .layout-tab.tab .tablinks.active,
.c2w-skin-canvas .tab-ul .tablinks.active,
.c2w-skin-canvas .tablinks.active {
	color: var(--c2w-canvas-navy);
	border-bottom-color: var(--c2w-canvas-red);
	font-weight: 700;
}

/* Form inputs across admin pages */
.c2w-skin-canvas .site-sett input[type="text"],
.c2w-skin-canvas .site-sett input[type="email"],
.c2w-skin-canvas .site-sett input[type="number"],
.c2w-skin-canvas .site-sett input[type="url"],
.c2w-skin-canvas .site-sett input[type="password"],
.c2w-skin-canvas .site-sett textarea,
.c2w-skin-canvas .site-sett select,
.c2w-skin-canvas .add-team12 input[type="text"],
.c2w-skin-canvas .add-team12 select,
.c2w-skin-canvas .report-page12 input[type="text"],
.c2w-skin-canvas .report-page12 select,
.c2w-skin-canvas .manual-order-updated-design input[type="text"],
.c2w-skin-canvas .manual-order-updated-design input[type="email"],
.c2w-skin-canvas .manual-order-updated-design select {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--c2w-canvas-grey-200);
	border-radius: var(--c2w-canvas-radius-sm);
	font-size: 14px;
	font-family: inherit;
	transition: border-color 0.15s, box-shadow 0.15s;
	background: var(--c2w-canvas-white);
}

.c2w-skin-canvas .site-sett input:focus,
.c2w-skin-canvas .site-sett select:focus,
.c2w-skin-canvas .site-sett textarea:focus,
.c2w-skin-canvas .add-team12 input:focus,
.c2w-skin-canvas .add-team12 select:focus {
	border-color: var(--c2w-canvas-navy);
	box-shadow: 0 0 0 3px rgba(26, 20, 100, 0.08);
	outline: none;
}

/* Buttons across admin pages */
.c2w-skin-canvas .site-sett .btn,
.c2w-skin-canvas .site-sett button[type="submit"],
.c2w-skin-canvas .site-sett input[type="submit"],
.c2w-skin-canvas .report-page12 .btn,
.c2w-skin-canvas .add-team12 .btn,
.c2w-skin-canvas .add-team12 button[type="submit"],
.c2w-skin-canvas .pick_winner12 .btn,
.c2w-skin-canvas .manual-order-updated-design .btn,
.c2w-skin-canvas .manual-order-updated-design button[type="submit"] {
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	border: none;
	padding: 10px 22px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s;
	font-family: inherit;
	text-decoration: none;
	display: inline-block;
}

.c2w-skin-canvas .site-sett .btn:hover,
.c2w-skin-canvas .site-sett button[type="submit"]:hover,
.c2w-skin-canvas .report-page12 .btn:hover,
.c2w-skin-canvas .add-team12 .btn:hover,
.c2w-skin-canvas .pick_winner12 .btn:hover,
.c2w-skin-canvas .manual-order-updated-design .btn:hover {
	background: var(--c2w-canvas-red);
}

/* Back arrow / navigation */
.c2w-skin-canvas .back-arrow-img {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--c2w-canvas-navy);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 16px;
}

.c2w-skin-canvas .back-arrow-img:hover {
	color: var(--c2w-canvas-red);
}

/* Tables in admin pages */
.c2w-skin-canvas .report-page12 table,
.c2w-skin-canvas .all-winner12 table,
.c2w-skin-canvas .add-team12 table,
.c2w-skin-canvas .pick_winner12 table,
.c2w-skin-canvas .charity-dashboard table,
.c2w-skin-canvas table.dataTable {
	width: 100%;
	border-collapse: collapse;
	background: var(--c2w-canvas-white);
	border-radius: var(--c2w-canvas-radius-md);
	overflow: hidden;
	box-shadow: var(--c2w-canvas-shadow-sm);
}

.c2w-skin-canvas .report-page12 table th,
.c2w-skin-canvas .report-page12 .export-table.report21 th,
.c2w-skin-canvas .all-winner12 table th,
.c2w-skin-canvas .add-team12 table th,
.c2w-skin-canvas .pick_winner12 table th,
.c2w-skin-canvas .charity-dashboard table th,
.c2w-skin-canvas table.dataTable th {
	background: var(--c2w-canvas-navy) !important;
	color: #FFFFFF !important;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 14px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
}

.c2w-skin-canvas .report-page12 table td,
.c2w-skin-canvas .all-winner12 table td,
.c2w-skin-canvas .add-team12 table td,
.c2w-skin-canvas .pick_winner12 table td,
.c2w-skin-canvas .charity-dashboard table td,
.c2w-skin-canvas table.dataTable td {
	padding: 11px 14px;
	font-size: 13px;
	border-bottom: 1px solid var(--c2w-canvas-grey-100);
	color: var(--c2w-canvas-dark);
}

.c2w-skin-canvas .report-page12 table tr:hover td,
.c2w-skin-canvas .all-winner12 table tr:hover td,
.c2w-skin-canvas .add-team12 table tr:hover td,
.c2w-skin-canvas .pick_winner12 table tr:hover td,
.c2w-skin-canvas .charity-dashboard table tr:hover td,
.c2w-skin-canvas table.dataTable tr:hover td {
	background: var(--c2w-canvas-off-white);
}

/* Notice / alert banners */
.c2w-skin-canvas .notice-section,
.c2w-skin-canvas .woocommerce-error,
.c2w-skin-canvas .woocommerce-message,
.c2w-skin-canvas .woocommerce-info {
	background: var(--c2w-canvas-off-white);
	border-left: 4px solid var(--c2w-canvas-navy);
	border-radius: var(--c2w-canvas-radius-sm);
	padding: 14px 18px;
	margin-bottom: 20px;
	font-size: 14px;
	list-style: none;
}

/* ══════════════════════════════════════════════════════════════════════
   SITE-SETTINGS — Calendar / Date Picker Fix
   jQuery UI datepicker is appended to <body>, so we use body.c2w-skin-canvas
   ══════════════════════════════════════════════════════════════════════ */
/* Kill all jQuery UI sprite backgrounds inside Canvas datepicker */
body.c2w-skin-canvas .ui-widget-header {
	background: none;
	background-image: none !important;
	border: none;
}

body.c2w-skin-canvas .ui-widget-content {
	background: none;
	background-image: none !important;
	border: none;
}

body.c2w-skin-canvas .ui-state-default,
body.c2w-skin-canvas .ui-state-hover,
body.c2w-skin-canvas .ui-state-active {
	background-image: none !important;
	border: none;
}

body.c2w-skin-canvas .ui-datepicker .ui-icon {
	background-image: none !important;
}

body.c2w-skin-canvas #ui-datepicker-div.ui-datepicker {
	background: #FFFFFF;
	border: 1px solid rgba(26, 20, 100, 0.11);
	border-radius: 12px;
	box-shadow: 0 16px 48px rgba(26, 20, 100, 0.13);
	padding: 16px;
	width: 320px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	z-index: 9999 !important;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-header {
	background: #1A1464 !important;
	color: #FFFFFF;
	padding: 12px 14px;
	margin: -16px -16px 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-title {
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	flex: 1;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-title select {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	padding: 4px 8px;
	margin: 0 4px;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-prev,
body.c2w-skin-canvas .ui-datepicker .ui-datepicker-next {
	cursor: pointer;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 14px;
	color: #FFFFFF;
	transition: background 0.15s;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-prev:hover,
body.c2w-skin-canvas .ui-datepicker .ui-datepicker-next:hover {
	background: rgba(255, 255, 255, 0.15);
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-prev .ui-icon,
body.c2w-skin-canvas .ui-datepicker .ui-datepicker-next .ui-icon {
	background-image: none !important;
	text-indent: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	position: static !important;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-prev .ui-icon::before {
	content: '\2039';
	font-size: 20px;
	line-height: 1;
	color: #FFFFFF;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-next .ui-icon::before {
	content: '\203A';
	font-size: 20px;
	line-height: 1;
	color: #FFFFFF;
}

body.c2w-skin-canvas .ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	background: none;
	box-shadow: none;
}

body.c2w-skin-canvas .ui-datepicker table th {
	padding: 8px 4px;
	font-size: 11px;
	font-weight: 700;
	color: #8E90A8;
	text-align: center;
	text-transform: uppercase;
	background: none;
}

body.c2w-skin-canvas .ui-datepicker table td {
	padding: 2px;
	text-align: center;
	border: none;
}

body.c2w-skin-canvas .ui-datepicker td a,
body.c2w-skin-canvas .ui-datepicker td span {
	display: block;
	padding: 8px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #0D0B2B;
	text-decoration: none;
	transition: background 0.15s, color 0.15s;
	background: transparent;
	border: none;
}

body.c2w-skin-canvas .ui-datepicker td a:hover {
	background: #F6F7FC;
	color: #1A1464;
}

body.c2w-skin-canvas .ui-datepicker td .ui-state-active {
	background: #1A1464 !important;
	color: #FFFFFF !important;
	font-weight: 700;
}

body.c2w-skin-canvas .ui-datepicker td .ui-state-highlight {
	background: #F6F7FC;
	color: #1A1464;
	font-weight: 600;
	border: 1px solid rgba(26, 20, 100, 0.2);
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-buttonpane {
	border-top: 1px solid #ECEDF5;
	margin-top: 12px;
	padding-top: 12px;
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-buttonpane button {
	background: #1A1464;
	color: #FFFFFF;
	border: none;
	padding: 8px 16px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Inter', sans-serif;
}

body.c2w-skin-canvas .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	background: #ECEDF5;
	color: #1A1464;
}

/* Timepicker addon */
body.c2w-skin-canvas .ui-timepicker-div {
	padding: 12px 16px;
	border-top: 1px solid #ECEDF5;
}

body.c2w-skin-canvas .ui-timepicker-div dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 8px 12px;
	align-items: center;
}

body.c2w-skin-canvas .ui-timepicker-div dt {
	font-size: 12px;
	font-weight: 600;
	color: #4A4C65;
}

body.c2w-skin-canvas .ui-timepicker-div .ui-slider {
	background: #ECEDF5;
	border-radius: 4px;
	height: 6px;
	position: relative;
}

body.c2w-skin-canvas .ui-timepicker-div .ui-slider-handle {
	background: #1A1464;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -5px;
	cursor: pointer;
	border: none;
}

/* Hide messy icon toolbar & timepicker grids at bottom of datepicker */
body.c2w-skin-canvas .ui-datepicker .ui-tpicker-grid-label,
body.c2w-skin-canvas .ui-timepicker-div .ui_tpicker_time,
body.c2w-skin-canvas .ui-timepicker-div table {
	display: none;
}

/* Kill any remaining jQuery UI icon sprites inside datepicker */
body.c2w-skin-canvas .ui-datepicker .ui-icon,
body.c2w-skin-canvas .ui-timepicker-div .ui-icon {
	background-image: none !important;
	text-indent: 0 !important;
}

/* ui-slider-handle border:none — merged into base rule above */

/* ══════════════════════════════════════════════════════════════════════
   MY ACCOUNT — c2w-dash Dashboard Cards (from platform-manager)
   ══════════════════════════════════════════════════════════════════════ */
.c2w-skin-canvas .c2w-dash {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.c2w-skin-canvas .c2w-dash__card {
	background: var(--c2w-canvas-white) !important;
	border: 1px solid var(--c2w-canvas-border) !important;
	border-radius: var(--c2w-canvas-radius-md) !important;
	box-shadow: var(--c2w-canvas-shadow-sm) !important;
}

.c2w-skin-canvas .c2w-dash__card-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 10px !important;
}

.c2w-skin-canvas .c2w-dash__card-icon.blue {
	background: rgba(26, 20, 100, 0.08) !important;
	color: var(--c2w-canvas-navy) !important;
}

.c2w-skin-canvas .c2w-dash__card-icon.green {
	background: rgba(34, 197, 94, 0.10) !important;
	color: #16a34a !important;
}

.c2w-skin-canvas .c2w-dash__card-icon.purple {
	background: rgba(123, 47, 190, 0.10) !important;
	color: var(--c2w-canvas-purple) !important;
}

.c2w-skin-canvas .c2w-dash__card-icon.cyan {
	background: rgba(200, 16, 46, 0.08) !important;
	color: var(--c2w-canvas-red) !important;
}

.c2w-skin-canvas .c2w-dash__label {
	color: var(--c2w-canvas-grey-400) !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

.c2w-skin-canvas .c2w-dash__value {
	color: var(--c2w-canvas-navy) !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 800 !important;
	font-size: 28px !important;
}

.c2w-skin-canvas .c2w-dash__trend.up { color: #16a34a !important; }
.c2w-skin-canvas .c2w-dash__trend.down { color: var(--c2w-canvas-red) !important; }
.c2w-skin-canvas .c2w-dash__trend.flat { color: var(--c2w-canvas-grey-400) !important; }

.c2w-skin-canvas .c2w-dash__fee {
	background: var(--c2w-canvas-off-white) !important;
	border: 1px solid var(--c2w-canvas-border) !important;
	border-radius: var(--c2w-canvas-radius-md) !important;
}

.c2w-skin-canvas .c2w-dash__fee-label {
	color: var(--c2w-canvas-grey-400) !important;
	font-family: 'Inter', sans-serif !important;
}

.c2w-skin-canvas .c2w-dash__fee-val {
	color: var(--c2w-canvas-navy) !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 800 !important;
}

.c2w-skin-canvas .c2w-dash__chart-box {
	background: var(--c2w-canvas-white) !important;
	border: 1px solid var(--c2w-canvas-border) !important;
	border-radius: var(--c2w-canvas-radius-md) !important;
	box-shadow: var(--c2w-canvas-shadow-sm) !important;
}

.c2w-skin-canvas .c2w-dash__chart-title {
	color: var(--c2w-canvas-navy) !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
}

.c2w-skin-canvas .c2w-dash__progress {
	background: var(--c2w-canvas-white) !important;
	border: 1px solid var(--c2w-canvas-border) !important;
	border-radius: var(--c2w-canvas-radius-md) !important;
	box-shadow: var(--c2w-canvas-shadow-sm) !important;
}

.c2w-skin-canvas .c2w-dash__progress-head strong {
	color: var(--c2w-canvas-navy) !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 800 !important;
}

.c2w-skin-canvas .c2w-dash__raffle-status.is-live { color: #16a34a !important; }
.c2w-skin-canvas .c2w-dash__raffle-status.is-coming { color: var(--c2w-canvas-gold) !important; }
.c2w-skin-canvas .c2w-dash__raffle-status.is-ended { color: var(--c2w-canvas-red) !important; }

.c2w-skin-canvas .c2w-dash__bar {
	background: var(--c2w-canvas-grey-100) !important;
}

.c2w-skin-canvas .c2w-dash__bar span {
	background: linear-gradient(90deg, var(--c2w-canvas-navy), var(--c2w-canvas-cyan)) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   CHARITY DASHBOARD STYLING
   ══════════════════════════════════════════════════════════════════════ */
.c2w-skin-canvas .charity-dashboard {
	background: var(--c2w-canvas-cream);
}

.c2w-skin-canvas .charity-dashboard .container1 {
	max-width: 1280px;
}

.c2w-skin-canvas #menu-charity-dashboard.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
}

.c2w-skin-canvas #menu-charity-dashboard.menu li a {
	display: block;
	padding: 10px 18px;
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-sm);
	color: var(--c2w-canvas-grey-600);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.15s;
}

.c2w-skin-canvas #menu-charity-dashboard.menu li a:hover,
.c2w-skin-canvas #menu-charity-dashboard.menu li.current-menu-item a {
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	border-color: var(--c2w-canvas-navy);
}

/* Payment Processor page */
.c2w-skin-canvas .connect-your-payment {
	padding: 40px 0;
}

.c2w-skin-canvas .payment-processor-main {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.c2w-skin-canvas .payment-processor1 {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 28px 24px;
	box-shadow: var(--c2w-canvas-shadow-sm);
	text-align: center;
}

/* Winner cards */
.c2w-skin-canvas .winner-card,
.c2w-skin-canvas .c2w-winner-card {
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-border);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 20px;
	box-shadow: var(--c2w-canvas-shadow-sm);
	margin-bottom: 16px;
}

/* Search boxes */
.c2w-skin-canvas .div-search input[type="search"],
.c2w-skin-canvas .div-search input[type="text"],
.c2w-skin-canvas .dataTables_filter input {
	padding: 10px 14px;
	border: 1px solid var(--c2w-canvas-grey-200);
	border-radius: var(--c2w-canvas-radius-sm);
	font-size: 14px;
	font-family: inherit;
	min-width: 240px;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.c2w-skin-canvas .div-search input:focus,
.c2w-skin-canvas .dataTables_filter input:focus {
	border-color: var(--c2w-canvas-navy);
	box-shadow: 0 0 0 3px rgba(26, 20, 100, 0.08);
	outline: none;
}

/* Pagination */
.c2w-skin-canvas .dataTables_paginate .paginate_button {
	padding: 8px 14px;
	margin: 0 2px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--c2w-canvas-grey-600);
	border: 1px solid var(--c2w-canvas-grey-200);
	background: var(--c2w-canvas-white);
	cursor: pointer;
	text-decoration: none;
}

.c2w-skin-canvas .dataTables_paginate .paginate_button.current,
.c2w-skin-canvas .dataTables_paginate .paginate_button:hover {
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	border-color: var(--c2w-canvas-navy);
}

/* ══════════════════════════════════════════════════════════════════════
   ADMIN PAGES RESPONSIVE
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	.c2w-skin-canvas .container1,
	.c2w-skin-canvas .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.c2w-skin-canvas .c2w-actions-grid {
		grid-template-columns: 1fr 1fr;
	}

	.c2w-skin-canvas .payment-processor-main {
		grid-template-columns: 1fr;
	}

	.c2w-skin-canvas .woocommerce-checkout {
		padding: 20px 16px;
	}
}

@media (max-width: 480px) {
	.c2w-skin-canvas .c2w-actions-grid {
		grid-template-columns: 1fr;
	}

	.c2w-skin-canvas .canvas-header-actions {
		gap: 4px;
	}

	.c2w-skin-canvas .canvas-header-link {
		font-size: 11px;
		padding: 4px 5px;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   SITE-SETTINGS — Image Upload / Sponsors / Prize Images
   ══════════════════════════════════════════════════════════════════════ */

/* Image grid layout */
.c2w-skin-canvas #total_sponsors,
.c2w-skin-canvas #total_sliderimages {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 16px 0;
}

.c2w-skin-canvas .inner-total_sponsors_25 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	background: var(--c2w-canvas-white);
	border: 1px solid var(--c2w-canvas-grey-200);
	border-radius: var(--c2w-canvas-radius-md);
	padding: 12px;
	box-shadow: var(--c2w-canvas-shadow-sm);
	min-width: 220px;
}

.c2w-skin-canvas .inner-total_sponsors_25 > img {
	width: 200px;
	height: 130px;
	object-fit: cover;
	border-radius: var(--c2w-canvas-radius-sm);
	border: 1px solid var(--c2w-canvas-grey-100);
	display: block;
}

/* URL text input inside each image card */
.c2w-skin-canvas .img-url-sponsor {
	width: 200px !important;
	font-size: 12px !important;
	padding: 6px 10px !important;
	border: 1px solid var(--c2w-canvas-grey-200) !important;
	border-radius: var(--c2w-canvas-radius-sm) !important;
}

/* Label-as-button wrapper */
.c2w-skin-canvas .labelFile-parent {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* "Change Image" / "Upload Image" label acting as button */
.c2w-skin-canvas label.labelFile,
.c2w-skin-canvas label.sponsorlabel {
	display: inline-block;
	padding: 7px 14px;
	background: var(--c2w-canvas-navy);
	color: #FFFFFF;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s;
	font-family: inherit;
	line-height: 1.4;
}

.c2w-skin-canvas label.labelFile:hover,
.c2w-skin-canvas label.sponsorlabel:hover {
	background: var(--c2w-canvas-red);
}

/* Hide the upload.png icon — the label text is sufficient */
.c2w-skin-canvas .labelFile-parent > img {
	display: none;
}

/* button-primary bu1 (Delete X, Add Image, Add Sponsor) */
.c2w-skin-canvas a.bu1,
.c2w-skin-canvas input.bu1,
.c2w-skin-canvas .bu1 {
	display: inline-block;
	padding: 7px 14px;
	background: var(--c2w-canvas-grey-100);
	color: var(--c2w-canvas-grey-600) !important;
	border: 1px solid var(--c2w-canvas-grey-200);
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
	font-family: inherit;
	text-decoration: none !important;
	line-height: 1.4;
}

.c2w-skin-canvas a.bu1:hover,
.c2w-skin-canvas input.bu1:hover,
.c2w-skin-canvas .bu1:hover {
	background: #fee2e2;
	color: var(--c2w-canvas-red) !important;
	border-color: var(--c2w-canvas-red);
}

/* "Add Image" / "Add Sponsor" — slightly different look */
.c2w-skin-canvas input.add-image,
.c2w-skin-canvas input.add-sponsor {
	background: var(--c2w-canvas-navy);
	color: #FFFFFF !important;
	border-color: var(--c2w-canvas-navy);
}

.c2w-skin-canvas input.add-image:hover,
.c2w-skin-canvas input.add-sponsor:hover {
	background: var(--c2w-canvas-red);
	border-color: var(--c2w-canvas-red);
	color: #FFFFFF !important;
}

/* "Rearrange Images" link button */
.c2w-skin-canvas .prize-button,
.c2w-skin-canvas .prize-button2 {
	margin-bottom: 12px;
}

.c2w-skin-canvas a.add-basket-button12,
.c2w-skin-canvas .button-red.add-basket-button12 {
	display: inline-block;
	padding: 8px 18px;
	background: var(--c2w-canvas-dark);
	color: #FFFFFF !important;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none !important;
	transition: background 0.15s;
	font-family: inherit;
	line-height: 1.4;
}

.c2w-skin-canvas a.add-basket-button12:hover,
.c2w-skin-canvas .button-red.add-basket-button12:hover {
	background: var(--c2w-canvas-navy);
}

/* Section header text */
.c2w-skin-canvas .top-text-images {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	color: var(--c2w-canvas-navy);
	margin-bottom: 12px;
}
/* ══ Progress Bar & Contributions Strip ═════════════════════════════════════ */
.c2w-skin-canvas .c2w-progress-wrap {
	background: var(--c2w-canvas-off-white, #F6F7FC);
	border: 1px solid var(--c2w-canvas-border, rgba(26,20,100,.11));
	border-radius: 12px; padding: 20px 24px; margin: 0 auto 24px; max-width: 780px;
}
.c2w-skin-canvas .c2w-progress-label-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.c2w-skin-canvas .c2w-progress-label { font-size: 14px; font-weight: 700; color: var(--c2w-canvas-navy, #1A1464); }
.c2w-skin-canvas .c2w-progress-pct { font-size: 14px; font-weight: 800; color: var(--c2w-canvas-red, #C8102E); }
.c2w-skin-canvas .c2w-progress-track { height: 8px; background: var(--c2w-canvas-grey-100, #ECEDF5); border-radius: 4px; overflow: hidden; margin-bottom: 8px; }
.c2w-skin-canvas .c2w-progress-fill { height: 100%; background: linear-gradient(90deg, var(--c2w-canvas-red, #C8102E), var(--c2w-canvas-navy, #1A1464)); border-radius: 4px; transition: width .5s ease; }
.c2w-skin-canvas .c2w-progress-meta { display: flex; justify-content: space-between; font-size: 12px; color: var(--c2w-canvas-grey-600, #4A4C65); }
.c2w-skin-canvas .c2w-contrib-strip {
	display: grid; grid-template-columns: repeat(4,1fr);
	background: var(--c2w-canvas-navy, #1A1464); margin: 0 0 24px;
}
.c2w-skin-canvas .c2w-contrib-cell { padding: 18px 12px; text-align: center; border-right: 1px solid rgba(255,255,255,.1); }
.c2w-skin-canvas .c2w-contrib-cell:last-child { border-right: none; }
.c2w-skin-canvas .c2w-contrib-val { font-size: 22px; font-weight: 800; color: var(--c2w-canvas-white, #fff); line-height: 1.2; }
.c2w-skin-canvas .c2w-contrib-label { font-size: 11px; color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: .5px; margin-top: 4px; }
@media (max-width: 600px) {
	.c2w-skin-canvas .c2w-contrib-strip { grid-template-columns: repeat(2,1fr); }
}

/* ── Live supporter activity: constrain inside the gallery column ── */
body.c2w-skin-canvas .canvas-hero-gallery .c2w-activity-card,
body.home.c2w-skin-canvas .canvas-hero-gallery .c2w-activity-card {
	max-width: 100% !important;
	margin: 16px 0 0 !important;
	border-radius: 10px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.10) !important;
}

/* ── RESPONSIVE GAPS — canvas ───────────────────────────────────────────── */

/* Item 11: gallery thumb strip scrollbar — merged into base rule above */

/* Item 10: ticket package cards — tighten padding on very small phones
   Actual selector is .canvas-pkg-card (task guessed .canvas-tix-* / .canvas-pricing-*) */
@media (max-width: 360px) {
	.c2w-skin-canvas .canvas-pkg-card {
		padding: 22px 4px 6px;
	}
}

/* ══ HAMBURGER NAV — canvas mobile (≤768px) ════════════════════════════════
   Hamburger button + mobile nav drawer replacing hidden desktop nav tabs.
   ═══════════════════════════════════════════════════════════════════════════ */
.c2w-skin-canvas .canvas-hamburger { display: none; }
.c2w-skin-canvas .canvas-mobile-nav { display: none; }

@media (max-width: 768px) {
	.c2w-skin-canvas .canvas-hamburger {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 36px;
		height: 36px;
		background: transparent;
		border: 1px solid rgba(255,255,255,.25);
		border-radius: 8px;
		cursor: pointer;
		padding: 0;
		flex-shrink: 0;
	}
	.c2w-skin-canvas .canvas-hamburger span {
		display: block;
		width: 18px;
		height: 2px;
		background: #fff;
		border-radius: 2px;
		transition: transform .2s, opacity .2s;
	}
	/* Override: master.css h2 { text-align: center !important } */
	.c2w-skin-canvas .canvas-hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.c2w-skin-canvas .canvas-hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
	.c2w-skin-canvas .canvas-hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
	.c2w-skin-canvas .canvas-mobile-nav {
		display: none;
		flex-direction: column;
		background: var(--c2w-canvas-navy, #1A1464);
		border-top: 1px solid rgba(255,255,255,.12);
		padding: 8px 16px 12px;
		gap: 2px;
	}
	.c2w-skin-canvas .canvas-mobile-nav.is-open { display: flex; }
	.c2w-skin-canvas .canvas-mnav-tab {
		width: 100% !important;
		text-align: left !important;
		justify-content: flex-start !important;
		border-radius: 8px !important;
		padding: 12px 16px !important;
		font-size: 13px !important;
	}
	.c2w-skin-canvas .canvas-mnav-login {
		display: block;
		padding: 12px 16px;
		color: rgba(255,255,255,.6);
		font-size: 12px;
		font-weight: 600;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: .8px;
		border-top: 1px solid rgba(255,255,255,.12);
		margin-top: 4px;
		transition: color .15s;
	}
	.c2w-skin-canvas .canvas-mnav-login:hover { color: #fff; }
}
/* Header (boss request): hide platform Site Title/Tagline text, show a larger uncropped logo */
.c2w-skin-canvas .canvas-org-brand > div:not(.canvas-org-logo-slot) { display:none !important; }
.c2w-skin-canvas .canvas-org-logo-slot { width:auto !important; height:120px !important; min-width:0 !important; background:transparent !important; border:none !important; border-radius:0 !important; padding:0 !important; }
.c2w-skin-canvas .canvas-org-logo-slot img { width:auto !important; height:100% !important; object-fit:contain !important; border-radius:0 !important; }
@media (max-width:768px){ .c2w-skin-canvas .canvas-org-logo-slot { height:auto !important; max-width:100%; flex-shrink:1; } .c2w-skin-canvas .canvas-org-logo-slot img { height:auto !important; max-height:110px; max-width:100%; } }

/* Footer: stack the "Proudly made in America" badge on its own row below the brand (match Pro). */
.c2w-skin-canvas .canvas-footer-brand { flex-wrap: wrap; }
.c2w-skin-canvas .canvas-footer-brand .c2w-made-usa { flex-basis: 100%; width: 100%; margin-top: 8px; justify-content: flex-start; }