/* =====================================================
   DIGITAL PRO — SHARE.CSS
   Spójny, lekki i responsywny panel udostępniania
   ===================================================== */

.share-box{
    --share-border:#dfe7f2;
    --share-border-hover:#c8d7ea;
    --share-text:#10203a;
    --share-muted:#526178;
    --share-blue:#1769e0;
    --share-blue-soft:#eef5ff;

    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:stretch;
    width:min(1180px,calc(100% - 32px));
    margin:52px auto;
    padding:14px 16px;
    border:1px solid var(--share-border);
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 10px 28px rgba(15,23,42,.055);
    overflow:hidden;
}

.share-link{
    position:relative;
    display:flex;
    min-width:0;
    min-height:92px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:8px 6px;
    border:0;
    border-radius:14px;
    color:var(--share-text);
    background:transparent;
    font:inherit;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:
        background-color .2s ease,
        transform .2s ease,
        color .2s ease;
}

.share-link:not(:first-child)::before{
    position:absolute;
    top:14px;
    bottom:14px;
    left:0;
    width:1px;
    background:#e8edf5;
    content:"";
}

.share-link:hover{
    z-index:2;
    color:#0b1738;
    background:#f8fbff;
}

.share-link:active{
    transform:scale(.98);
}

.share-link:focus-visible{
    z-index:3;
    outline:3px solid rgba(23,105,224,.24);
    outline-offset:-2px;
}

.share-link span{
    position:relative;
    display:grid;
    width:48px;
    height:48px;
    flex:0 0 48px;
    place-items:center;
    overflow:hidden;
    border:1px solid #d9e3f0;
    border-radius:15px;
    color:transparent;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px 24px;
    font-size:0;
    line-height:1;
    box-shadow:
        0 4px 12px rgba(15,23,42,.045),
        inset 0 1px 0 rgba(255,255,255,.95);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background-color .22s ease;
}

.share-link:hover span{
    transform:translateY(-3px);
    border-color:var(--share-border-hover);
    box-shadow:
        0 12px 24px rgba(23,105,224,.13),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.share-link em{
    display:block;
    max-width:100%;
    overflow:hidden;
    color:var(--share-muted);
    font-style:normal;
    font-size:11px;
    font-weight:700;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
    letter-spacing:-.01em;
}

.share-link:hover em{
    color:var(--share-text);
}

/* Główne udostępnianie */

.share-link--main span{
    border-color:var(--share-blue);
    background-color:var(--share-blue);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.4-4.3M8.2 13.2l7.4 4.3'/%3E%3C/svg%3E");
    box-shadow:0 9px 22px rgba(23,105,224,.22);
}

.share-link--main:hover span{
    border-color:#0f5fda;
    background-color:#0f5fda;
}

/* Facebook */

.share-link[data-share="facebook"] span{
    background-size:24px 24px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231877F2' d='M13.9 22v-9h3l.5-3.5h-3.5V7.3c0-1 .3-1.7 1.8-1.7h1.9V2.5c-.3 0-1.5-.1-2.8-.1-2.8 0-4.7 1.7-4.7 4.8v2.3H7V13h3.1v9h3.8Z'/%3E%3C/svg%3E");
}

/* LinkedIn */

.share-link[data-share="linkedin"] span{
    background-size:25px 25px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230A66C2' d='M5.3 8.1A2.1 2.1 0 1 0 5.3 4a2.1 2.1 0 0 0 0 4.1ZM3.5 20h3.6V9.5H3.5V20Zm5.7 0h3.6v-5.2c0-1.4.3-2.7 2-2.7 1.7 0 1.7 1.6 1.7 2.8V20h3.6v-5.8c0-2.9-.6-5.1-4-5.1-1.7 0-2.8.9-3.3 1.8h-.1V9.5H9.2V20Z'/%3E%3C/svg%3E");
}

/* WhatsApp */

.share-link[data-share="whatsapp"] span{
    background-size:25px 25px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325D366' d='M12 2.2a9.7 9.7 0 0 0-8.3 14.7L2.3 22l5.2-1.4A9.8 9.8 0 1 0 12 2.2Zm0 17.7c-1.4 0-2.7-.4-3.9-1l-.3-.2-3.1.8.8-3-.2-.3A8 8 0 1 1 12 19.9Zm4.4-6c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-1.5-.8-2.5-1.4-3.5-3.1-.3-.5.3-.5.8-1.6.1-.2 0-.4 0-.5l-.7-1.7c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.3.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2.1 3.3 5.2 4.6 2 .9 2.8.9 3.8.8.6-.1 1.9-.8 2.2-1.5.3-.7.3-1.3.2-1.5-.1-.1-.3-.2-.5-.3Z'/%3E%3C/svg%3E");
}

/* Messenger */

.share-link[data-share="messenger"] span{
    background-size:26px 26px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='4' y1='21' x2='20' y2='3'%3E%3Cstop stop-color='%23009BFF'/%3E%3Cstop offset='.55' stop-color='%23A033FF'/%3E%3Cstop offset='1' stop-color='%23FF5280'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23m)' d='M12 2.5c-5.4 0-9.7 4-9.7 9 0 2.8 1.4 5.3 3.7 7v3l3.4-1.9c.8.2 1.7.3 2.6.3 5.4 0 9.7-4 9.7-9S17.4 2.5 12 2.5Z'/%3E%3Cpath fill='white' d='m6.8 14.2 3.7-4 2 2 4.7-2.6-3.7 4-2-2-4.7 2.6Z'/%3E%3C/svg%3E");
}

/* Interia — wymuszone nadpisanie stylów osadzonych w HTML */
.share-link.share-link--interia .share-link__icon{
    color:#173568 !important;
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 24'%3E%3Ctext x='26' y='16.6' text-anchor='middle' font-family='Arial,sans-serif' font-size='11' font-weight='800' fill='%23173568'%3EINTERIA%3C/text%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:40px 22px !important;
}
.share-link.share-link--interia .share-link__icon svg{
    display:none !important;
}

/* WP — jeden czytelny znak bez nakładania */
.share-link.share-link--wp .share-link__icon{
    color:#ed1c2e !important;
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24'%3E%3Ctext x='22' y='17.2' text-anchor='middle' font-family='Arial,sans-serif' font-size='16.5' font-weight='900' font-style='italic' fill='%23ed1c2e'%3EWP%3C/text%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:34px 22px !important;
}
.share-link.share-link--wp .share-link__icon svg{
    display:none !important;
}

/* Onet — większy i proporcjonalny znak */
.share-link.share-link--onet .share-link__icon{
    color:#111 !important;
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 24'%3E%3Ccircle cx='8' cy='12' r='5.2' fill='%23ffd500'/%3E%3Ctext x='15' y='16.2' font-family='Arial,sans-serif' font-size='11.5' font-weight='800' fill='%23111111'%3Eonet%3C/text%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:42px 22px !important;
}
.share-link.share-link--onet .share-link__icon svg{
    display:none !important;
}

/* Outlook */

.share-link.share-link--outlook span{
    background-size:27px 27px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230078D4' d='M12.8 5h8v14h-8z'/%3E%3Cpath fill='%2328A8EA' d='m12.8 8 4 3.3 4-3.3'/%3E%3Cpath fill='%230056A6' d='m12.8 8 4 3.7 4-3.7v8.6h-8V8Z'/%3E%3Cpath fill='%230078D4' d='M3.2 6.5 14 4v16L3.2 17.5v-11Z'/%3E%3Cpath fill='white' d='M8.6 9c2 0 3.2 1.3 3.2 3.4 0 2-1.2 3.4-3.2 3.4s-3.3-1.4-3.3-3.4S6.6 9 8.6 9Zm0 1.7c-.9 0-1.4.6-1.4 1.7s.5 1.8 1.4 1.8 1.4-.7 1.4-1.8-.5-1.7-1.4-1.7Z'/%3E%3C/svg%3E");
}

/* E-mail */

.share-link[data-share="mail"] span{
    background-size:24px 24px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338475c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.4'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E");
}

/* Drukuj */

.share-link[data-print] .share-link__icon{
    background-size:24px 24px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338475c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='7' rx='1.4'/%3E%3Cpath d='M18 12h.01'/%3E%3C/svg%3E");
}

/* Kopiowanie linku */

.share-link[data-copy-link] span{
    background-size:24px 24px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338475c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1.1l2-2A5 5 0 0 0 12 4l-1.1 1.1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1-.1l-2 2A5 5 0 0 0 12 20l1.1-1.1'/%3E%3C/svg%3E");
}

.share-link[data-copy-link].is-copied span{
    border-color:#b9dfc7;
    background-color:#f0fbf4;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d8f4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}

.share-link[data-copy-link].is-copied em{
    color:#187943;
}

/* Responsywność */

@media (max-width:1180px){
    .share-box{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }

    .share-link:nth-child(7)::before{
        display:none;
    }
}

@media (max-width:760px){
    .share-box{
        grid-template-columns:repeat(4,minmax(0,1fr));
        width:min(100% - 24px,680px);
        margin:42px auto;
        padding:12px;
        border-radius:20px;
    }

    .share-link{
        min-height:88px;
    }

    .share-link:nth-child(5)::before,
    .share-link:nth-child(9)::before{
        display:none;
    }
}

@media (max-width:520px){
    .share-box{
        grid-template-columns:repeat(3,minmax(0,1fr));
        padding:10px;
    }

    .share-link{
        min-height:84px;
        gap:7px;
    }

    .share-link:nth-child(4)::before,
    .share-link:nth-child(7)::before,
    .share-link:nth-child(10)::before{
        display:none;
    }

    .share-link span{
        width:44px;
        height:44px;
        flex-basis:44px;
        border-radius:14px;
        background-size:22px 22px;
    }

    .share-link em{
        font-size:10px;
    }
}

@media (prefers-reduced-motion:reduce){
    .share-box *,
    .share-box *::before,
    .share-box *::after{
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }
}

@media print{
    .share-box{
        display:none !important;
    }
}