/**
 * Leshey Digital Core Plugin - Frontend Styles
 */

/* ── Reading Time Bar ── */
.ld-reading-time-bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--ld-border, #E2EAEA);
    font-size: 0.85rem;
    color: var(--ld-gray-500, #6B7E7E);
}

.ld-reading-time svg {
    vertical-align: -2px;
    margin-right: 2px;
}

/* ── Lead Form Wrappers ── */
.ld-lead-form-wrap {
    max-width: 520px;
}

.ld-lead-form-wrap--card {
    background: var(--ld-white, #fff);
    border-radius: var(--ld-radius-lg, 16px);
    padding: 2rem;
    box-shadow: var(--ld-shadow-md, 0 4px 12px rgba(0,0,0,0.08));
    border: 1px solid var(--ld-border, #E2EAEA);
}

.ld-lead-form-wrap--hero {
    background: var(--ld-white, #fff);
    border-radius: var(--ld-radius-lg, 16px);
    padding: 2rem;
    box-shadow: var(--ld-shadow-xl, 0 16px 50px rgba(0,0,0,0.16));
    max-width: 100%;
}

.ld-lead-form__title {
    font-family: var(--ld-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ld-navy, #1B2A4A);
    margin-bottom: 0.25rem;
}

.ld-lead-form__subtitle {
    font-size: 0.88rem;
    color: var(--ld-gray-500, #6B7E7E);
    margin-bottom: 1.25rem;
}

.ld-lead-form__privacy {
    font-size: 0.78rem;
    color: var(--ld-gray-500, #6B7E7E);
    margin-top: 0.75rem;
    text-align: center;
}

/* ── Inline Form (Hero) ── */
.ld-lead-form--inline .ld-lead-form__inline-row {
    display: flex;
    gap: 0.5rem;
}

.ld-lead-form--inline .ld-form__input {
    flex: 1;
}

@media (max-width: 640px) {
    .ld-lead-form--inline .ld-lead-form__inline-row {
        flex-direction: column;
    }
}

/* ── Mid-Content CTA ── */
.ld-post-cta--mid {
    border-left-color: var(--ld-teal, #0EA5A0);
    background: var(--ld-teal-glow, rgba(14, 165, 160, 0.12));
    border-color: rgba(14, 165, 160, 0.2);
}

.ld-post-cta--mid p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.ld-post-cta--mid a {
    color: var(--ld-teal, #0EA5A0);
    font-weight: 600;
}