/* nimed AI Order Chat — widget styles */
:root{
	--nc-green:#0a7d3e;
	--nc-green-2:#0fa055;
	--nc-green-d:#086231;
	--nc-ink:#12211a;
	--nc-muted:#6b7b72;
	--nc-bg:#f4f7f5;
	--nc-bot:#ffffff;
	--nc-line:#e7ece9;
	--nc-radius:20px;
	--nc-shadow:0 18px 50px rgba(9,54,32,.22);
	--nc-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;
}

/* ---------- Launcher bubble ---------- */
.nimed-chat-bubble{
	position:fixed;right:22px;bottom:22px;width:62px;height:62px;border:0;border-radius:50%;
	background:linear-gradient(135deg,var(--nc-green-2),var(--nc-green));
	color:#fff;cursor:pointer;z-index:99998;
	box-shadow:0 12px 28px rgba(10,125,62,.42);
	display:flex;align-items:center;justify-content:center;
	transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;
}
.nimed-chat-bubble-ic{font-size:27px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.nimed-chat-bubble::after{
	content:"";position:absolute;inset:0;border-radius:50%;
	box-shadow:0 0 0 0 rgba(15,160,85,.5);animation:nc-pulse 2.6s ease-out infinite;
}
.nimed-chat-bubble:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 36px rgba(10,125,62,.5)}
.nimed-chat-bubble:active{transform:scale(.96)}
@keyframes nc-pulse{0%{box-shadow:0 0 0 0 rgba(15,160,85,.45)}70%{box-shadow:0 0 0 16px rgba(15,160,85,0)}100%{box-shadow:0 0 0 0 rgba(15,160,85,0)}}

/* ---------- Panel ---------- */
.nimed-chat-panel{
	position:fixed;right:22px;bottom:96px;width:378px;max-width:calc(100vw - 28px);
	height:min(72vh,600px);display:flex;flex-direction:column;
	background:var(--nc-bg);border-radius:var(--nc-radius);overflow:hidden;z-index:99999;
	font-family:var(--nc-font);color:var(--nc-ink);
	box-shadow:var(--nc-shadow);border:1px solid rgba(255,255,255,.6);
	transform-origin:bottom right;animation:nc-pop .3s cubic-bezier(.16,1,.3,1);
}
@keyframes nc-pop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}

/* ---------- Header ---------- */
.nimed-chat-head{
	display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff;
	background:linear-gradient(135deg,var(--nc-green-2),var(--nc-green) 55%,var(--nc-green-d));
	box-shadow:0 4px 16px rgba(9,54,32,.18);position:relative;z-index:1;
}
.nimed-chat-head-avatar{
	width:40px;height:40px;border-radius:50%;flex:0 0 auto;
	background:rgba(255,255,255,.18);backdrop-filter:blur(4px);
	display:flex;align-items:center;justify-content:center;font-size:22px;
	box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);
}
.nimed-chat-head-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.nimed-chat-title{font-weight:700;font-size:15.5px;letter-spacing:.1px}
.nimed-chat-status{font-size:11.5px;opacity:.92;display:flex;align-items:center;gap:6px}
.nimed-chat-status::before{
	content:"";width:8px;height:8px;border-radius:50%;background:#7dffb0;
	box-shadow:0 0 0 0 rgba(125,255,176,.7);animation:nc-blink 2s ease-out infinite;
}
@keyframes nc-blink{0%{box-shadow:0 0 0 0 rgba(125,255,176,.6)}70%{box-shadow:0 0 0 6px rgba(125,255,176,0)}100%{box-shadow:0 0 0 0 rgba(125,255,176,0)}}
.nimed-chat-close{
	background:rgba(255,255,255,.14);border:0;color:#fff;width:30px;height:30px;border-radius:50%;
	font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto;transition:background .15s ease,transform .15s ease;
}
.nimed-chat-close:hover{background:rgba(255,255,255,.28);transform:rotate(90deg)}

/* ---------- Log ---------- */
.nimed-chat-log{
	flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 14px;display:flex;flex-direction:column;gap:12px;
	background:
		radial-gradient(120% 80% at 100% 0%,rgba(15,160,85,.06),transparent 60%),
		var(--nc-bg);
	scroll-behavior:smooth;
}
.nimed-chat-log::-webkit-scrollbar{width:8px}
.nimed-chat-log::-webkit-scrollbar-thumb{background:rgba(10,125,62,.22);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.nimed-chat-log::-webkit-scrollbar-thumb:hover{background:rgba(10,125,62,.4);background-clip:padding-box}
.nimed-chat-log{scrollbar-width:thin;scrollbar-color:rgba(10,125,62,.28) transparent}

/* ---------- Rows / avatar ---------- */
.nimed-chat-row{display:flex;align-items:flex-end;gap:8px;max-width:100%}
.nimed-chat-avatar{
	width:28px;height:28px;flex:0 0 auto;border-radius:50%;
	background:linear-gradient(135deg,var(--nc-green-2),var(--nc-green));
	display:flex;align-items:center;justify-content:center;font-size:15px;
	box-shadow:0 3px 8px rgba(10,125,62,.28);
}

/* ---------- Bubbles ---------- */
.nimed-chat-msg{
	max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5;word-wrap:break-word;
	white-space:pre-wrap;animation:nc-in .26s cubic-bezier(.16,1,.3,1) both;
}
@keyframes nc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nimed-chat-user{
	align-self:flex-end;color:#fff;border-radius:18px 18px 5px 18px;
	background:linear-gradient(135deg,var(--nc-green-2),var(--nc-green));
	box-shadow:0 4px 14px rgba(10,125,62,.28);
}
.nimed-chat-bot{
	background:var(--nc-bot);color:var(--nc-ink);border:1px solid var(--nc-line);
	border-radius:18px 18px 18px 5px;box-shadow:0 4px 14px rgba(9,54,32,.06);
}
.nimed-chat-row-bot .nimed-chat-msg{max-width:calc(100% - 36px)}

/* ---------- Rich content ---------- */
.nimed-chat-rich{white-space:normal}
.nimed-chat-rich .nimed-chat-p{margin:0 0 6px}
.nimed-chat-rich .nimed-chat-p:last-child{margin-bottom:0}
.nimed-chat-rich .nimed-chat-list{margin:4px 0 6px;padding-left:18px}
.nimed-chat-rich .nimed-chat-list li{margin:2px 0}
.nimed-chat-rich strong{font-weight:700;color:var(--nc-green-d)}
.nimed-chat-img{
	display:block;max-width:170px;max-height:170px;width:auto;height:auto;
	border-radius:12px;margin:8px 0;border:1px solid var(--nc-line);
	box-shadow:0 6px 16px rgba(9,54,32,.12);
}
.nimed-chat-link{
	display:inline-block;color:var(--nc-green);text-decoration:none;font-weight:600;
	border-bottom:1.5px solid rgba(10,125,62,.35);word-break:break-word;transition:border-color .15s ease,color .15s ease;
}
.nimed-chat-link:hover{color:var(--nc-green-d);border-bottom-color:var(--nc-green-d)}

/* ---------- Typing ---------- */
.nimed-chat-typing{display:flex;gap:4px;align-items:center;padding:13px 14px}
.nimed-chat-typing span{
	width:7px;height:7px;border-radius:50%;background:var(--nc-green);opacity:.5;
	animation:nc-typing 1.2s infinite ease-in-out both;
}
.nimed-chat-typing span:nth-child(2){animation-delay:.16s}
.nimed-chat-typing span:nth-child(3){animation-delay:.32s}
@keyframes nc-typing{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}

/* ---------- Composer ---------- */
.nimed-chat-form{display:flex;gap:9px;align-items:center;padding:12px 12px 6px;background:#fff;border-top:1px solid var(--nc-line)}
.nimed-chat-foot{font-size:10.5px;line-height:1.4;color:#9aa4ad;text-align:center;padding:0 12px calc(9px + env(safe-area-inset-bottom,0));background:#fff}
.nimed-chat-foot-link{color:#7b8790;text-decoration:underline}
.nimed-chat-input{
	flex:1;padding:11px 15px;border:1.5px solid var(--nc-line);border-radius:22px;font-size:14px;
	font-family:inherit;color:var(--nc-ink);background:var(--nc-bg);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.nimed-chat-input::placeholder{color:var(--nc-muted)}
.nimed-chat-input:focus{outline:0;border-color:var(--nc-green);background:#fff;box-shadow:0 0 0 4px rgba(15,160,85,.14)}
.nimed-chat-send{
	flex:0 0 auto;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;color:#fff;
	background:linear-gradient(135deg,var(--nc-green-2),var(--nc-green));
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 6px 16px rgba(10,125,62,.35);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.nimed-chat-send-ic{font-size:16px;line-height:1;transform:translateX(1px)}
.nimed-chat-send:hover{transform:translateY(-1px) scale(1.06);box-shadow:0 10px 22px rgba(10,125,62,.45)}
.nimed-chat-send:active{transform:scale(.94)}

/* ---------- Product page button ----------
   ВТОРИЧЕН НАРОЧНО. Преди беше плътно зелен и с плътна сянка — дърпаше окото
   по-силно от „Добавяне в количката" и обръщаше приоритета на страницата.
   Купуването си остава главното действие; чатът е помощта до него. Затова тук:
   контур вместо запълване, без сянка, без подскачане при посочване. */
.nimed-chat-open{
	margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
	background:transparent!important;
	color:var(--nc-green)!important;
	border:1.5px solid rgba(10,125,62,.45)!important;
	border-radius:10px;padding:11px 18px;font-weight:600;cursor:pointer;
	box-shadow:none!important;text-shadow:none;
	transition:background-color .15s ease,border-color .15s ease;
}
.nimed-chat-open::before{content:"💬";font-size:15px}
.nimed-chat-open:hover,.nimed-chat-open:focus-visible{
	background:rgba(10,125,62,.07)!important;border-color:var(--nc-green)!important;transform:none;
}

/* ---------- Mobile ---------- */
@media(max-width:480px){
	.nimed-chat-panel{right:0;left:0;bottom:0;top:0;width:auto;max-width:none;height:100dvh;border-radius:0;animation:nc-pop-m .3s cubic-bezier(.16,1,.3,1)}
	.nimed-chat-bubble{right:16px;bottom:16px}
	.nimed-chat-msg{max-width:82%}
}
@keyframes nc-pop-m{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ---------- Reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
	.nimed-chat-panel,.nimed-chat-msg,.nimed-chat-bubble,.nimed-chat-send,.nimed-chat-close,.nimed-chat-open{animation:none!important;transition:none!important}
	.nimed-chat-bubble::after,.nimed-chat-status::before,.nimed-chat-typing span{animation:none!important}
}