/* 14-enhancements.css - Recent public-site enhancements
 * Part of the Pulsar67 marketing stylesheet bundle.
 * Load order is defined in templates/layouts/_marketing_styles.html
 */

/* ---------- Public site enhancements ---------- */
.p67-breadcrumbs {
    padding: 1.25rem 0 0;
    font-size: 0.875rem;
    color: var(--p67-text-muted);
}

.p67-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.p67-breadcrumbs li:not(:last-child)::after {
    content: "/";
    margin-left: 0.5rem;
    color: var(--p67-text-dim);
}

.p67-breadcrumbs a {
    color: var(--p67-text-muted);
}

.p67-breadcrumbs a:hover {
    color: var(--p67-primary-2);
}

.p67-faq-list {
    display: grid;
    gap: 1rem;
}

.p67-faq-item {
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--p67-border);
    border-radius: var(--p67-radius-lg);
    background: var(--p67-surface);
}

.p67-faq-item h3 {
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
}

.p67-faq-item p {
    margin: 0;
    color: var(--p67-text-muted);
}

.p67-testimonial-card {
    height: 100%;
    padding: 1.5rem;
    border: 1px solid var(--p67-border);
    background: var(--p67-surface);
}

.p67-testimonial-card p {
    margin-bottom: 1rem;
    color: var(--p67-text);
}

.p67-testimonial-card footer {
    font-size: 0.875rem;
    color: var(--p67-text-dim);
}

.p67-bento-card-link {
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.p67-bento-card-link:hover {
    transform: translateY(-2px);
    border-color: var(--p67-border-strong);
    color: inherit;
}

html[data-p67-theme="light"] .p67-faq-item,
html[data-p67-theme="light"] .p67-testimonial-card {
    background: #fff;
}