/* ============================================================
   JOB PORTAL CHILD — single.css
   Loaded only on is_single(). Styles the imported post content.
   ============================================================ */

.jp-single { background: #fff; }

.jp-post-article {
    max-width: 860px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem;
}

/* ── Title ───────────────────────────────────────────────── */
.jp-post-header { margin-bottom: 1.5rem; }
.jp-post-title  {
    font-size: 1.75rem; line-height: 1.3;
    color: #2c2c2c; font-weight: 700; margin: 0;
}

/* ── Featured image: never show on single ────────────────── */
.generate-featured-image { display: none !important; }

/* ── Post body ───────────────────────────────────────────── */
.jp-post-content {
    font-size: 1rem; line-height: 1.8; color: #333;
}
.jp-post-content h2 { font-size: 1.375rem; color: #2c2c2c; margin: 2rem 0 .75rem; font-weight: 700; }
.jp-post-content h3 { font-size: 1.125rem; color: #2c2c2c; margin: 1.5rem 0 .5rem;  font-weight: 700; }
.jp-post-content p  { margin-bottom: 1.25rem; }
.jp-post-content img {
    max-width: 100%; height: auto; border-radius: 6px;
    display: block; margin: 1.5rem auto;
}
.jp-post-content a       { color: #ff6600; text-decoration: underline; }
.jp-post-content ul,
.jp-post-content ol      { margin: .75rem 0 1.25rem 1.5rem; }
.jp-post-content li      { margin-bottom: .5rem; line-height: 1.7; }
.jp-post-content span:empty { display: none; }

/* ── Centered image block (from importer) ────────────────── */
.jp-img-center { text-align: center; margin: 1.5rem 0; }
.jp-img-center img { max-width: 100%; height: auto; border-radius: 6px; }

/* ── CTA buttons (from importer) ─────────────────────────── */
/* Inherits .jp-cta-buttons from main.css */

/* ── Ads ─────────────────────────────────────────────────── */
.jp-post-ad   { margin: 2rem 0; text-align: center; }
.jp-post-ad-2 { max-width: 860px; margin: 0 auto 2rem; padding: 0 1.25rem; }

/* ── Post navigation ─────────────────────────────────────── */
.jp-post-nav {
    margin: 2.5rem 0 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
}
.jp-post-nav-links {
    display: flex; justify-content: space-between;
    gap: 1rem; flex-wrap: wrap;
}
.jp-nav-prev, .jp-nav-next {
    color: #ff6600; text-decoration: none;
    font-size: .9rem; font-weight: 600;
    flex: 1; min-width: 0;
}
.jp-nav-prev { text-align: left; }
.jp-nav-next { text-align: right; }
.jp-nav-prev:hover, .jp-nav-next:hover { text-decoration: underline; }

/* ── Desktop padding ─────────────────────────────────────── */
@media (min-width: 768px) {
    .jp-post-article { padding: 2.5rem 2rem; }
    .jp-post-title   { font-size: 2.25rem; }
    .jp-post-content h2 { font-size: 1.625rem; }
}