/* =========================
   FAVORITE HEART — all card types
   Position + hover managed here and in functions.php
========================= */

.amk-fav-btn {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 999px;
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.30), 0 4px 12px rgba(0,0,0,0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background 0.2s ease, transform 0.15s ease;
}

/* White SVG */
.amk-fav-btn svg {
    fill: #ffffff;
    width: 16px;
    height: 16px;
    display: block;
    pointer-events: none;
    transition: fill .15s ease, transform .15s ease;
}

/* Hover */
.amk-fav-btn:hover {
    background: rgba(0,0,0,0.80);
    transform: scale(1.12);
}
.amk-fav-btn:hover svg {
    transform: scale(1.15);
}

/* Saved = red */
.amk-fav-btn.is-fav svg {
    fill: #ff3b5c;
}
.amk-fav-btn.is-fav:hover svg {
    fill: #ff5571;
}

/* Click bounce */
.amk-fav-btn.is-bouncing {
    animation: amkFavBounce 0.32s ease;
}
@keyframes amkFavBounce {
    0%   { transform: scale(1); }
    45%  { transform: scale(1.4); }
    100% { transform: scale(1); }
}

/* Top-right corner — closer to edge */
.amk-card,
.job-card,
.mat-card {
    position: relative;
}

.amk-card .amk-fav-btn,
.amk-card .amk-card-actions .amk-fav-btn,
.job-card .amk-fav-btn,
.job-card .amk-card-actions .amk-fav-btn,
.mat-card .amk-fav-btn,
.mat-card .amk-card-actions .amk-fav-btn {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    z-index: 50 !important;
}

/* ── CRITICAL: Override americanmarket.css which hides these buttons ──
   americanmarket.css section 8 has display:none !important on these.
   We must override with higher specificity. ── */
html body .amk-card .amk-fav-btn,
html body .amk-card .amk-card-actions .amk-fav-btn,
html body .job-card .fav-btn,
html body .job-card .amk-card-actions .fav-btn,
html body .mat-card .mat-fav-btn,
html body .mat-card .amk-card-actions .mat-fav-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}