/* Custom social share panel */
.share-wrapper .custom-share-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    width: max-content;
    padding: 6px;
    background: #fff;
    border-radius: 45px;
    /*box-shadow: 0 5px 24px rgba(0, 0, 0, .14);*/
}

/* Individual circular buttons */
.custom-share-buttons .share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: transform .2s ease, filter .2s ease;
}

.custom-share-buttons .share-icon svg {
    width: 16px;
    height: 16px;
    display: block;
}

.custom-share-buttons .share-facebook {
    background: #4267b2;color:#fff;
}

.custom-share-buttons .share-x {
    background: #000;
}

.custom-share-buttons .share-linkedin {
    background: #0077b5;
}

.custom-share-buttons .share-email {
    background: #858585;
}

.custom-share-buttons .share-copy {
    background: #086b2d;
}

.custom-share-buttons .share-icon:hover {
    transform: scale(1.08);
    filter: brightness(1.1);
    color:#fff!important;
}

.custom-share-buttons .share-icon:focus-visible {
    outline: 3px solid #153e35;
    outline-offset: 3px;
}

/* Preserve open-on-hover behavior */
.share-panel,
.overlay-controls .mi-share {
    position: relative;
}

.share-panel > .share-wrapper,
.overlay-controls .mi-share > .share-wrapper {
    position: absolute;
    z-index: 9999;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

/* Open when hovering over the share trigger or panel */
.share-panel:hover > .share-wrapper,
.share-panel:focus-within > .share-wrapper,
.overlay-controls .mi-share:hover > .share-wrapper,
.overlay-controls .mi-share:focus-within > .share-wrapper,
.share-panel.is-open > .share-wrapper,
.overlay-controls .mi-share.is-open > .share-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Ensure the panel remains reachable from its trigger */
.share-panel > .share-wrapper,
.overlay-controls .mi-share > .share-wrapper {
    bottom: 100%;
    right: 0;
    padding-bottom: 8px;
}
.btn-share{
    position:relative;
    z-index:99999;
    /*top:5px;*/
}
.overlay-controls .cbox a{
    color:#fff;
}
.cbox .share-wrapper{
    border-radius:45px;
}

@media (max-width: 767px) {
    .share-panel-place .share-panel{
        position:relative;
    }
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .custom-share-buttons {
        gap: 8px !important;
        padding: 9px !important;
    }

    .custom-share-buttons .share-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .custom-share-buttons .share-icon svg {
        width: 21px;
        height: 21px;
    }
}