/* AutoProfi root/css/ap_kontakt_nav.css v1.1 (03.11.2026, Opus 5.5; v1.1: контактната лента с реалния статус на чата на втори ред; чатът и Viber първи в панела. v1.0: ZADANIE-KONTAKT-NAVIGACIA-V1-0311 на Fable 5.1 + предписанието на Астра contact-navigation-v2).
   Общ за всички страници (зарежда се от templates/layout/index.tpl заедно с js/ap_kontakt_nav.js, ?v=ap20261103a). Само външен вид — маркировката на джаджата
   (.OpenClose_btn, .form_widget, #myBtn), custom.js и механизмът на бисквитките НЕ се променят:
   (1) сгънат контакт: компактен бутон „Свържете се с нас“ — светъл фон, тънка рамка, 44 px височина, без логото и червеното рекламно оформление;
   (2) разгънат панел: същите бутони на канали, по един на ред; при малка височина — побира се във видимия прозорец и се превърта вътре; затворен = невидим
       и недостижим с Tab (не „-700 px“);
   (3) „↑“ (#myBtn): 44×44, над контакта, без закриване;
   (4) бисквитките на телефон (≤ 640 px): прозорецът (layout box) става компактна долна лента — същите текстове, бутони и настройки;
   (5) отместването над лентата/видимия прозорец идва от JS като --ap-kn-dolu и --ap-kn-vh (действителният размер на лентата, visualViewport); без JS — 0
       (бутоните са в нормалното си долно положение, както досега);
   (6) „↑ Бързо към“ — дискретна текстова връзка в края на основните секции от списъка (вмъква я JS).
   Без JS всичко остава използваемо: бутонът отваря/затваря панела през custom.js. */
:root{--ap-kn-dolu:0px;--ap-kn-vh:100vh;--ap-kn-glava:0px}

/* ---------- (1) сгънат бутон ---------- */
.OpenClose_btn.form_btn{right:12px;bottom:calc(var(--ap-kn-dolu) + 12px + env(safe-area-inset-bottom,0px));height:44px;min-width:44px;padding:0 14px;gap:7px;
  background:#fff;color:#14304f;border:1px solid #c5ced8;border-radius:9px;box-shadow:0 1px 5px rgba(20,48,79,.18);font:600 14px/1.2 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;
  text-shadow:none;transition:bottom .2s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.OpenClose_btn.form_btn:hover{background:#f4f6f9;box-shadow:0 2px 8px rgba(20,48,79,.24)}
.OpenClose_btn.form_btn:focus{outline:none}
.OpenClose_btn.form_btn:focus-visible{outline:2px solid #e8542a;outline-offset:2px}
.OpenClose_btn .contact{padding:0!important;line-height:1.2;white-space:nowrap;display:flex!important;flex-direction:column;align-items:flex-start;text-align:left}
.OpenClose_btn .ap-kn-status,.form_widget .ap-kn-red-status{display:inline-flex;align-items:center;gap:5px;margin:2px 0 0;font:400 11.5px/1.2 Arial,Helvetica,sans-serif;color:#4a5a6a}
.form_widget .ap-kn-red-status{font-size:12.5px}
.OpenClose_btn .ap-kn-status[hidden],.form_widget .ap-kn-red-status[hidden]{display:none}
.ap-kn-status::before,.ap-kn-red-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#9aa5b1;flex:0 0 auto}
.ap-kn-status.ap-kn-st--online::before,.form_widget .ap-kn-red-status.ap-kn-st--online::before{background:#16a31f!important}
.ap-kn-status.ap-kn-st--away::before,.form_widget .ap-kn-red-status.ap-kn-st--away::before{background:#e8a317!important}
.ap-kn-status.ap-kn-st--offline::before,.form_widget .ap-kn-red-status.ap-kn-st--offline::before{background:#9aa5b1!important}
.OpenClose_btn .contact span{height:auto!important}
html.ap-kn-otvoren .OpenClose_btn .contact{display:none!important}
.OpenClose_btn .contact br,.OpenClose_btn .contact img{display:none!important}
.OpenClose_btn .OpenClose_btn_icon_open{order:-1;height:auto!important;line-height:0}
.OpenClose_btn .OpenClose_btn_icon_open svg{width:18px;height:18px}
.OpenClose_btn .OpenClose_btn_icon_open svg path{fill:#b80000}
.OpenClose_btn .OpenClose_btn_icon_close{margin-left:0!important;line-height:1;white-space:nowrap}
.OpenClose_btn .OpenClose_btn_icon_close svg{width:12px!important;height:12px!important;padding:0!important;margin-right:6px;vertical-align:-1px}
.OpenClose_btn .OpenClose_btn_icon_close svg path{fill:#14304f}
.OpenClose_btn .ap-kn-zatvori{font:600 14px/1.2 Arial,Helvetica,sans-serif;color:#14304f}
.OpenClose_btn .ap-kn-znachka{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#b80000;color:#fff;font:700 11px/18px Arial,sans-serif;text-align:center}
.OpenClose_btn .ap-kn-znachka[hidden]{display:none}

/* ---------- (2) разгънат панел ---------- */
.form_widget.transitionup{left:auto;right:12px;width:340px;max-width:calc(100vw - 24px);box-sizing:border-box;
  bottom:calc(var(--ap-kn-dolu) + 12px + 44px + 8px + env(safe-area-inset-bottom,0px));
  max-height:calc(var(--ap-kn-vh) - var(--ap-kn-dolu) - 76px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;
  border:1px solid #c5ced8;border-radius:10px;box-shadow:0 6px 24px rgba(20,48,79,.22);font-family:Arial,Helvetica,sans-serif;
  animation:none!important;transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s}
.form_widget.form_closed{bottom:calc(var(--ap-kn-dolu) + 12px + 44px + 8px + env(safe-area-inset-bottom,0px))!important;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
.form_widget.form_open{visibility:visible;opacity:1;transform:none}
.form_widget .form_header{padding:12px 14px 8px;background:none;color:#14304f;text-shadow:none;font-weight:700;font-size:15px;line-height:1.35;text-align:left;border-radius:0}
.form_widget .form_header a,.form_widget .form_header img,.form_widget .form_header br{display:none}
.form_widget .form_body{padding:0 10px 10px}
.form_widget .form_body .form_btn{height:auto;min-height:48px;padding:6px 12px;margin:0 0 6px;border:1px solid #dde3ea;border-radius:8px;background:#fff;gap:10px;font-family:Arial,Helvetica,sans-serif}
.form_widget .form_body .form_btn:first-child{margin-top:0}
.form_widget .form_body .form_btn:last-child{margin-bottom:0}
.form_widget .form_body .form_btn:hover{background:#f4f6f9}
.form_widget .form_body .form_btn:focus{outline:none}
.form_widget .form_body .form_btn:focus-visible{outline:2px solid #e8542a;outline-offset:1px}
.form_widget .form_body .form_btn svg{flex:0 0 auto;max-width:26px;max-height:26px}
.form_widget .btn_title{font-size:15px;font-weight:600;color:#14304f}
.form_widget .footer-widget{display:none}
.form_widget .ap-kn-chat svg path{fill:#b80000}

/* ---------- (3) „↑“ към началото ---------- */
#myBtn{right:12px;bottom:calc(var(--ap-kn-dolu) + 12px + 44px + 10px + env(safe-area-inset-bottom,0px));width:44px;height:44px;padding:0;z-index:9998;
  background:#fff;color:#14304f;border:1px solid #c5ced8;border-radius:9px;box-shadow:0 1px 5px rgba(20,48,79,.18);font:700 20px/42px Arial,Helvetica,sans-serif;text-align:center;
  transition:bottom .2s ease}
#myBtn:hover{background:#f4f6f9;color:#14304f}
#myBtn:focus{outline:none}
#myBtn:focus-visible{outline:2px solid #e8542a;outline-offset:2px}
html.ap-kn-otvoren #myBtn{visibility:hidden}
html.ap-kn-tesno #myBtn{bottom:calc(var(--ap-kn-dolu) + 12px + env(safe-area-inset-bottom,0px));right:calc(var(--ap-kn-btn-w,190px) + 22px)}

/* ---------- (4) бисквитките на телефон: компактна долна лента (същият прозорец, само разположение и плътност) ---------- */
@media screen and (max-width:640px){
#cc-main .cm.cm--box{top:auto!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;max-width:none!important;width:auto!important;
  max-height:calc(100% - 48px);overflow-y:auto;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
#cc-main .cm.cm--box.cm--middle,.show--consent #cc-main .cc--anim .cm.cm--box.cm--middle{transform:none!important}
#cc-main .cm--box .cm__body{padding:0!important}
#cc-main .cm--box .cm__title{font-size:.95em;line-height:1.3;padding-top:.8em}
#cc-main .cm--box .cm__title+.cm__desc{margin-top:.45em}
#cc-main .cm--box .cm__desc{font-size:.8em;line-height:1.45;max-height:5.9em;padding-bottom:.55em}
#cc-main .cm--box .cm__btns{padding-top:.6rem!important;padding-bottom:.6rem!important}
#cc-main .cm--box .cm__btn-group:first-child{flex-direction:row!important;gap:.375rem}
#cc-main .cm--box .cm__btn-group:first-child .cm__btn+.cm__btn{margin:0!important}
#cc-main .cm--box .cm__btn{min-height:44px;padding:.4em .6em;flex:1 1 0!important}
}
/* телефон хоризонтално (ниска височина): по-ниска лента — описанието в 2 реда с превъртане, трите бутона на един ред */
@media screen and (max-width:900px) and (max-height:480px){
#cc-main .cm.cm--box{top:auto!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;max-width:none!important;width:auto!important;border-radius:12px 12px 0 0;transform:none!important}
#cc-main .cm--box .cm__desc{max-height:2.95em}
#cc-main .cm--box .cm__btns{flex-direction:row!important;gap:.375rem}
#cc-main .cm--box .cm__btn-group{flex:2 1 0}
#cc-main .cm--box .cm__btn-group+.cm__btn-group{flex:1 1 0;margin:0!important}
}

/* ---------- (6) „↑ Бързо към“ в края на основните секции ---------- */
.ap-kn-nazad{display:block;clear:both;margin:6px 0 2px;padding:0;text-align:left;font:400 13px/1.3 Arial,Helvetica,sans-serif}
p.ap-kn-nazad>a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;gap:4px;color:#1b4b82!important;text-decoration:none!important;font-weight:600!important;background:none!important;border:0!important}
p.ap-kn-nazad>a:hover{color:#b80000!important;text-decoration:underline!important}
p.ap-kn-nazad>a:focus-visible{outline:2px solid #e8542a;outline-offset:2px;border-radius:3px}
#ap-toc-spisak{scroll-margin-top:calc(var(--ap-kn-glava) + 60px)}
#pv3-toc{scroll-margin-top:calc(var(--ap-kn-glava) + 12px)}
@media print{.ap-kn-nazad,.OpenClose_btn,.form_widget,#myBtn{display:none!important}}
@media (prefers-reduced-motion:reduce){.OpenClose_btn.form_btn,#myBtn,.form_widget.transitionup{transition:none}}