/* ===== premium social-share style ===== */

.social-share {
    display: flex !important;
    justify-content: center !important;   /* keeps icons centred on most themes */
    gap: 0.75rem !important;              /* space between buttons */
}

/* generic button base */
.social-share .share-item {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    display: grid !important;
    place-content: center !important;
    border: none !important;
    border-radius: 8px !important;        /* modern rounded corners */
    color: #fff !important;               /* SVG fills inherit this */
    box-shadow: 0 2px 4px rgba(0,0,0,.12) !important;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease !important;
    cursor: pointer !important; 
}

.social-share .share-item svg {    /* bigger logos */
    width: 24px !important;
    height: 24px !important;
}

.social-share .share-item:hover,
.social-share .share-item:focus-visible {
    transform: scale(1.06) !important ;
    box-shadow: 0 4px 10px rgba(0,0,0,.18) !important;
    opacity: .92 !important;
    outline: none !important;
}

/* ===== per-platform brand colours (unchanged) ===== */

.social-share .facebook   .share-item { background:#1877F2 !important; }
.social-share .x-twitter  .share-item { background:#000000 !important; }
.social-share .tiktok     .share-item { background:#000000 !important; }
.social-share .pinterest  .share-item { background:#E60023 !important; }
.social-share .instagram  .share-item {
    background: radial-gradient(circle at 30% 107%,
        #FDF497 0%,  #FDF497 5%,
        #FD5949 45%, #D6249F 60%, #285AEB 90%) !important;
}
.social-share .email      .share-item { background:#D93025 !important; }

/* optional: reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    .social-share .share-item,
    .social-share .share-item:hover {
        transition: none !important;
        transform: none !important;
    }
}
.social-share li.tiktok svg {
    transform: scale(1.25);          /* enlarge the icon itself   */
    transform-origin: center center; /* keep it centred perfectly */
}