/**
 * Trang chi tiết chương (san-pham-detail.php) — tách từ inline <style> 2026-08-05.
 *
 * @skill hatdaukhaai-seo-internal-links-ssr
 * @see .agents/skills/hatdaukhaai-seo-internal-links-ssr/SKILL.md
 * @see .agents/skills/hatdaukhaai-story-recommendations/SKILL.md (bottom-nav spacing)
 */

/* --- Block 1: hidden-story contact card + auto-scroll (đầu file san-pham-detail.php) --- */
.hdk-hidden-story-contact-card {
    border: 1px solid var(--hdk-border, #e1eaef);
    border-radius: 14px;
    background: var(--hdk-background, #fff);
    padding: 1rem;
    margin: 0.4rem 0;
}

.hdk-hidden-story-contact-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--hdk-text-primary, #0f1419);
    margin-bottom: 0.5rem;
}

.hdk-hidden-story-contact-text {
    font-size: 0.92rem;
    color: var(--hdk-text-secondary, #536471);
    margin-bottom: 0.65rem;
}

.hdk-hidden-story-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.hdk-hidden-story-contact-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0.62rem 0.95rem;
    font-size: 0.84rem;
    font-weight: 600;
}

.hdk-hidden-story-contact-btn.primary {
    background: var(--hdk-primary, #54cfd6);
    color: #fff;
}

.hdk-hidden-story-contact-btn.outline {
    border: 1px solid var(--hdk-border, #e1eaef);
    color: var(--hdk-text-primary, #0f1419);
    background: transparent;
}

html.dark .hdk-hidden-story-contact-card,
body.dark-mode .hdk-hidden-story-contact-card {
    background: #17181c;
    border-color: #2f3336;
}

html.dark .hdk-hidden-story-contact-title,
body.dark-mode .hdk-hidden-story-contact-title {
    color: #e7e9ea;
}

html.dark .hdk-hidden-story-contact-text,
body.dark-mode .hdk-hidden-story-contact-text {
    color: #9aa0a6;
}

html.dark .hdk-hidden-story-contact-btn.primary,
body.dark-mode .hdk-hidden-story-contact-btn.primary {
    background: #2f3336;
    color: #fff;
}

html.dark .hdk-hidden-story-contact-btn.outline,
body.dark-mode .hdk-hidden-story-contact-btn.outline {
    border-color: #2f3336;
    color: #e7e9ea;
}

/* Auto-scroll optimizations */
html.hdk-auto-scroll-running,
html.hdk-auto-scroll-running body {
    scroll-behavior: auto !important;
}

html.hdk-auto-scroll-running .hd-mobile-tools,
html.hdk-auto-scroll-running .hd-auto-scroll-floating-stop {
    transform: translateZ(0);
    backface-visibility: hidden;
}

html.hdk-auto-scroll-running .hd-mobile-tools {
    box-shadow: none;
}

html.hdk-auto-scroll-running .hd-auto-scroll-floating-stop {
    transition: none;
}

/* --- Block 2: bottom-nav desktop margin (gần bottom nav san-pham-detail.php) --- */
@media (min-width: 992px) {
    .hd-trang-truyen-chi-tiet-bottom-nav {
        margin-bottom: 28px;
    }
}