/* Anej + Teja v1.55 – sharing toolbar anchored to the bottom-left of the viewport.
   Colors follow Videz > Nastavitve videza and remain legible with default palette. */
.at-share-rail{
 --at-share-accent:var(--at-accent,#087c84);
 --at-share-ink:var(--at-accent-dark,#07515a);
 position:fixed!important;
 left:clamp(12px,1.5vw,24px)!important;
 bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
 top:auto!important;right:auto!important;
 z-index:990;
 display:flex;flex-direction:column;align-items:center;gap:7px;
 width:54px;max-width:54px;margin:0!important;padding:10px 6px!important;
 border:1px solid #d5e6e3;border-radius:28px;
 background:var(--at-surface,#fff);
 box-shadow:0 8px 28px rgba(5,57,62,.14);
 font:600 11px/1.3 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 box-sizing:border-box;
}
.at-share-rail__label{color:var(--at-share-ink);font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px}
.at-share-rail__button{
 display:inline-flex;align-items:center;justify-content:center;
 width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;
 border:1px solid #c8e0dd;border-radius:50%;padding:0;
 color:var(--at-share-ink);background:#fff;text-decoration:none!important;
 cursor:pointer;appearance:none;-webkit-appearance:none;
 transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.at-share-rail__button:hover,.at-share-rail__button:focus-visible{
 color:#fff;background:var(--at-share-ink);border-color:var(--at-share-ink);
 outline-offset:2px;
}
.at-share-rail__button:focus-visible{outline:2px solid var(--at-share-accent)}
.at-share-rail__button svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;display:block}
.at-share-rail__feedback{
 position:absolute;left:calc(100% + 8px);bottom:8px;
 white-space:nowrap;color:var(--at-share-ink);font-size:11px;
 padding:5px 8px;border-radius:7px;background:#fff;
 box-shadow:0 2px 9px rgba(0,0,0,.12);pointer-events:none;
}
.at-share-rail__feedback:empty{display:none}
/* On phones, anchor a compact horizontal pill at bottom-left instead of covering text. */
@media(max-width:767px){
 .at-share-rail{
  left:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
  width:max-content;max-width:calc(100vw - 20px);
  flex-direction:row;gap:5px;padding:6px 8px!important;border-radius:30px;
 }
 .at-share-rail__label{display:none}
 .at-share-rail__button{width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px}
 .at-share-rail__feedback{left:0;bottom:calc(100% + 5px)}
}
@media(max-width:360px){.at-share-rail{gap:3px;padding:5px!important}.at-share-rail__button{width:38px;height:38px;min-width:38px;min-height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.at-share-rail__button{transition:none}}

/* v1.57: visitor-controlled, persistent sharing toolbar visibility. */
.at-share-rail[hidden], .at-share-rail__restore[hidden]{display:none!important}
.at-share-rail__close{
 position:absolute;top:-10px;right:-10px;
 display:flex;align-items:center;justify-content:center;
 width:28px;height:28px;padding:0;border:1px solid #c8e0dd;
 border-radius:50%;background:var(--at-surface,#fff);
 color:var(--at-share-ink,#07515a);font:600 19px/1 Arial,sans-serif;
 cursor:pointer;box-shadow:0 2px 9px rgba(5,57,62,.14);
 z-index:1;
}
.at-share-rail__close:hover,.at-share-rail__close:focus-visible{
 background:var(--at-share-ink,#07515a);color:#fff;
}
.at-share-rail__close:focus-visible,.at-share-rail__restore:focus-visible{
 outline:2px solid var(--at-accent,#087c84);outline-offset:3px;
}
.at-share-rail__restore{
 position:fixed;z-index:990;left:clamp(12px,1.5vw,24px);
 bottom:calc(20px + env(safe-area-inset-bottom,0px));
 border:1px solid #c8e0dd;border-radius:24px;
 padding:10px 14px;min-height:40px;
 color:var(--at-accent-dark,#07515a);
 background:var(--at-surface,#fff);
 font:600 12px/1.3 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 cursor:pointer;box-shadow:0 5px 18px rgba(5,57,62,.14);
}
.at-share-rail__restore:hover{background:var(--at-accent-dark,#07515a);color:#fff}
@media(max-width:767px){
 .at-share-rail__close{top:-12px;right:-5px}
 .at-share-rail__restore{left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}