/* CONVOCO Kontakt – WhatsApp oblačić (.cv-wa), kontakt panel (.cvct-panel), mobilna traka (.cvct-bar) */
.cv-wa{position:fixed;bottom:20px;z-index:99990;font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#111}
.cv-wa--d-right{right:20px}
.cv-wa--d-left{left:20px}

.cv-wa__btn{display:inline-flex;align-items:center;gap:10px;margin:0;padding:12px 18px;border:0;border-radius:999px;background:var(--cv-wa-bg);color:var(--cv-wa-fg);font:inherit;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:background-color .2s}
.cv-wa__btn:hover{background:var(--cv-wa-accent)}
.cv-wa__icon{flex:none;color:#25d366}

.cv-wa__panel{display:none;position:absolute;bottom:calc(100% + 12px);width:320px;max-width:calc(100vw - 32px);padding:20px;box-sizing:border-box;background:#fff;color:#111;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18)}
.cv-wa--d-right .cv-wa__panel{right:0}
.cv-wa--d-left .cv-wa__panel{left:0}
.cv-wa.is-open .cv-wa__panel{display:block}

.cv-wa__close{position:absolute;top:8px;right:10px;width:32px;height:32px;padding:0;border:0;background:none;color:#555;font-size:24px;line-height:1;cursor:pointer}
.cv-wa__close:hover{color:#000}

.cv-wa__head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#555}
.cv-wa__dot{width:10px;height:10px;border-radius:50%;background:#25d366}
.cv-wa.is-closed .cv-wa__dot{background:#9ca3af}
.cv-wa__headline{margin:12px 0 6px;font-size:18px;font-weight:700;line-height:1.3}
.cv-wa__body{margin:0 0 12px;color:#333}
.cv-wa__status,.cv-wa__hours{margin:0 0 10px;font-size:14px;color:#555}
.cv-wa__off{display:none}
.cv-wa.is-closed .cv-wa__on{display:none}
.cv-wa.is-closed .cv-wa__off{display:block}

.cv-wa__cta,.cv-wa-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:8px;background:var(--cv-wa-bg);color:var(--cv-wa-fg);font-weight:600;text-decoration:none;transition:background-color .2s}
.cv-wa__cta{display:flex;margin-top:14px}
.cv-wa__cta:hover,.cv-wa-cta:hover{background:var(--cv-wa-accent);color:var(--cv-wa-fg)}
.cv-wa-cta .cv-wa__icon{width:20px;height:20px}
.cv-wa-wc{margin:1em 0}

.cv-wa a:focus-visible,.cv-wa button:focus-visible,.cv-wa-cta:focus-visible{outline:2px solid var(--cv-wa-accent);outline-offset:2px}

/* Stil oblačića: WhatsApp chat */
.cv-wa--p-chat .cv-wa__panel{width:360px;padding:0;overflow:hidden;border:0;border-radius:12px;font-family:inherit}
.cv-wa--p-chat .cv-wa__close{top:14px;right:12px;color:rgba(255,255,255,.7);z-index:1}
.cv-wa--p-chat .cv-wa__close:hover{color:#fff}
.cv-wa__chead{display:flex;align-items:center;gap:14px;padding:20px 44px 20px 20px;background:var(--cv-wa-chead);color:#fff}
.cv-wa__avatar{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.22);font-size:22px;font-weight:700}
.cv-wa__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cv-wa__avatar .cv-wa__dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid var(--cv-wa-chead);background:#25d366}
.cv-wa--p-chat.is-closed .cv-wa__avatar .cv-wa__dot{background:#9ca3af}
.cv-wa__cinfo{display:flex;flex-direction:column;min-width:0}
.cv-wa__cname{font-size:16px;font-weight:700;line-height:1.3}
.cv-wa__csub{font-size:13px;line-height:1.3;opacity:.9}
.cv-wa__chat{padding:20px 16px 26px;min-height:150px;box-sizing:border-box;background:#e5ddd5 center/auto repeat}
.cv-wa__bubble{position:relative;max-width:88%;padding:8px 10px 6px;border-radius:0 8px 8px 8px;background:#fff;color:#111;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.cv-wa__author{margin-bottom:4px;font-size:13px;font-weight:700;color:#8a8a8a}
.cv-wa__msg{font-size:15px;line-height:1.4}
.cv-wa__time{margin-top:2px;text-align:right;font-size:11px;color:#999}
.cv-wa--p-chat .cv-wa__status,.cv-wa--p-chat .cv-wa__hours{margin:0;padding:10px 20px 0}
.cv-wa--p-chat .cv-wa__hours{padding-top:4px}
.cv-wa--p-chat .cv-wa__foot{padding:16px 20px 20px}
.cv-wa--p-chat .cv-wa__cta{display:flex;margin:0;padding:12px 18px;border-radius:999px;background:var(--cv-wa-cbtn);color:#fff}
.cv-wa--p-chat .cv-wa__cta:hover{background:var(--cv-wa-cbtn);color:#fff;filter:brightness(.92)}
.cv-wa--p-chat .cv-wa__cta .cv-wa__icon{width:20px;height:20px;color:#fff}

@media (prefers-reduced-motion:no-preference){
	.cv-wa.is-open .cv-wa__panel{animation:cv-wa-in .18s ease-out}
}
@keyframes cv-wa-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media (max-width:599px){
	.cv-wa--m-right{right:16px;left:auto}
	.cv-wa--m-left{left:16px;right:auto}
	.cv-wa--m-right .cv-wa__panel{right:0;left:auto}
	.cv-wa--m-left .cv-wa__panel{left:0;right:auto}
	.cv-wa__btn{width:56px;height:56px;padding:0;justify-content:center}
	.cv-wa__label{display:none}
	.cv-wa--v-desktop{display:none}
}
@media (min-width:600px){
	.cv-wa--v-mobile{display:none}
}

/* Ikone kanala */
.cvct-ico{flex:none;width:22px;height:22px}

/* Kontakt panel: jedan plutajući gumb, proširivi izbornik kanala */
.cvct-panel{position:fixed;bottom:20px;z-index:99990;font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.cvct-panel--d-right{right:20px}
.cvct-panel--d-left{left:20px}
.cvct-panel__btn{display:inline-flex;align-items:center;gap:10px;margin:0;padding:12px 18px;border:0;border-radius:999px;background:var(--cv-wa-bg);color:var(--cv-wa-fg);font:inherit;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:background-color .2s}
.cvct-panel__btn:hover{background:var(--cv-wa-accent)}
.cvct-panel__open{display:inline-flex}
.cvct-panel__shut,.cvct-panel.is-open .cvct-panel__open{display:none}
.cvct-panel.is-open .cvct-panel__shut{display:inline-flex}
.cvct-panel__menu{display:none;position:absolute;bottom:calc(100% + 12px);min-width:220px;max-width:calc(100vw - 32px);margin:0;padding:8px;list-style:none;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18)}
.cvct-panel--d-right .cvct-panel__menu{right:0}
.cvct-panel--d-left .cvct-panel__menu{left:0}
.cvct-panel.is-open .cvct-panel__menu{display:block}
.cvct-panel__menu li{margin:0;padding:0}
.cvct-panel__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#111;font-weight:600;text-decoration:none}
.cvct-panel__item:hover,.cvct-panel__item:focus-visible{background:#f3f4f6;color:#111}
.cvct-panel__item .cvct-ico,.cvct-panel__item .cv-wa__icon{width:22px;height:22px}
.cvct-panel__item .cv-wa__icon{color:#25d366}
.cvct-panel button:focus-visible,.cvct-panel a:focus-visible{outline:2px solid var(--cv-wa-accent);outline-offset:2px}

@media (prefers-reduced-motion:no-preference){
	.cvct-panel--a-slide.is-open .cvct-panel__menu{animation:cv-wa-in .18s ease-out}
	.cvct-panel--a-fade.is-open .cvct-panel__menu{animation:cvct-fade .18s ease-out}
}
@keyframes cvct-fade{from{opacity:0}to{opacity:1}}

/* Mobilna traka: stalno vidljiv kontakt pri dnu zaslona, uz sigurni prostor (iPhone) */
.cvct-bar{position:fixed;left:0;right:0;bottom:0;z-index:99980;display:flex;padding-bottom:env(safe-area-inset-bottom,0);background:var(--cvct-bar-bg);box-shadow:0 -2px 12px rgba(0,0,0,.15);font:13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.cvct-bar__item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;color:var(--cvct-bar-fg);font-weight:600;text-align:center;text-decoration:none}
.cvct-bar__item+.cvct-bar__item{border-left:1px solid rgba(255,255,255,.15)}
.cvct-bar__item:hover,.cvct-bar__item:focus{color:var(--cvct-bar-fg);background:rgba(255,255,255,.08)}
.cvct-bar__item:focus-visible{outline:2px solid var(--cvct-bar-fg);outline-offset:-4px}
.cvct-bar__item .cv-wa__icon{width:22px;height:22px;color:currentColor}
body.cvct-has-bar-all{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
body.cvct-has-bar-all .cv-wa,body.cvct-has-bar-all .cvct-panel{bottom:calc(78px + env(safe-area-inset-bottom,0px))}

@media (max-width:767px){
	body.cvct-has-bar{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
	body.cvct-has-bar .cv-wa,body.cvct-has-bar .cvct-panel{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
}
@media (min-width:768px){
	.cvct-bar--mobile{display:none}
}

@media (max-width:599px){
	.cvct-panel--m-right{right:16px;left:auto}
	.cvct-panel--m-left{left:16px;right:auto}
	.cvct-panel--m-right .cvct-panel__menu{right:0;left:auto}
	.cvct-panel--m-left .cvct-panel__menu{left:0;right:auto}
	.cvct-panel__btn{width:56px;height:56px;padding:0;justify-content:center}
	.cvct-panel__label{display:none}
	.cvct-panel--v-desktop{display:none}
}
@media (min-width:600px){
	.cvct-panel--v-mobile{display:none}
}