/* =====================================================
   Netzbetreiberinfo Share Tool – Enterprise Hybrid
===================================================== */

/* Inline Share */

.nb-share-premium{
display:flex;
gap:12px;
margin-top:30px;
padding-top:20px;
border-top:1px solid #e6edf3;
flex-wrap:wrap;
align-items:center;
}

/* Icons */

.nb-share-icon{
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#f3f6f9;
color:#0a3d62;
border:1px solid #d6e1ea;
transition:all .2s ease;
cursor:pointer;
position:relative;
text-decoration:none;
}

.nb-share-icon svg{
width:22px;
height:22px;
}

/* Messenger / Tools */

.nb-share-icon[data-platform="general"] svg,
.nb-share-icon[data-platform="bookmark"] svg,
.nb-share-icon[data-platform="print"] svg,
.nb-share-icon[data-platform="email"] svg,
.nb-share-icon[data-platform="whatsapp"] svg,
.nb-share-icon[data-platform="threema"] svg,
.nb-share-icon[data-platform="signal"] svg,
.nb-share-icon[data-platform="rss"] svg{

fill:none;
stroke:currentColor;
stroke-width:2;

}

/* Social Logos */

.nb-share-icon[data-platform="facebook"] svg,
.nb-share-icon[data-platform="x"] svg,
.nb-share-icon[data-platform="linkedin"] svg,
.nb-share-icon[data-platform="xing"] svg{

fill:currentColor;
stroke:none;

}

/* Hover */

.nb-share-icon:hover{
transform:translateY(-2px);
box-shadow:0 4px 10px rgba(0,0,0,0.12);
color:#fff;
}

/* Plattform Farben */

.nb-share-icon[data-platform="facebook"]:hover{background:#1877f2}
.nb-share-icon[data-platform="x"]:hover{background:#000}
.nb-share-icon[data-platform="linkedin"]:hover{background:#0a66c2}
.nb-share-icon[data-platform="whatsapp"]:hover{background:#25d366}
.nb-share-icon[data-platform="xing"]:hover{background:#006567}
.nb-share-icon[data-platform="rss"]:hover{background:#f26522}

/* LinkedIn & WhatsApp hervorgehoben */

.nb-share-icon[data-platform="linkedin"]{
background:#0a66c2;
color:#fff;
border-color:#0a66c2;
}

.nb-share-icon[data-platform="whatsapp"]{
background:#25d366;
color:#fff;
border-color:#25d366;
}

/* Tooltip */

@media(min-width:992px){

.nb-share-icon::after{
content:attr(title);
position:absolute;
bottom:130%;
left:50%;
transform:translateX(-50%);
background:#0a3d62;
color:#fff;
font-size:12px;
padding:5px 9px;
border-radius:5px;
opacity:0;
transition:opacity .2s;
}

.nb-share-icon:hover::after{
opacity:1;
}

}

/* Sticky Sidebar */

@media(min-width:992px){

.nb-share--sticky{
position:fixed;
top:35%;
left:20px;
z-index:9999;
display:flex;
flex-direction:column;
gap:10px;
background:rgba(255,255,255,.9);
padding:12px;
border-radius:26px;
box-shadow:0 6px 20px rgba(0,0,0,0.1);
backdrop-filter:blur(5px);
}

.nb-share--sticky .nb-share-icon::after{
left:140%;
top:50%;
transform:translateY(-50%);
bottom:auto;
}

}

/* Mobile Sticky aus */

@media(max-width:991px){
.nb-share--sticky{display:none}
}

/* Mobile Bottom Bar */

.nb-share-mobile{
display:none;
}

@media(max-width:991px){

.nb-share-mobile{
position:fixed;
bottom:0;
left:0;
right:0;
background:#fff;
padding:10px;
z-index:9999;
box-shadow:0 -6px 20px rgba(0,0,0,0.15);
}

.nb-share-mobile .nb-share-premium{
justify-content:center;
}

}

/* Toast */

.nb-toast{
position:fixed;
bottom:30px;
left:50%;
transform:translateX(-50%) translateY(80px);
background:#0a3d62;
color:#fff;
padding:12px 22px;
border-radius:50px;
font-size:14px;
z-index:10000;
transition:transform .3s ease;
}

.nb-toast--visible{
transform:translateX(-50%) translateY(0);
}