.mvo-drawer-share {
    display: block;
    width: 100%;
    margin: 0 0 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--child-color-neutral-border,#527568);
    border-radius: var(--child-radius-control, 5px);
    background: transparent;
    color: var(--child-color-neutral-text,#315a49);
    font: inherit;
    font-weight: 600;
    line-height: 1.4;
    text-align: center !important;
    cursor: pointer;
}

#child-mini-cart .mvo-drawer-share {
    text-align: center !important;
}

.mvo-drawer-share:hover {
    background: var(--child-color-surface-hover,#e6fcf5);
    color: var(--child-color-neutral-text,#24513e);
}


#child-wishlist .mvo-drawer-share {
    margin-bottom: 0;
    border-color: var(--child-color-primary, #228be6);
    background: var(--child-color-primary, #228be6);
    color: var(--child-color-primary-text, #fff);
    text-align: center !important;
}

#child-wishlist .mvo-drawer-share:is(:hover, :focus-visible) {
    border-color: var(--child-color-primary-hover, #228be6);
    background: var(--child-color-primary-hover, #228be6);
    color: var(--child-color-primary-text, #fff);
}

#child-share-dialog {
    opacity: 0;
    transform: translateY(var(--child-ui-modal-offset));
    transition: opacity var(--child-ui-modal-duration) ease, transform var(--child-ui-modal-duration) ease;
}

#child-share-dialog.is-visible {
    opacity: 1;
    transform: none;
}

#child-share-dialog.is-closing,
#child-share-dialog.is-sharing-handoff {
    opacity: 0;
    pointer-events: none;
}

#child-share-dialog::backdrop {
    background: rgb(var(--child-color-backdrop-rgb,0 0 0) / 40%);
    opacity: 0;
    transition: opacity var(--child-ui-modal-duration) ease;
}

#child-share-dialog.is-visible::backdrop {
    opacity: 1;
}

/* Transfer the existing dim layer immediately; only the surface fades in. */
#child-share-dialog.has-shared-backdrop::backdrop {
    opacity: 1;
    transition: none;
}

#child-share-dialog.is-closing::backdrop {
    opacity: 0;
    transition: opacity var(--child-ui-modal-duration) ease;
}

#child-share-dialog.is-sharing-handoff::backdrop {
    opacity: 0;
    transition: none;
}

/* The drawer alone owns the visible backdrop until its native close. */
#child-mini-cart[open].is-sharing-handoff::backdrop,
#child-wishlist[open].is-sharing-handoff::backdrop {
    background: rgb(var(--child-color-backdrop-rgb,0 0 0) / 40%);
    opacity: 1;
    animation: none;
    transition: none;
}

#child-share-dialog .mvo-share-honeypot {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
}

.mvo-drawer-share:focus-visible,
#child-share-dialog button:focus-visible,
#child-share-dialog input:focus-visible,
#child-share-dialog textarea:focus-visible {
    outline: 2px solid var(--child-color-field-focus,#087f5b);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    #child-share-dialog,
    #child-share-dialog::backdrop,
    #child-share-dialog.is-closing::backdrop {
        transition: none;
    }
}