/* ================================================================
   AHNAF.KZ — NAMAZ PAGES
   public/assets/site/css/namaz.css
   Дополнение к lessons.css
================================================================ */

/* ── Кнопка "Назад" (reuse from lessons) ─────────────────────── */
.lp-back {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13.5px; font-weight: 600;
    color: var(--teal); text-decoration: none;
    transition: opacity var(--tr);
}
.lp-back:hover { opacity: .7; }
.gal-eyebrow {
    font-size: 10.5px; font-weight: 600;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--teal); display: block; margin-bottom: 6px;
}

/* ══════════════════════════════════════════════════════════════
   КАРТОЧКА КНИГИ (на странице /namaz index)
══════════════════════════════════════════════════════════════ */
.namaz-book-card {
    display: flex; align-items: center; gap: 20px;
    background: var(--teal);
    border-radius: var(--r-lg);
    padding: 22px 28px;
    text-decoration: none; color: #fff;
    transition: opacity var(--tr), transform var(--tr);
    margin-bottom: 8px;
}
.namaz-book-card:hover { opacity: .92; transform: translateY(-2px); }

.namaz-book-card__icon {
    width: 56px; height: 56px; flex-shrink: 0;
    background: rgba(255,255,255,.15);
    border-radius: var(--r-md);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
}
.namaz-book-card__text { flex: 1; min-width: 0; }
.namaz-book-card__title {
    display: block; font-size: 17px; font-weight: 600;
    color: #fff; margin-bottom: 4px;
}
.namaz-book-card__sub { font-size: 13px; color: rgba(255,255,255,.7); }

.namaz-book-card__cta {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 600;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px; padding: 7px 16px;
    flex-shrink: 0; white-space: nowrap; color: #fff;
}

@media (max-width: 480px) {
    .namaz-book-card { gap: 14px; padding: 18px 20px; }
    .namaz-book-card__cta { display: none; }
}

/* ══════════════════════════════════════════════════════════════
   СТРАНИЦА КНИГИ (/namaz/book)
══════════════════════════════════════════════════════════════ */
.namaz-book-page { padding: 32px 0 64px; }
.namaz-book-wrap { max-width: 800px; margin: 0 auto; }

.nb-head { margin-bottom: 24px; }
.nb-title-row {
    display: flex; align-items: flex-start;
    justify-content: space-between; gap: 16px;
    margin-top: 10px; flex-wrap: wrap;
}
.nb-title {
    font-family: var(--font-display);
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 400; color: var(--ink); line-height: 1.15;
    margin-bottom: 4px;
}
.nb-desc { font-size: 13.5px; color: var(--muted); }

/* Кнопка скачать */
.nb-download-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 22px;
    background: var(--teal); color: #fff;
    font-size: 14px; font-weight: 600;
    font-family: var(--font-body);
    border-radius: 24px; text-decoration: none;
    flex-shrink: 0; white-space: nowrap;
    transition: background var(--tr);
}
.nb-download-btn:hover { background: var(--teal-dark); }

/* PDF iframe — только на десктопе */
.nb-pdf--desktop {
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--sh-md);
    border: 1px solid var(--cream-2);
}
.nb-pdf-iframe {
    display: block;
    width: 100%; height: 75vh; min-height: 560px;
    border: none;
}

/* Мобиль fallback — скрыт на десктопе */
.nb-pdf-mobile { display: none; }

@media (max-width: 640px) {
    /* Скрываем PDF iframe на мобиле */
    .nb-pdf--desktop { display: none; }

    /* Показываем карточку скачивания */
    .nb-pdf-mobile {
        display: flex; flex-direction: column;
        align-items: center; gap: 20px;
        padding: 48px 24px;
        background: var(--mint-soft);
        border-radius: var(--r-lg);
        text-align: center;
        margin-top: 8px;
    }
    .nb-pdf-mobile__icon {
        width: 80px; height: 80px;
        background: var(--white);
        border-radius: var(--r-md);
        box-shadow: var(--sh-sm);
        display: flex; align-items: center; justify-content: center;
        color: var(--teal);
    }
    .nb-pdf-mobile__text {
        font-size: 15px; color: var(--ink-2); line-height: 1.6;
        max-width: 280px;
    }
}