/**
 * PinkDocs hero blocks (Hero, Hero with Search, Hero with Image).
 * Colours come from --pinkdocs-brand-color / --pinkdocs-brand-color-rgb, set per knowledge base by
 * the PinkDocs templates (or globally by PinkDocs on other pages).
 */
.pinkdocs-hero-section, div.pinkdocs-hero-section, .pinkdocs-hero-search-section, div.pinkdocs-hero-search-section,
.pinkdocs-docs-root .pinkdocs-hero-section, .pinkdocs-wrapper .pinkdocs-hero-section,
.pinkdocs-docs-root .pinkdocs-hero-search-section, .pinkdocs-wrapper .pinkdocs-hero-search-section {
    background: rgba(var(--pinkdocs-brand-color-rgb), 0.08) !important;
    padding: 60px 24px !important;
    margin: 20px 0 !important;
    border-radius: calc(var(--border-roundness, 8px) * 2.5) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
[data-theme="dark"] .pinkdocs-hero-section, [data-theme="dark"] div.pinkdocs-hero-section,
[data-theme="dark"] .pinkdocs-hero-search-section, [data-theme="dark"] div.pinkdocs-hero-search-section,
[data-theme="dark"] .pinkdocs-docs-root .pinkdocs-hero-section, [data-theme="dark"] .pinkdocs-wrapper .pinkdocs-hero-section,
[data-theme="dark"] .pinkdocs-docs-root .pinkdocs-hero-search-section, [data-theme="dark"] .pinkdocs-wrapper .pinkdocs-hero-search-section,
.pinkdocs-docs-root[data-theme="dark"] .pinkdocs-hero-section, .pinkdocs-wrapper[data-theme="dark"] .pinkdocs-hero-section,
.pinkdocs-docs-root[data-theme="dark"] .pinkdocs-hero-search-section, .pinkdocs-wrapper[data-theme="dark"] .pinkdocs-hero-search-section {
    background: rgba(var(--pinkdocs-brand-color-rgb), 0.15) !important;
}
.pinkdocs-hero-section h1, .pinkdocs-hero-search-section h1, .pinkdocs-hero-section .pinkdocs-hero-content h1 {
    font-size: 48px !important; font-weight: 800 !important; line-height: 1.2 !important;
    margin: 0 0 20px !important; color: var(--text-primary, #111827) !important;
}
[data-theme="dark"] .pinkdocs-hero-section h1, [data-theme="dark"] .pinkdocs-hero-search-section h1 { color: #fff !important; }
.pinkdocs-hero-section p, .pinkdocs-hero-search-section p, .pinkdocs-hero-section .pinkdocs-hero-content p {
    font-size: 18px !important; line-height: 1.6 !important; margin: 0 auto 40px !important;
    max-width: 600px !important; color: var(--text-secondary, #6b7280) !important;
}
[data-theme="dark"] .pinkdocs-hero-section p, [data-theme="dark"] .pinkdocs-hero-search-section p { color: #e5e7eb !important; }
.pinkdocs-hero-section .pinkdocs-version-tag, .pinkdocs-hero-search-section .pinkdocs-version-tag {
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
    padding: 8px 16px 8px 8px !important; margin-bottom: 24px !important;
    background: rgba(255,255,255,0.9) !important; border-radius: calc(var(--border-roundness, 8px) * 3) !important;
    border: 1px solid rgba(var(--pinkdocs-brand-color-rgb), 0.2) !important;
}
[data-theme="dark"] .pinkdocs-hero-section .pinkdocs-version-tag, [data-theme="dark"] .pinkdocs-hero-search-section .pinkdocs-version-tag {
    background: rgba(var(--pinkdocs-brand-color-rgb), 0.15) !important; border-color: rgba(var(--pinkdocs-brand-color-rgb), 0.25) !important;
}
.pinkdocs-hero-section .pinkdocs-version-number, .pinkdocs-hero-search-section .pinkdocs-version-number {
    background: var(--pinkdocs-brand-color) !important; color: #fff !important;
    padding: 6px 12px !important; border-radius: calc(var(--border-roundness, 8px) * 2) !important; font-size: 13px !important; font-weight: 600 !important;
}
.pinkdocs-hero-section .pinkdocs-version-title, .pinkdocs-hero-search-section .pinkdocs-version-title {
    font-size: 14px !important; font-weight: 500 !important; color: var(--text-primary, #111827) !important;
}
[data-theme="dark"] .pinkdocs-hero-section .pinkdocs-version-title, [data-theme="dark"] .pinkdocs-hero-search-section .pinkdocs-version-title { color: #fff !important; }
.pinkdocs-hero-button, .pinkdocs-hero-section a.pinkdocs-hero-button, .pinkdocs-hero-button-solid {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    padding: 14px 32px !important; background: var(--pinkdocs-brand-color) !important; color: #fff !important;
    font-size: 16px !important; font-weight: 600 !important; border-radius: calc(var(--border-roundness, 8px) * 1.5) !important;
    text-decoration: none !important; border: none !important; cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(var(--pinkdocs-brand-color-rgb), 0.3) !important; transition: all 0.3s ease !important;
}
.pinkdocs-hero-button:hover, .pinkdocs-hero-section a.pinkdocs-hero-button:hover {
    transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(var(--pinkdocs-brand-color-rgb), 0.4) !important; filter: brightness(1.1) !important;
}
.pinkdocs-hero-search-container { max-width: 600px !important; margin: 0 auto !important; width: 100% !important; }
.pinkdocs-hero-search-trigger {
    display: flex !important; align-items: center !important; padding: 16px 20px !important;
    background: #fff !important; border-radius: calc(var(--border-roundness, 8px) * 1.5) !important; border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; cursor: pointer !important;
}
[data-theme="dark"] .pinkdocs-hero-search-trigger { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.1) !important; }
.pinkdocs-hero-with-image, .pinkdocs-hero-section:has(.pinkdocs-hero-image) { flex-direction: row !important; gap: 40px !important; align-items: center !important; padding: 14px 24px !important; margin: 10px 0 !important; }
.pinkdocs-hero-with-image .pinkdocs-hero-content, .pinkdocs-hero-section .pinkdocs-hero-content { flex: 1 !important; max-width: 550px !important; text-align: center !important; }
.pinkdocs-hero-with-image .pinkdocs-hero-image, .pinkdocs-hero-section .pinkdocs-hero-image { flex: 1 !important; max-width: 500px !important; min-width: 0 !important; }
.pinkdocs-hero-with-image .pinkdocs-hero-image img, .pinkdocs-hero-section .pinkdocs-hero-image img { width: 100% !important; height: auto !important; border-radius: calc(var(--border-roundness, 8px) * 1.5) !important; display: block !important; }
.pinkdocs-hero-section, .pinkdocs-hero-search-section { box-sizing: border-box !important; max-width: 100% !important; }
.pinkdocs-hero-content { box-sizing: border-box !important; max-width: 100% !important; }
@media (max-width: 768px) {
    .pinkdocs-hero-with-image, .pinkdocs-hero-section:has(.pinkdocs-hero-image) { flex-direction: column !important; padding: 24px 16px !important; margin: 12px 0 !important; gap: 24px !important; }
    .pinkdocs-hero-with-image .pinkdocs-hero-content, .pinkdocs-hero-section:has(.pinkdocs-hero-image) .pinkdocs-hero-content { max-width: 100% !important; }
    .pinkdocs-hero-with-image .pinkdocs-hero-image, .pinkdocs-hero-section:has(.pinkdocs-hero-image) .pinkdocs-hero-image { max-width: 100% !important; min-width: 0 !important; }
    .pinkdocs-hero-section, .pinkdocs-hero-search-section { padding: 48px 16px !important; }
    .pinkdocs-hero-section h1, .pinkdocs-hero-search-section h1, .pinkdocs-hero-section .pinkdocs-hero-content h1 { font-size: 35px !important; }
    .pinkdocs-hero-section p, .pinkdocs-hero-search-section p { font-size: 16px !important; }
    .pinkdocs-hero-search-trigger { padding: 12px 16px !important; }
}
@media (max-width: 480px) {
    .pinkdocs-hero-with-image, .pinkdocs-hero-section:has(.pinkdocs-hero-image) { padding: 20px 12px !important; margin: 10px 0 !important; gap: 20px !important; }
    .pinkdocs-hero-section, .pinkdocs-hero-search-section { padding: 32px 12px !important; border-radius: calc(var(--border-roundness, 8px) * 1.5) !important; }
    .pinkdocs-hero-section h1, .pinkdocs-hero-search-section h1, .pinkdocs-hero-section .pinkdocs-hero-content h1 { font-size: 35px !important; line-height: 1.25 !important; }
    .pinkdocs-hero-section p, .pinkdocs-hero-search-section p { font-size: 14px !important; }
    .pinkdocs-hero-search-trigger { padding: 10px 14px !important; }
    .pinkdocs-hero-search-shortcut { display: none !important; }
    .pinkdocs-hero-button, .pinkdocs-hero-section a.pinkdocs-hero-button { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 12px 24px !important; font-size: 14px !important; }
}