/* O2pro: προειδοποίηση ACS στο ταμείο. Τα !important νικάνε τα styles του FunnelKit. */
.o2p-acs-warn { position: relative; margin: 6px 0 2px 28px; line-height: 1.3; }

.o2p-acs-warn .o2p-acs-warn__btn {
	display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px;
	background: #fff4e0; color: #9a5b00 !important; font-size: 12px; font-weight: 600; cursor: help;
}
.o2p-acs-warn__btn:focus-visible { outline: 2px solid #9a5b00; outline-offset: 2px; }

.o2p-acs-warn__tip {
	position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 50; width: min(320px, 80vw);
	padding: 12px 38px 12px 12px; border-radius: 8px; background: #1f2328; color: #fff !important;
	font-size: 13px; font-weight: 400; line-height: 1.45; box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
	opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .15s, transform .15s, visibility .15s;
}
.o2p-acs-warn__tip::after { content: ""; position: absolute; left: 18px; top: 100%; border: 6px solid transparent; border-top-color: #1f2328; }
.o2p-acs-warn.is-open .o2p-acs-warn__tip { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) {
	.o2p-acs-warn:not(.is-dismissed):hover .o2p-acs-warn__tip { opacity: 1; visibility: visible; transform: none; }
}

.o2p-acs-warn .o2p-acs-warn__x {
	position: absolute; top: 3px; right: 3px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
	border-radius: 50%; color: #fff !important; cursor: pointer; opacity: .85;
}
.o2p-acs-warn .o2p-acs-warn__x svg { width: 18px !important; height: 18px !important; }
.o2p-acs-warn .o2p-acs-warn__x svg path { fill: none !important; stroke: #fff !important; stroke-width: 2.4; stroke-linecap: round; }
.o2p-acs-warn__x:hover, .o2p-acs-warn__x:focus-visible { opacity: 1; background: rgba(255, 255, 255, .12); outline: none; }

@media (prefers-reduced-motion: reduce) { .o2p-acs-warn__tip { transition: none; } }