/* Euro Plyta - okno kontaktowe. Kolor pochodzi ze zmiennej --ep-kolor
   ustawianej przez wtyczke na podstawie ustawien w panelu. */

.ep-widget, .ep-widget *{box-sizing:border-box}
.ep-widget{
	position:fixed; z-index:99990; bottom:20px; right:20px;
	display:flex; flex-direction:column; align-items:flex-end; gap:12px;
	font-family:"Poppins",-apple-system,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.5;
}
.ep-widget[data-pos="left"]{right:auto; left:20px; align-items:flex-start}

/* --- przycisk --- */
.ep-launcher-wrap{position:relative; display:grid; place-items:center}
.ep-widget .ep-launcher{
	width:60px; height:60px; border-radius:50%; border:0; cursor:pointer; padding:0; margin:0;
	background:var(--ep-kolor,#E11B22); color:#fff; display:grid; place-items:center;
	box-shadow:0 10px 26px -8px rgba(0,0,0,.35);
	transition:transform .18s ease, background .18s ease;
}
.ep-widget .ep-launcher:hover{background:var(--ep-kolor-hover,#B01418); transform:translateY(-2px)}
.ep-widget .ep-launcher:focus-visible{outline:3px solid #fff; outline-offset:3px}
.ep-widget .ep-launcher svg{width:27px; height:27px; display:block}
.ep-pulse{
	position:absolute; width:60px; height:60px; border-radius:50%;
	border:2px solid var(--ep-kolor,#E11B22); animation:ep-pulse 2.4s ease-out infinite; pointer-events:none;
}
@keyframes ep-pulse{
	0%{transform:scale(1); opacity:.55} 70%{transform:scale(1.45); opacity:0} 100%{opacity:0}
}

/* --- dymek z zacheta --- */
.ep-teaser{
	position:relative; background:#fff; border-radius:14px; padding:13px 34px 13px 15px;
	max-width:252px; box-shadow:0 14px 30px -14px rgba(34,30,29,.55);
	border:1px solid #EFEAE7; font-size:13px; color:#332E2C; cursor:pointer;
	animation:ep-rise .35s ease both;
}
.ep-teaser b{display:block; font-weight:600; margin-bottom:2px; color:#1F1B1A}
.ep-widget .ep-teaser-x{
	position:absolute; top:8px; right:8px; width:20px; height:20px; border:0; border-radius:50%;
	background:#F3EFED; color:#6B6260; cursor:pointer; font-size:13px; line-height:1;
	display:grid; place-items:center; padding:0; margin:0;
}
.ep-teaser::after{
	content:""; position:absolute; bottom:-6px; right:22px; width:12px; height:12px;
	background:#fff; border-right:1px solid #EFEAE7; border-bottom:1px solid #EFEAE7;
	transform:rotate(45deg);
}
.ep-widget[data-pos="left"] .ep-teaser::after{right:auto; left:22px}

/* --- okno formularza --- */
.ep-panel{
	width:336px; max-width:100%; background:#fff; border-radius:16px; overflow:hidden;
	box-shadow:0 24px 50px -20px rgba(34,30,29,.6); border:1px solid #EDE8E5;
	animation:ep-rise .28s ease both;
}
@keyframes ep-rise{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
	.ep-panel, .ep-teaser{animation:none}
	.ep-pulse{display:none}
	.ep-widget .ep-launcher{transition:none}
}
.ep-panel-head{
	background:var(--ep-kolor,#E11B22); color:#fff; padding:15px 16px;
	display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}
.ep-panel-head h3{margin:0 0 3px; font-size:15px; font-weight:600; color:#fff; line-height:1.3}
.ep-panel-head p{margin:0; font-size:12px; opacity:.92; line-height:1.45; color:#fff}
.ep-widget .ep-panel-x{
	border:0; background:rgba(255,255,255,.18); color:#fff; width:24px; height:24px;
	border-radius:50%; cursor:pointer; font-size:14px; line-height:1; flex:none;
	display:grid; place-items:center; padding:0; margin:0;
}
.ep-panel-body{padding:14px 16px 16px}
.ep-panel-body label{
	display:block; font-size:12px; font-weight:500; color:#3A3432; margin:0 0 6px; line-height:1.4;
}
.ep-widget .ep-panel-body textarea,
.ep-widget .ep-panel-body input[type="text"]{
	width:100%; border:1px solid #DCD5D1; border-radius:9px; padding:10px 12px; margin:0;
	font-family:inherit; font-size:13px; color:#221E1D; background:#FCFBFA; resize:none;
	box-shadow:none; height:auto; min-height:0; line-height:1.5;
}
.ep-widget .ep-panel-body textarea::placeholder,
.ep-widget .ep-panel-body input::placeholder{color:#A79E9A; opacity:1}
.ep-widget .ep-panel-body textarea:focus,
.ep-widget .ep-panel-body input[type="text"]:focus{
	outline:2px solid rgba(0,0,0,.12); outline-offset:1px;
	border-color:var(--ep-kolor,#E11B22); background:#fff;
}
.ep-field + .ep-field{margin-top:11px}
.ep-consent{
	display:flex; gap:8px; align-items:flex-start; margin-top:11px;
	font-size:11px; line-height:1.45; color:#77706D;
}
.ep-widget .ep-consent input{margin:1px 0 0; accent-color:var(--ep-kolor,#E11B22); flex:none; width:auto}
.ep-consent label{margin:0 !important; font-size:11px !important; color:#77706D !important; font-weight:400 !important}
.ep-widget .ep-send{
	width:100%; margin:14px 0 0; border:0; border-radius:9px;
	background:var(--ep-kolor,#E11B22); color:#fff;
	font-family:inherit; font-size:14px; font-weight:600; padding:12px; cursor:pointer;
	transition:background .18s ease;
}
.ep-widget .ep-send:hover{background:var(--ep-kolor-hover,#B01418)}
.ep-widget .ep-send[disabled]{opacity:.6; cursor:default}
.ep-error{margin:10px 0 0; font-size:11.5px; color:#C0141A; line-height:1.45}
.ep-panel-foot{
	border-top:1px solid #F0ECEA; padding:10px 16px; font-size:11.5px; color:#77706D;
	display:flex; align-items:center; gap:6px; flex-wrap:wrap;
}
.ep-panel-foot a{color:#221E1D; font-weight:600; text-decoration:none}

/* --- podziekowanie --- */
.ep-sent{padding:30px 22px 26px; text-align:center}
.ep-tick{
	width:50px; height:50px; border-radius:50%; background:rgba(84,184,72,.12);
	display:grid; place-items:center; margin:0 auto 14px;
}
.ep-tick svg{width:24px; height:24px; color:#54B848}
.ep-sent h3{margin:0 0 6px; font-size:16px; font-weight:600; color:#1F1B1A}
.ep-sent p{margin:0; font-size:13px; line-height:1.55; color:#6B6360}

.ep-hp{position:absolute !important; left:-9999px !important; opacity:0 !important; height:0 !important}

/* --- telefon --- */
@media (max-width:600px){
	.ep-widget{left:14px; right:14px; bottom:14px}
	.ep-widget[data-pos="left"]{left:14px; right:14px}
	.ep-panel{width:100%}
	.ep-teaser{max-width:100%}
}