/* ─────────────────────────────────────────────────────────────────────────
 * Card Save button — Pinterest-style "save while browsing".
 * Scoped entirely to .dm-card-save-btn so it cannot affect existing elements.
 * Injected by dm-card-save.js into each card's image wrap.
 * ──────────────────────────────────────────────────────────────────────── */
.dm-card-save-btn{
    position:absolute;
    top:8px;
    right:8px;
    z-index:6;                     /* above the .dm-card-overlay (z-index:3) */
    width:34px;
    height:34px;
    border-radius:50%;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.95);
    color:#111;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    opacity:0;                     /* hidden until hover on pointer devices */
    transform:translateY(-2px);
    transition:opacity .16s ease,transform .16s ease,background .16s ease,color .16s ease;
    padding:0;
    line-height:0;
}
.dm-card:hover .dm-card-save-btn{ opacity:1; transform:translateY(0); }

/* Always visible once saved, and on touch devices (no hover) */
.dm-card-save-btn.saved{ opacity:1; transform:translateY(0); }
@media (hover:none){
    .dm-card-save-btn{ opacity:1; transform:translateY(0); }
}

.dm-card-save-btn svg{ width:17px; height:17px; display:block; pointer-events:none; }
.dm-card-save-btn:hover{ background:#fff; color:var(--dm-primary,#e60023); }
.dm-card-save-btn:active{ transform:scale(.9); }

.dm-card-save-btn.saved{
    background:var(--dm-primary,#e60023);
    color:#fff;
}
.dm-card-save-btn.saved:hover{ background:var(--dm-primary-hover,#cc001f); color:#fff; }
.dm-card-save-btn[disabled]{ opacity:.6; cursor:default; }

/* Dark theme surface */
[data-theme=dark] .dm-card-save-btn{ background:rgba(26,26,28,.92); color:#f4f4f5; }
[data-theme=dark] .dm-card-save-btn:hover{ background:#1a1a1c; color:var(--dm-primary,#e60023); }
[data-theme=dark] .dm-card-save-btn.saved{ background:var(--dm-primary,#e60023); color:#fff; }