/* ==========================================
   KhoTruyen Card & Item Component Styles
   ========================================== */

/* --- 1. Grid Card Styles (Mockup lưới.png) --- */
.kt-grid-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.kt-grid-cover-wrap {
    aspect-ratio: 2 / 3;
    background-color: #f1f5f9;
}

.kt-grid-img {
    transition: transform 0.35s ease;
}

.kt-grid-card:hover .kt-grid-img {
    transform: scale(1.06);
}

.kt-grid-badge {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.kt-grid-title {
    line-height: 1.35;
    font-size: 0.925rem;
}

.kt-grid-title a {
    color: var(--gdwp-text-heading, #0f172a);
    transition: color 0.2s ease;
}

.kt-grid-title a:hover {
    color: var(--gdwp-primary) !important;
}

/* --- 2. List Card Styles (Mockup danh sách.png) --- */
.kt-list-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.kt-list-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--gdwp-shadow-hover) !important;
    border-color: rgba(var(--gdwp-primary-rgb), 0.3) !important;
}

.kt-list-title a {
    color: var(--gdwp-text-heading, #0f172a);
    transition: color 0.2s ease;
}

.kt-list-title a:hover {
    color: var(--gdwp-primary) !important;
}

.kt-btn-read {
    transition: all 0.2s ease;
}

.kt-btn-read:hover {
    background-color: var(--gdwp-accent) !important;
    border-color: var(--gdwp-accent) !important;
    color: #ffffff !important;
}

/* --- 3. Single Chapter Item Styles --- */
.kt-chapter-row {
    transition: background-color 0.15s ease;
}

.kt-chapter-row:hover {
    background-color: var(--gdwp-bg-light, #f8fafc);
}

.kt-chapter-row a:hover {
    color: var(--gdwp-primary) !important;
}

/* Dark mode card adaptations */
.dark-mode .kt-list-card {
    background-color: var(--gdwp-card-bg, #111827) !important;
    border-color: var(--gdwp-border-color, #1e293b) !important;
}

.dark-mode .kt-grid-cover-wrap {
    background-color: #1e293b;
}

.dark-mode .kt-chapter-row:hover {
    background-color: #1e293b !important;
}