/* Editorial Sharing – Frontend */

/* Wrapper that receives the CSS variable for max width */
.editorial-sharing-block {
    /* Desktop: limit width by variable (fallback 346px) */
    max-width: var(--editorial-sharing-max-width, 346px);
    background-color: #F2EEE6;
}

/* The inner share component itself */

/* Mobile behavior */
@media (max-width: 768px) {
    .editorial-sharing-block {
        max-width: 100%;
        width: 100%;
    }
    .editorial-sharing-block.hidden-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .editorial-sharing-block.hidden-desktop { display: none !important; }
}