/* All selectors are scoped; inherit the site's Persian typeface. */
.sia-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    min-height: 44px;
    margin: 10px auto 16px;
    padding: 0;
    direction: rtl;
    font: inherit;
    line-height: 1.5;
    box-sizing: border-box;
    clear: both;
    position: relative;
    z-index: 1;
}
.sia-toolbar .sia-action {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 88px;
    min-height: 42px;
    margin: 0;
    padding: 8px 14px;
    box-sizing: border-box;
    border: 1px solid #e8e5e7;
    border-radius: 999px;
    background: #fff;
    color: #3d343b;
    box-shadow: 0 2px 7px rgb(35 20 32 / 4%);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none !important;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    transition: color .18s, border-color .18s, background-color .18s, transform .18s;
}
.sia-toolbar .sia-action::before,
.sia-toolbar .sia-action::after { content: none; }
.sia-toolbar .sia-action:hover {
    background: #fbf8f9;
    border-color: #d9cdd2;
    color: #31242c;
    transform: translateY(-1px);
}
.sia-toolbar .sia-action:active { transform: scale(.97); }
.sia-toolbar .sia-action:focus-visible {
    outline: 2px solid var(--sia-accent, #df3864);
    outline-offset: 3px;
}
.sia-toolbar .sia-action svg {
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
.sia-toolbar .sia-count {
    display: inline-block;
    min-width: 1.4em;
    font: inherit;
    font-variant-numeric: tabular-nums;
    text-align: center;
    direction: ltr;
}
.sia-toolbar .sia-liked {
    color: var(--sia-accent, #df3864);
    border-color: var(--sia-accent, #df3864);
    background: #fff5f7;
}
.sia-toolbar .sia-liked:hover { color: var(--sia-accent, #df3864); background: #fff0f4; }
.sia-toolbar .sia-liked svg { fill: currentColor; }
.sia-toolbar .sia-action:disabled { cursor: wait; opacity: .65; transform: none; }
.sia-toolbar .sia-action[aria-busy="true"] svg { animation: sia-pending .75s ease-in-out infinite; }
.sia-burst {
    display: block;
    position: fixed;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    padding: 0;
    z-index: 2147483646;
    pointer-events: none;
    user-select: none;
    isolation: isolate;
}
.sia-burst-heart {
    position: absolute;
    inset: 0;
    display: block;
    animation: sia-heart-pop 1s cubic-bezier(.16,.8,.3,1) both;
    filter: drop-shadow(0 5px 12px rgb(67 7 30 / 32%));
}
.sia-burst svg { display: block; width: 100%; height: 100%; fill: #fff; stroke: none; }
.sia-particle {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    animation: sia-particle-pop .9s .08s ease-out both;
}
.sia-particle svg { fill: var(--sia-accent, #df3864); filter: drop-shadow(0 1px 2px rgb(255 255 255 / 85%)); }
.sia-toast {
    position: fixed;
    bottom: max(28px, env(safe-area-inset-bottom));
    left: 50%;
    width: max-content;
    max-width: calc(100vw - 40px);
    padding: 12px 20px;
    border-radius: 14px;
    background: #32252e;
    color: #fff;
    box-shadow: 0 7px 28px rgb(20 10 18 / 20%);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    z-index: 2147483647;
    transform: translate(-50%, 10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s, transform .2s, visibility .2s;
}
.sia-toast-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@keyframes sia-pending { 50% { opacity: .4; transform: scale(.88); } }
@keyframes sia-heart-pop {
    0% { opacity: 0; transform: scale(.15) rotate(-18deg); }
    20% { opacity: 1; transform: scale(1.16) rotate(5deg); }
    36% { opacity: 1; transform: scale(.95) rotate(-3deg); }
    50%, 70% { opacity: 1; transform: scale(1) rotate(0); }
    100% { opacity: 0; transform: translateY(-18px) scale(1.18); }
}
@keyframes sia-particle-pop {
    0% { opacity: 0; transform: scale(.2); }
    20% { opacity: 1; }
    100% { opacity: 0; transform: translate(var(--sia-x), var(--sia-y)) rotate(var(--sia-r)) scale(.35); }
}
@media (max-width: 380px) {
    .sia-toolbar { gap: 6px; }
    .sia-toolbar .sia-action { padding: 8px 11px; font-size: 12px; min-width: 76px; }
}
@media (prefers-reduced-motion: reduce) {
    .sia-toolbar .sia-action, .sia-toast { transition: none; }
    .sia-toolbar .sia-action[aria-busy="true"] svg { animation: none; }
    .sia-burst-heart { animation: sia-reduced .3s ease both; }
    .sia-particle { display: none; }
}
@keyframes sia-reduced { 0%, 100% { opacity: 0; } 30%, 65% { opacity: 1; } }