/* Book site pass-3 overrides (Jun 2026) */

/* Hero buttons on blue gradient */
.hero .btn-secondary,
.book-hero .btn-secondary {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
}

.hero .btn-secondary:hover,
.book-hero .btn-secondary:hover {
    background-color: #ffffff;
    color: #0066CC;
}

.hero .btn-primary:active,
.hero .btn-primary:focus,
.book-hero .btn-primary:active,
.book-hero .btn-primary:focus {
    background-color: #004C99;
    color: #ffffff;
}

/* Book page cover — don't dominate the viewport */
.book-hero-image img,
.book-hero-image picture img {
    max-width: 280px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* Card contrast + hover */
.benefit-card,
.tool-card,
.story-card,
.resource-card,
.blog-card {
    border: 1px solid rgba(0, 102, 204, 0.15);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

.benefit-card:hover,
.tool-card:hover,
.story-card:hover,
.resource-card:hover,
.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 14px 32px rgba(0, 102, 204, 0.18);
    border-color: rgba(0, 168, 132, 0.45);
}

/* Blog placeholders (no posts yet) */
.blog-image--placeholder {
    min-height: 140px;
    background: linear-gradient(135deg, #e8f4fc 0%, #d4ede8 100%);
}

/* Newsletter — prevent clipping */
.newsletter,
.newsletter-content {
    overflow: visible;
}

.newsletter-content {
    padding-bottom: 2rem;
}

/* Footer legal row */
.footer-legal {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
    font-size: 0.9rem;
}

.footer-legal a {
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0.35rem;
}

.footer-legal a:hover {
    color: #00A884;
}

/* AEO extended FAQ link — subtle */
.faq-aeo-link {
    margin-top: 2rem;
    font-size: 0.95rem;
    color: var(--gray-dark);
    text-align: center;
}

.faq-aeo-link a {
    color: var(--aims-teal);
    font-weight: 600;
}
