/* findaiboyfriend.com — custom styles, Tailwind CDN handles the rest */

html { scroll-behavior: smooth; }

/* FAQ accordion */
.faq-answer { transition: max-height 0.25s ease-out; }

/* Line clamp utilities */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Scroll offset for sticky header */
[id] { scroll-margin-top: 5rem; }

/* Newsletter input */
input::placeholder { opacity: 0.7; }

/* Subtle card lift on hover */
.group:hover { transform: translateY(-2px); }

/* Header: fully transparent at top, dark on scroll (like flocus) */
#site-header {
    background: none;
}
#site-header.scrolled {
    background-color: #0f0a2e;
    backdrop-filter: blur(12px);
}
#site-header.scrolled .header-brand-text,
#site-header.scrolled .header-nav-link {
    color: #fff;
}
#site-header.scrolled .header-sub-text {
    color: rgba(255, 255, 255, 0.5);
}
#site-header.scrolled .header-nav-link:hover {
    opacity: 0.7;
}

/* Prose table styling for blog posts */
.prose table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.prose thead {
    border-bottom: 2px solid #d4d0d8;
}
.prose th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}
.prose td {
    padding: 0.75rem 1rem;
    border-top: 1px solid #eeedf2;
}
.prose tbody tr:hover {
    background-color: #f8f7f9;
}
/* Responsive: horizontal scroll on narrow screens */
.prose table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.prose thead,
.prose tbody,
.prose tr,
.prose th,
.prose td {
    display: revert;
}

/* Feature card gradient (matches flocus) */
.feature-card {
    background: linear-gradient(180deg, #F1E6FF 0%, #FFEBD8 100%);
    border-radius: 1.25rem;
}