/* WPRaffle frontend (customer-facing) styles.
   Palette hardcoded (no CSS vars on the front end); font inherits from the theme
   so it blends with any theme / page builder (Divi, Breakdance, Elementor, …). */

.rtg-cd7{
	display:inline-block;
	background:#172B4D;
	border-radius:14px;
	padding:14px 18px;
	margin:12px 0;
	font-family:inherit;
	max-width:100%;
	box-sizing:border-box;
	text-align:center;
}
.rtg-cd7__label{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.12em;
	color:#9CA3AF;
	font-weight:700;
	margin-bottom:10px;
}
.rtg-cd7__timer{
	display:flex;
	gap:8px;
	justify-content:center;
	flex-wrap:wrap;
}
.rtg-cd__unit{
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:50px;
	background:rgba(255,255,255,0.07);
	border-radius:8px;
	padding:9px 6px;
}
.rtg-cd__num{
	font-size:24px;
	font-weight:800;
	color:#F2A93B;
	line-height:1;
	font-variant-numeric:tabular-nums;
}
.rtg-cd__u{
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:#9fb0cc;
	margin-top:6px;
	font-weight:600;
}
.rtg-cd7--compact{padding:10px 12px;}
.rtg-cd7--compact .rtg-cd__unit{min-width:40px;padding:6px 4px;}
.rtg-cd7--compact .rtg-cd__num{font-size:18px;}
.rtg-cd7--compact .rtg-cd7__label{margin-bottom:7px;}
/* Shop-grid (compact) timer: keep all four tiles on one row in narrow product cards. */
.rtg-cd7.rtg-cd7--compact{display:block;}
.rtg-cd7.rtg-cd7--compact .rtg-cd7__timer{flex-wrap:nowrap;gap:5px;}
.rtg-cd7.rtg-cd7--compact .rtg-cd__unit{flex:1 1 0;min-width:0;padding:6px 2px;}
.rtg-cd7.rtg-cd7--compact .rtg-cd__num{font-size:18px;}
.rtg-cd7.rtg-cd7--compact .rtg-cd__u{font-size:8px;letter-spacing:.04em;}
.rtg-cd__ended{color:#F2A93B;font-weight:700;font-size:14px;}

/* Ticket count line on the product page */
.rtg-number-of-tickets{
	display:inline-block;
	background:#F5F7FB;
	border:1px solid #E4E8F0;
	border-radius:8px;
	padding:6px 12px;
	font-size:13px;
	color:#374260;
	margin:8px 0;
	font-family:inherit;
}

/* Frontend winner shortcode display */
.rtg-winnerpage{font-family:inherit;}
.rtg-winner-carousel li{list-style:none;padding:6px 0;transition:background .1s;}
.rtg-winner-carousel .rtg-wc-active{background:#FDEFD6;border-radius:6px;}
.rtg-winner-carousel .rtg-wc-name{font-weight:600;color:#172B4D;}
.rtg-winner-carousel .rtg-wc-ticket{font-family:ui-monospace,monospace;color:#2F6FEB;}
.rtg-winner-results h2{color:#172B4D;}

/* ==========================================================================
   Pick-a-number grid (Platinum), responsive.
   Styles the #rtg-pn markup (rgt_pn_add_pick_ticket_number).
   Palette matches the countdown: navy #172B4D, gold #F2A93B, blue #2F6FEB.
   ========================================================================== */
#rtg-pn{
	margin:18px 0;padding:20px;background:#fff;border:1px solid #E5E7EB;
	border-radius:16px;box-shadow:0 6px 24px rgba(23,43,77,.06);
	font-family:inherit;
}
#rtg-pn .ticket-box-wrap{position:relative;}

/* Quick-select random button */
#rtg-pn .rtg-random-pick-ticket,#rtg-random-pn{
	float:none !important;display:inline-flex;align-items:center;gap:8px;
	background:linear-gradient(135deg,#F2A93B,#E4941C);color:#172B4D !important;
	border:0;border-radius:10px;padding:11px 18px;font-weight:700;font-size:14px;
	cursor:pointer;box-shadow:0 4px 12px rgba(242,169,59,.35);
	transition:transform .12s ease,box-shadow .12s ease;margin-bottom:16px;
}
#rtg-pn .rtg-random-pick-ticket:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(242,169,59,.45);}

/* Range tab bar (e.g. "1 to 6") */
#rtg-pn #pn-tabs-bar,#rtg-pn .ticket-tab-bar ul{
	list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px;
}
#rtg-pn .pn-tabs-bar-item{
	display:inline-block;padding:8px 14px;border-radius:999px;cursor:pointer;
	background:#F1F5F9;color:#172B4D;font-weight:600;font-size:13px;
	border:1px solid #E5E7EB;text-decoration:none;transition:all .12s ease;
}
#rtg-pn .pn-tabs-bar-item span{opacity:.55;margin:0 3px;font-weight:500;}
#rtg-pn .pn-tabs-bar-item:hover{border-color:#2F6FEB;color:#2F6FEB;}
#rtg-pn .pn-tabs-bar-item.active,#rtg-pn .pn-tabs-bar-item.current{
	background:#172B4D;color:#fff;border-color:#172B4D;
}

/* The number tiles */
#rtg-pn .pn-tab-details-wrapper{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;
}
#rtg-pn .pick-tn{
	appearance:none;border:1.5px solid #E5E7EB;background:#fff;color:#172B4D;
	border-radius:12px;padding:0;cursor:pointer;font-weight:700;font-size:15px;
	aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
	transition:transform .1s ease,border-color .1s ease,background .1s ease,color .1s ease;
}
#rtg-pn .pick-tn .border-whole{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
#rtg-pn .pick-tn .dotclass{display:none;}
#rtg-pn .pick-tn:hover:not(.disabled){border-color:#2F6FEB;color:#2F6FEB;transform:translateY(-2px);}
#rtg-pn .pick-tn.selected,#rtg-pn .pick-tn.active,#rtg-pn .pick-tn.picked{
	background:#172B4D;border-color:#172B4D;color:#F2A93B;box-shadow:0 4px 12px rgba(23,43,77,.25);
}
#rtg-pn .pick-tn.disabled,#rtg-pn .pick-tn[disabled],
#rtg-pn .pick-tn.taken,#rtg-pn .pick-tn.in_cart,#rtg-pn .pick-tn.reserved{
	background:#F3F4F6;border-color:#F3F4F6;color:#C0C5CE;cursor:not-allowed;
	text-decoration:line-through;box-shadow:none;transform:none;
}
/* numbers reserved / sitting in someone's cart get a subtle amber tint */
#rtg-pn .pick-tn.in_cart,#rtg-pn .pick-tn.reserved{
	background:#FDF3E3;border-color:#F6E3C4;color:#B9761A;text-decoration:none;
}
/* transient loading state while a pick is being reserved via AJAX */
#rtg-pn .pick-tn.working,#rtg-pn .pn-tab-details-wrapper.working{opacity:.55;pointer-events:none;}

/* Navigation + proceed buttons */
#rtg-pn .navigate{
	display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:16px 10px 0 0;
	font-weight:600;font-size:14px;
}
#rtg-pn .back-to-tabs{color:#6B7280;}
#rtg-pn .back-to-tabs:hover{color:#172B4D;}
#rtg-pn .rtg-pn-proceed-checkout{
	background:#2F6FEB;color:#fff;border-radius:10px;padding:11px 20px;
	box-shadow:0 4px 12px rgba(47,111,235,.3);transition:transform .12s ease;
}
#rtg-pn .rtg-pn-proceed-checkout:hover{transform:translateY(-1px);background:#255fd0;}

/* Selected-numbers readout */
#picked-ticket-numbers{
	display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;
}
#picked-ticket-numbers .picked-chip,#picked-ticket-numbers span{
	background:#EAF1FF;color:#2F6FEB;border-radius:8px;padding:4px 10px;
	font-weight:700;font-size:13px;
}

@media(max-width:600px){
	#rtg-pn{padding:14px;}
	#rtg-pn .pn-tab-details-wrapper{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;}
}

/* Shop grid alignment: timer fills its box (themes set the inner timer to inline-flex) and,
   inside a product card, the timer + button sit at the bottom so every card lines up. */
.rtg-cd7.rtg-cd7--compact .rtg-cd__timer{display:flex!important;width:100%;flex-wrap:nowrap;gap:6px;justify-content:space-between;}
.rtg-cd7.rtg-cd7--compact .rtg-cd__unit{flex:1 1 0;min-width:0;padding:7px 2px;}
ul.products li.product.rtg-has-cd{display:flex;flex-direction:column;}
ul.products li.product.rtg-has-cd .rtg-cd7--compact{margin-top:auto;width:100%;}
ul.products li.product.rtg-has-cd > .button,ul.products li.product.rtg-has-cd > a.button{align-self:center;}
ul.products li.product.rtg-has-cd .rtg-cd7--ended{display:flex;align-items:center;justify-content:center;box-sizing:border-box;}