.popsikook-ai-translate{
	position:fixed;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:8px;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	z-index:var(--pkat-z, 99999);
	--pkat-x:16px;
	--pkat-y:16px;
	--pkat-panel-width:min(260px, calc(100vw - 32px));
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

.popsikook-ai-translate--bottom-right{right:var(--pkat-x);bottom:var(--pkat-y);flex-direction:column-reverse;align-items:flex-end}
.popsikook-ai-translate--bottom-left{left:var(--pkat-x);bottom:var(--pkat-y);flex-direction:column-reverse;align-items:flex-start}
.popsikook-ai-translate--top-right{right:var(--pkat-x);top:var(--pkat-y);align-items:flex-end}
.popsikook-ai-translate--top-left{left:var(--pkat-x);top:var(--pkat-y);align-items:flex-start}
.popsikook-ai-translate--header{
	position:relative;
	display:inline-flex;
	flex:0 0 auto;
	align-items:center;
	z-index:auto;
	font-family:inherit;
}

.popsikook-ai-translate__toggle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	background:#fff;
	color:var(--wp--preset--color--ink, #2a1c12);
	border:1px solid rgba(42,28,18,.18);
	border-radius:14px;
	padding:8px 12px;
	font-size:12px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	box-shadow:0 10px 24px rgba(42,28,18,.18);
	transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.popsikook-ai-translate__toggle:hover,
.popsikook-ai-translate__toggle:focus-visible{
	border-color:var(--wp--preset--color--focus, #8a4a12);
	box-shadow:0 14px 30px rgba(42,28,18,.22);
}
.popsikook-ai-translate__toggle:focus-visible{
	outline:2px solid var(--wp--preset--color--focus, #8a4a12);
	outline-offset:2px;
}
.popsikook-ai-translate--header .popsikook-ai-translate__toggle{
	box-shadow:none;
	font-family:inherit;
	min-height:0;
}
.popsikook-ai-translate--header .popsikook-ai-translate__toggle:hover,
.popsikook-ai-translate--header .popsikook-ai-translate__toggle:focus-visible{
	box-shadow:none;
}
.popsikook-ai-translate__toggle-flag,
.popsikook-ai-translate__toggle-code,
.popsikook-ai-translate__toggle-arrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}
.popsikook-ai-translate__toggle-flag{
	width:24px;
	height:24px;
	border:2px solid rgba(128,128,128,.9);
	border-radius:999px;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:transparent;
	font-size:0;
	line-height:1;
	overflow:hidden;
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="et"]{
	background:linear-gradient(to bottom, #1494e8 0 33.333%, #050505 33.333% 66.666%, #fff 66.666% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="en"]{
	background-color:#012169;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='m0 0 60 30M60 0 0 30'/%3E%3Cpath stroke='%23c8102e' stroke-width='4' d='m0 0 60 30M60 0 0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23c8102e' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E");
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="fi"]{
	background-color:#fff;
	background-image:
		linear-gradient(to right, transparent 0 28%, #002f6c 28% 42%, transparent 42% 100%),
		linear-gradient(to bottom, transparent 0 36%, #002f6c 36% 56%, transparent 56% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="de"]{
	background:linear-gradient(to bottom, #000 0 33.333%, #dd0000 33.333% 66.666%, #ffce00 66.666% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="fr"]{
	background:linear-gradient(to right, #002654 0 33.333%, #fff 33.333% 66.666%, #ce1126 66.666% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="es"]{
	background:linear-gradient(to bottom, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="lv"]{
	background:linear-gradient(to bottom, #9e3039 0 40%, #fff 40% 60%, #9e3039 60% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="lt"]{
	background:linear-gradient(to bottom, #fdb913 0 33.333%, #006a44 33.333% 66.666%, #c1272d 66.666% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="ru"]{
	background:linear-gradient(to bottom, #fff 0 33.333%, #0039a6 33.333% 66.666%, #d52b1e 66.666% 100%);
}
.popsikook-ai-translate__toggle-flag[data-pkat-lang="sv"]{
	background-color:#006aa7;
	background-image:
		linear-gradient(to right, transparent 0 30%, #fecc00 30% 42%, transparent 42% 100%),
		linear-gradient(to bottom, transparent 0 38%, #fecc00 38% 54%, transparent 54% 100%);
}
.popsikook-ai-translate__toggle-flag:not([data-pkat-lang="et"]):not([data-pkat-lang="en"]):not([data-pkat-lang="fi"]):not([data-pkat-lang="de"]):not([data-pkat-lang="fr"]):not([data-pkat-lang="es"]):not([data-pkat-lang="lv"]):not([data-pkat-lang="lt"]):not([data-pkat-lang="ru"]):not([data-pkat-lang="sv"]){
	color:inherit;
	font-size:16px;
}
.popsikook-ai-translate__toggle-arrow{
	width:14px;
	height:14px;
	color:var(--wp--preset--color--muted, #574232);
	transition:transform .15s ease;
}
.popsikook-ai-translate__toggle[aria-expanded="true"] .popsikook-ai-translate__toggle-arrow{
	transform:rotate(180deg);
}
.popsikook-ai-translate__panel{
	position:relative;
	width:var(--pkat-panel-width);
	max-width:var(--pkat-panel-width);
	background:var(--wp--preset--color--base, #ffffff);
	border:1px solid var(--wp--preset--color--line, #e2d3be);
	border-radius:18px;
	padding:20px 14px 14px;
	box-shadow:0 18px 44px rgba(42,28,18,.2);
}
.popsikook-ai-translate--header .popsikook-ai-translate__panel{
	position:absolute;
	top:100%;
	right:0;
	left:auto;
	margin-top:.5rem;
	width:min(13.75rem, calc(100vw - 1.5rem));
	max-width:calc(100vw - 1.5rem);
}
.popsikook-ai-translate__row{margin-bottom:10px}
.popsikook-ai-translate__label{
	display:block;
	padding:0;
	font-size:13px;
	color:var(--wp--preset--color--ink, #2a1c12);
	margin-bottom:12px;
	font-weight:700;
	line-height:1.25;
	text-align:center;
}
.popsikook-ai-translate__select{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}
.popsikook-ai-translate__options{
	display:grid;
	gap:3px;
}
.popsikook-ai-translate__option{
	position:relative;
	display:grid;
	grid-template-columns:18px minmax(0, 7.25rem);
	width:100%;
	min-height:30px;
	align-items:center;
	justify-content:center;
	column-gap:12px;
	padding:5px 8px;
	border:1px solid transparent;
	border-radius:10px;
	background:transparent;
	color:var(--wp--preset--color--ink, #2a1c12);
	font:inherit;
	font-size:12px;
	font-weight:650;
	line-height:1.15;
	text-align:center;
	cursor:pointer;
	transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.popsikook-ai-translate__option::after{
	content:none;
}
.popsikook-ai-translate__option:hover,
.popsikook-ai-translate__option:focus-visible{
	background:var(--wp--preset--color--sand, #f7f0e6);
	border-color:var(--wp--preset--color--sand-2, #ecdcc6);
	color:var(--wp--preset--color--brand-hover, #4c2d19);
	outline:none;
	box-shadow:0 0 0 2px rgba(152,210,133,.28);
}
.popsikook-ai-translate__option--active{
	background:var(--wp--preset--color--sand, #f7f0e6);
	border-color:var(--wp--preset--color--field-line, #85705e);
	color:var(--wp--preset--color--brand-hover, #4c2d19);
}
.popsikook-ai-translate__option-check{
	display:inline-flex;
	width:15px;
	height:15px;
	flex:0 0 15px;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:var(--wp--preset--color--brand, #6a4127);
	color:var(--wp--preset--color--base, #ffffff);
	font-size:10px;
	font-weight:800;
	opacity:0;
	transform:scale(.85);
	transition:opacity .16s ease,transform .16s ease;
}
.popsikook-ai-translate__option--active .popsikook-ai-translate__option-check{
	opacity:1;
	transform:scale(1);
}
.popsikook-ai-translate__option-content{
	display:grid;
	grid-template-columns:24px minmax(0, 1fr);
	width:100%;
	min-width:0;
	align-items:center;
	gap:8px;
	margin-inline:auto;
}
.popsikook-ai-translate__option-flag{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	font-size:15px;
	line-height:1;
}
.popsikook-ai-translate__option-label{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
}
.popsikook-ai-translate__actions{display:flex;justify-content:center;gap:5px}
.popsikook-ai-translate__actions--admin{flex-wrap:wrap;margin-top:8px}
.popsikook-ai-translate__actions--admin .popsikook-ai-translate__btn{flex:0 1 auto}
.popsikook-ai-translate__actions--admin .popsikook-ai-translate__btn[data-action="admin-clear-page-cache"]{flex-basis:auto}
.popsikook-ai-translate__btn{
	flex:0 1 auto;
	min-height:27px;
	padding:5px 7px;
	border-radius:9px;
	border:1px solid var(--wp--preset--color--line, #e2d3be);
	background:var(--wp--preset--color--brand, #6a4127);
	color:var(--wp--preset--color--base, #ffffff);
	cursor:pointer;
	font-size:11px;
	font-weight:700;
	line-height:1.15;
	text-align:center;
	white-space:nowrap;
	transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;
}
.popsikook-ai-translate__btn:hover,
.popsikook-ai-translate__btn:focus-visible{
	background:var(--wp--preset--color--brand-hover, #4c2d19);
	color:var(--wp--preset--color--base, #ffffff);
	outline:none;
	box-shadow:0 0 0 2px rgba(152,210,133,.32);
}
.popsikook-ai-translate__btn:disabled{
	opacity:.5;
	cursor:not-allowed;
}
.popsikook-ai-translate__btn--secondary{background:var(--wp--preset--color--sand, #f7f0e6);color:var(--wp--preset--color--ink, #2a1c12);border:1px solid var(--wp--preset--color--line, #e2d3be)}
.popsikook-ai-translate__btn--secondary:hover,
.popsikook-ai-translate__btn--secondary:focus-visible{background:var(--wp--preset--color--sand, #f7f0e6);color:var(--wp--preset--color--brand-hover, #4c2d19)}
.popsikook-ai-translate__status{
	min-height:0;
	width:100%;
	font-size:12px;
	color:var(--wp--preset--color--muted, #574232);
	display:none;
	align-items:center;
	justify-content:center;
	gap:0;
	text-align:center;
}
.popsikook-ai-translate__status--active{display:flex;margin-top:4px}
.popsikook-ai-translate__dot{display:none}
.popsikook-ai-translate__dot--ok{background:var(--wp--preset--color--brand, #6a4127)}
.popsikook-ai-translate__dot--busy{background:var(--wp--preset--color--accent, #c98a2b)}
.popsikook-ai-translate__dot--error{background:var(--wp--preset--color--danger, #9a2314)}
.popsikook-ai-translate__status-text{min-width:0;line-height:1.35}
.popsikook-ai-translate__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width: 360px){
	.popsikook-ai-translate__actions--admin .popsikook-ai-translate__btn[data-action="admin-clear-page-cache"]{flex-basis:100%}
}

/* Loading affordance while the lazy bootstrap fetches overlay.js on first click. */
.popsikook-ai-translate--loading .popsikook-ai-translate__toggle{cursor:progress;opacity:.65}
.popsikook-ai-translate--loading .popsikook-ai-translate__toggle-icon svg{animation:pkat-spin .8s linear infinite}
@keyframes pkat-spin{to{transform:rotate(360deg)}}

.popsikook-ai-translate__panel[hidden]{display:none}

/* Admin only: untranslated block or text (set by the server render and by lookups). */
[data-pkat-missing]{outline:2px dashed #d99a00;outline-offset:2px}
.popsikook-ai-translate__missing{margin:6px 0 0;font-size:12px;color:#7a5700}
.popsikook-ai-translate__missing[hidden]{display:none}
