/* ============================================================
   3D HOVER EFFECT — Professional card depth (KTBS/NCERT style)
   Applies to: Chapter cards, Quick Nav cards, Category cards,
   Tool cards, PDF cards, Download cards
   ============================================================ */

.up-chapter-card,
.up-content-card,
.up-pdf-card,
.up-quick-access-card,
.up-category-card,
.up-tool-card,
.up-download-card,
.up-quick-link-card {
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 350ms ease;
    will-change: transform;
}

.up-chapter-card:hover,
.up-content-card:hover,
.up-pdf-card:hover,
.up-quick-access-card:hover,
.up-category-card:hover,
.up-tool-card:hover,
.up-download-card:hover,
.up-quick-link-card:hover {
    transform: perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 91, 172, 0.18), 0 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 10;
    position: relative;
}

.up-chapter-card,
.up-content-card,
.up-pdf-card {
    position: relative;
    overflow: hidden;
}
.up-chapter-card::before,
.up-content-card::before,
.up-pdf-card::before {
    content: "";
    position: absolute;
    top: 0; right: 0; left: 0;
    height: 3px;
    background: linear-gradient(90deg, #005BAC, #00A651);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 350ms ease;
}
.up-chapter-card:hover::before,
.up-content-card:hover::before,
.up-pdf-card:hover::before {
    transform: scaleX(1);
}

.up-chapter-card:hover .up-btn-primary,
.up-content-card:hover .up-btn-primary {
    box-shadow: 0 4px 10px rgba(0, 91, 172, 0.3);
}

@media (hover: none) {
    .up-chapter-card:hover,
    .up-content-card:hover,
    .up-pdf-card:hover,
    .up-quick-access-card:hover,
    .up-category-card:hover,
    .up-tool-card:hover,
    .up-download-card:hover,
    .up-quick-link-card:hover {
        transform: translateY(-4px);
    }
}