/* ═══════════════════════════════════════════════════════════════
   NAT-READ-BTN — دکمهٔ «خواندن» شیشه‌ای مدرن
   ═══════════════════════════════════════════════════════════════ */

/* ═══ پایهٔ دکمه ═══ */
.book-card__cta,
.book-card__cta:link,
.book-card__cta:visited {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: auto !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-family: inherit !important;
    font-size: .74rem !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    line-height: 1 !important;
    cursor: pointer !important;

    /* شیشه‌ای نیوی */
    background: linear-gradient(135deg,
        rgba(15,54,65,.92),
        rgba(42,110,128,.88)) !important;
    background-color: #0F3641 !important;
    color: #fbf9f3 !important;
    border: 1px solid rgba(255,255,255,.15) !important;

    box-shadow:
        0 2px 6px rgba(15,54,65,.15),
        inset 0 1px 0 rgba(255,255,255,.15) !important;

    backdrop-filter: blur(10px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(180%) !important;

    transition: all .25s cubic-bezier(.4,0,.2,1) !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

/* ═══ آیکن و متن — همیشه دیده شوند ═══ */
.book-card__cta > *,
.book-card__cta span,
.book-card__cta svg,
.book-card__cta i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: 1 !important;
    transition: all .25s !important;
}

.book-card__cta svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important;
}

/* ═══════════════════════════════════════════════════════════════
   ★★★ HOVER — دکمه تغییر واضح می‌کند (نه غیب) ★★★
   ═══════════════════════════════════════════════════════════════ */
.book-card__cta:hover,
.book-card__cta:focus,
.book-card__cta:active {
    /* تغییر گرادیانت به طلایی */
    background: linear-gradient(135deg,
        #D99A2B,
        #8B5E14) !important;
    background-color: #D99A2B !important;
    color: #1a1e22 !important;      /* متن سیاه واضح روی طلایی */
    border-color: rgba(217,154,43,.55) !important;

    box-shadow:
        0 6px 16px rgba(217,154,43,.30),
        inset 0 1px 0 rgba(255,255,255,.40) !important;

    transform: translateY(-2px) !important;
}

.book-card__cta:hover svg,
.book-card__cta:focus svg {
    stroke: #1a1e22 !important;
    transform: translateX(-3px) !important;
}

/* ═══ دکمهٔ قفل‌شده (ویژه) ═══ */
.book-card__cta--locked,
.book-card__cta--locked:hover {
    background: linear-gradient(135deg,
        rgba(109,40,217,.92),
        rgba(76,29,149,.88)) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.15) !important;
}
.book-card__cta--locked:hover {
    background: linear-gradient(135deg,
        #7C3AED,
        #6D28D9) !important;
    box-shadow:
        0 6px 16px rgba(109,40,217,.35),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.book-card__cta--locked:hover svg {
    stroke: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════
   جلوگیری از تداخل با قواعد کارت
   ═══════════════════════════════════════════════════════════════ */

/* hover روی کارت، دکمه را نامرئی نکند */
.book-card:hover .book-card__cta {
    background: linear-gradient(135deg,
        rgba(15,54,65,.92),
        rgba(42,110,128,.88)) !important;
    color: #fbf9f3 !important;
}

/* دکمه در کارت‌های premmium قفل‌شده */
.book-card.is-premium-locked .book-card__cta,
.book-card.is-blurred .book-card__cta {
    background: linear-gradient(135deg,
        rgba(109,40,217,.92),
        rgba(76,29,149,.88)) !important;
    color: #fff !important;
    filter: none !important;
    opacity: 1 !important;
}

/* اطمینان از ز-index */
.book-card__body {
    position: relative !important;
    z-index: 1 !important;
}

/* ═══ موبایل ═══ */
@media (max-width: 700px) {
    .book-card__cta {
        padding: 8px 10px !important;
        font-size: .7rem !important;
        border-radius: 9px !important;
        gap: 4px !important;
    }
    .book-card__cta svg {
        width: 12px !important;
        height: 12px !important;
    }
}