/* Screen reader only - visually hidden but accessible to assistive technologies */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* Ensure fancybox container appears above all other elements */
.fancybox-container {
	z-index: 999999 !important;
}

/* Let slider controls sit outside the white card without being clipped */
.fancybox-container .fancybox-content:has(#coda-announcement-slider) {
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	padding: 0 !important;
}

/* Support both ID and class selectors for backward compatibility */
#announcement-popup,
.announcement-popup{max-width:640px;text-align:center;overflow:visible;background:#fff}
#coda-announcement-slider{
	max-width:640px;
	width:100%;
	text-align:center;
	overflow:visible;
	background:transparent;
	position:relative;
	padding:0!important;
}
#announcement-popup *,
.announcement-popup *,
#coda-announcement-slider *{outline:none!important}
#announcement-popup h3,
.announcement-popup h3,
#coda-announcement-slider h3{margin-top:0px}
#announcement-popup,
.announcement-popup{padding:0!important}
#announcement-popup .annoucement-detail,
.announcement-popup .annoucement-detail{float:left}
#announcement-popup .message-box,
.announcement-popup .message-box,
#coda-announcement-slider .message-box{position:relative;width:auto;height:100%;display:flex;flex-direction:row;flex-wrap:nowrap}
#announcement-popup .message-box .left,
.announcement-popup .message-box .left,
#coda-announcement-slider .message-box .left{padding:30px;width:450px;position:relative;height:auto; flex-direction: column; justify-content: center; align-items: center; display: flex;}
#announcement-popup .message-box .right,
.announcement-popup .message-box .right,
#coda-announcement-slider .message-box .right{width:270px;position:relative;display:block;overflow:hidden}
#announcement-popup img,
.announcement-popup img,
#coda-announcement-slider img{height:100%;width:100%;object-fit:cover;max-width:100%;max-height:100%}
#announcement-popup a:link,#announcement-popup a:visited,
.announcement-popup a:link,.announcement-popup a:visited,
#coda-announcement-slider a:link,#coda-announcement-slider a:visited{padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#FFF;font-size:11px}
#announcement-popup > button,
.announcement-popup > button{background:#FFF;border-radius:30px;right:-15px;top:-15px;opacity:1}

/* White announcement card only (controls sit outside) */
#coda-announcement-slider .ann-slider-track{
	position:relative;
	width:100%;
	background:#fff;
	overflow:hidden;
	box-shadow:0 12px 40px rgba(0,0,0,.25);
}
#coda-announcement-slider .ann-slide{width:100%}
#coda-announcement-slider .ann-slide[hidden]{display:none!important}

/* Controls outside the card: arrows left/right, dots below */
#coda-announcement-slider.has-external-controls{
	padding:0 52px 56px!important;
}
#coda-announcement-slider .ann-slider-controls{
	display:block;
	position:static;
	background:transparent;
	pointer-events:none;
}
#coda-announcement-slider .ann-slider-nav,
#coda-announcement-slider .ann-slider-dots{
	pointer-events:auto;
}
#coda-announcement-slider .ann-slider-nav{
	appearance:none;
	-webkit-appearance:none;
	position:absolute;
	top:0;
	bottom:56px;
	margin:auto 0;
	transform:none;
	z-index:2;
	width:40px;
	height:40px;
	padding:0;
	border:1px solid rgba(255,255,255,.55);
	border-radius:50%;
	background:rgba(255,255,255,.95);
	color:#333;
	cursor:pointer;
	line-height:1;
	font-size:16px;
	opacity:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 4px 14px rgba(0,0,0,.2);
	transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
#coda-announcement-slider .ann-slider-prev{left:0}
#coda-announcement-slider .ann-slider-next{right:0}
#coda-announcement-slider .ann-slider-nav:hover{
	color:#fff;
	border-color:transparent;
	transform:scale(1.05);
}
#coda-announcement-slider .ann-slider-dots{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}
#coda-announcement-slider .ann-slider-dot{
	appearance:none;
	-webkit-appearance:none;
	position:static;
	width:10px;
	height:10px;
	margin:0;
	padding:0;
	border:2px solid rgba(255,255,255,.9);
	border-radius:50%;
	background:rgba(255,255,255,.35);
	cursor:pointer;
	opacity:1;
	box-shadow:0 1px 4px rgba(0,0,0,.25);
	transition:background-color .2s ease,transform .2s ease,border-color .2s ease;
}
#coda-announcement-slider .ann-slider-dot.is-active{
	transform:scale(1.2);
	background:#fff;
	border-color:#fff;
}
@media (prefers-reduced-motion: reduce) {
	#coda-announcement-slider .ann-slider-nav,
	#coda-announcement-slider .ann-slider-dot{
		transition:none;
	}
	#coda-announcement-slider .ann-slider-nav:hover{
		transform:none;
	}
}

@media (max-width:850px) {
#announcement-popup img,
.announcement-popup img,
#coda-announcement-slider img{width:270px}
#announcement-popup h3,
.announcement-popup h3,
#coda-announcement-slider h3{font-size:21px}
#announcement-popup .message-box .left,
.announcement-popup .message-box .left,
#coda-announcement-slider .message-box .left{padding:30px;width:calc(100% - 160px)}
}
@media (max-width: 600px) {
#announcement-popup .right,
.announcement-popup .right,
#coda-announcement-slider .right{display:none!important}
#announcement-popup .message-box .left,
.announcement-popup .message-box .left,
#coda-announcement-slider .message-box .left{width:100%}
#announcement-popup .message-box h3,
.announcement-popup .message-box h3,
#coda-announcement-slider .message-box h3{font-size:1.3em}
#announcement-popup .message-box p,
.announcement-popup .message-box p,
#coda-announcement-slider .message-box p{font-size:.9em}
#announcement-popup,
.announcement-popup,
#coda-announcement-slider{width:90%}
#coda-announcement-slider.has-external-controls{
	padding:0 44px 52px!important;
	width:min(90%,640px);
}
#announcement-popup .message-box .left,
.announcement-popup .message-box .left,
#coda-announcement-slider .message-box .left{font-size:14px}
#coda-announcement-slider .ann-slider-nav{
	width:34px;
	height:34px;
	font-size:14px;
}
}