/*!
 * Single Case-Study post styling — applies ONLY to single `pkc-casestudy`.
 * Enqueued conditionally in functions.php via is_singular('pkc-casestudy').
 * Loaded LAST so it wins the cascade over the blanket style.css rules.
 *
 * Page structure (single-pkc-casestudy.php + content-pkc-casestudy.php):
 *   .container.my-5
 *   └── .row > .col-12
 *       └── main.site-main
 *           └── .container-fluid.test_developer
 *               └── article.pkc-casestudy
 *                   ├── header.entry-header > h1.entry-title.arc-cs-ttl
 *                   ├── .entry-content   — h3 About the Client / Engagement /
 *                   │                       Support / Results + p, ul, img
 *                   ├── #post-signup    — "How PKC can help you" banner
 *                   └── footer.entry-footer
 *           └── nav.post-navigation
 *           └── .nav-all   — "View all Case Studies"
 */

/* ─────────────────────────────────────────────────────────────────
 * 0. Page wrapper backdrop
 * ───────────────────────────────────────────────────────────────── */
body.single-pkc-casestudy .container.my-5 {
    background: #f6f8fb !important;
    padding: 36px 0 56px !important;
    margin: 0 !important;
    max-width: 100% !important;
}
body.single-pkc-casestudy .container.my-5 > .row {
    max-width: 1100px;
    margin: 0 auto !important;
}
body.single-pkc-casestudy .test_developer {
    padding: 0 !important;
    max-width: 100% !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 1. Article card
 * ───────────────────────────────────────────────────────────────── */
body.single-pkc-casestudy article.pkc-casestudy,
body.single-pkc-casestudy .test_developer > article {
    background: #fff !important;
    border: 1px solid #eef1f7 !important;
    border-radius: 14px !important;
    padding: 36px 40px !important;
    box-shadow: 0 6px 24px rgba(0, 38, 122, 0.06) !important;
    margin: 0 0 24px !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 2. Entry header
 * ───────────────────────────────────────────────────────────────── */
body.single-pkc-casestudy .entry-header {
    margin: 0 0 24px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #eef1f7 !important;
    text-align: left !important;
}
body.single-pkc-casestudy .entry-header .entry-title,
body.single-pkc-casestudy .entry-title.arc-cs-ttl {
    font-size: 2rem !important;          /* 32px */
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #0d1937 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: none !important;
    border: 0 !important;
}
/* Decorative yellow underbar matching the rest of the site */
body.single-pkc-casestudy .entry-header::after {
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    background: #f2c433;
    border-radius: 2px;
    margin-top: 12px;
}

/* ─────────────────────────────────────────────────────────────────
 * 3. Entry content typography
 * ───────────────────────────────────────────────────────────────── */
body.single-pkc-casestudy .entry-content {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: #2c2f36 !important;
}
body.single-pkc-casestudy .entry-content p {
    margin: 0 0 16px !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: #2c2f36 !important;
}
body.single-pkc-casestudy .entry-content a {
    color: #1a4cd0 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(26, 76, 208, 0.35) !important;
    text-underline-offset: 3px;
    background: transparent !important;
    font-size: inherit !important;
    display: inline !important;
}
body.single-pkc-casestudy .entry-content a:hover {
    color: #00267a !important;
    text-decoration-color: currentColor !important;
}

/* H3 — section titles (About the Client / Engagement Objectives / Support / Results) */
body.single-pkc-casestudy .entry-content h3 {
    font-size: 1.375rem !important;      /* 22px */
    font-weight: 800 !important;
    color: #0d1937 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    margin: 28px 0 12px !important;
    padding: 0 0 8px !important;
    border-bottom: 2px solid #f2c433 !important;
    display: inline-block !important;
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
    scroll-margin-top: 100px;
}
body.single-pkc-casestudy .entry-content h3:first-child { margin-top: 0 !important; }

/* H5 — sub-section titles inside "Support by PKC" */
body.single-pkc-casestudy .entry-content h5 {
    font-size: 1.0625rem !important;     /* 17px */
    font-weight: 700 !important;
    color: #1f2a44 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    margin: 22px 0 10px !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, rgba(0, 38, 122, 0.06) 0%, rgba(242, 196, 51, 0.10) 100%) !important;
    border-left: 3px solid #f2c433 !important;
    border-radius: 0 8px 8px 0 !important;
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
}
body.single-pkc-casestudy .entry-content h5 br { display: none; }

/* H4 (rarely used but cover it) */
body.single-pkc-casestudy .entry-content h4 {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: #1f2a44 !important;
    line-height: 1.4 !important;
    margin: 22px 0 10px !important;
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Lists — Engagement Objectives, Results, etc. */
body.single-pkc-casestudy .entry-content ul,
body.single-pkc-casestudy .entry-content ol {
    padding-left: 0 !important;
    margin: 0 0 18px !important;
    list-style: none !important;
}
body.single-pkc-casestudy .entry-content ul li,
body.single-pkc-casestudy .entry-content ol li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
    line-height: 1.7;
    color: #2c2f36;
    font-size: 1rem !important;
}
body.single-pkc-casestudy .entry-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    background: rgba(242, 196, 51, 0.18);
    color: #b88a00;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}
body.single-pkc-casestudy .entry-content ol { counter-reset: cs-counter; }
body.single-pkc-casestudy .entry-content ol li::before {
    counter-increment: cs-counter;
    content: counter(cs-counter);
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    background: #00267a;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}
body.single-pkc-casestudy .entry-content li strong,
body.single-pkc-casestudy .entry-content li b {
    color: #0d1937;
    font-weight: 700;
}
body.single-pkc-casestudy .entry-content li br { display: none; }

/* Images inside content — hero on first, inline otherwise */
body.single-pkc-casestudy .entry-content img,
body.single-pkc-casestudy .entry-content figure img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    display: block;
    margin: 18px auto;
}
/* The first <p> often contains just the featured image — give it spotlight */
body.single-pkc-casestudy .entry-content p:first-child img,
body.single-pkc-casestudy .entry-content > p:first-of-type img {
    float: right;
    max-width: 320px !important;
    margin: 0 0 18px 24px;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0, 38, 122, 0.12);
}
body.single-pkc-casestudy .entry-content figure { margin: 18px 0 !important; }

body.single-pkc-casestudy .entry-content blockquote {
    border-left: 4px solid #f2c433 !important;
    background: #fff8e1 !important;
    padding: 18px 22px !important;
    border-radius: 0 8px 8px 0 !important;
    margin: 22px 0 !important;
    font-style: italic;
    color: #3a3f4d;
}
body.single-pkc-casestudy .entry-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 18px 0 !important;
    font-size: 0.9375rem;
}
body.single-pkc-casestudy .entry-content table th,
body.single-pkc-casestudy .entry-content table td {
    padding: 10px 12px !important;
    border: 1px solid #e5e9f2 !important;
    text-align: left;
}
body.single-pkc-casestudy .entry-content table th {
    background: #f6f8fb !important;
    font-weight: 700;
    color: #1f2a44;
}

/* ─────────────────────────────────────────────────────────────────
 * 3b. Testimonials slider (#tstmnlsld) — only on some case studies
 *     (e.g. /case-study/sell-side-acquisition-…/). The post content
 *     ships an inline <style> rule that forces every h1-h4 inside the
 *     article to 2.4em Poppins — that's what's making the names, roles
 *     and quote text gigantic. Override per-element + style the Owl
 *     nav arrows so the slider has a clean, consistent look.          */
body.single-pkc-casestudy section.hp-sec:has(#tstmnlsld) {
    margin: 32px 0 0;
}
body.single-pkc-casestudy #tstmnlsld {
    margin-top: 16px;
}
body.single-pkc-casestudy section.hp-sec > .container { padding: 0 !important; }
body.single-pkc-casestudy section.hp-sec h2 {
    font-size: 1.625rem !important;     /* 26px section heading */
    font-weight: 800 !important;
    color: #0d1937 !important;
    margin: 0 0 16px !important;
    padding: 0 0 8px !important;
    border-bottom: 2px solid #f2c433 !important;
    display: inline-block !important;
    line-height: 1.25 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Quote card — overrides .cus_owl_css inline styles + the 2.4em heading rule */
body.single-pkc-casestudy #tstmnlsld .item.tstmnl { margin: 0 !important; padding: 0 !important; }
body.single-pkc-casestudy #tstmnlsld .item.tstmnl > .row { margin: 0 !important; padding: 0 !important; gap: 18px; }
body.single-pkc-casestudy #tstmnlsld .cus_owl_css {
    background: #fff !important;
    border: 1px solid #eef1f7 !important;
    border-radius: 12px !important;
    padding: 24px 22px 22px !important;
    box-shadow: 0 4px 14px rgba(0, 38, 122, 0.05);
    position: relative;
    overflow: hidden;
    flex: 1 1 calc(50% - 9px);
    max-width: calc(50% - 9px);
}
@media (max-width: 767px) {
    body.single-pkc-casestudy #tstmnlsld .cus_owl_css {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
/* Kill the legacy border lines + the giant decorative quote glyph */
body.single-pkc-casestudy #tstmnlsld .cus_border_right,
body.single-pkc-casestudy #tstmnlsld .cus_border_left,
body.single-pkc-casestudy #tstmnlsld .cus_border_top,
body.single-pkc-casestudy #tstmnlsld .cus_border_bottom {
    border: 0 !important;
}
body.single-pkc-casestudy #tstmnlsld .tstmnl-spacer {
    width: auto !important;
    height: 2px;
    background: #f2c433;
    display: block !important;
    margin: 10px 0 14px !important;
    max-width: 40px;
    border-radius: 2px;
    float: none !important;
}
body.single-pkc-casestudy #tstmnlsld .tstmnl-spacer span { display: none !important; }
body.single-pkc-casestudy #tstmnlsld .tstmnl-person {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* Quote text + author — override `h3,h1,h4,h2 { font-size: 2.4em }` */
body.single-pkc-casestudy #tstmnlsld .tstmnl-person h4,
body.single-pkc-casestudy #tstmnlsld .tstmnl-person h4 b {
    font-size: 1.125rem !important;     /* 18px name */
    font-weight: 700 !important;
    color: #0d1937 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    font-family: 'Poppins', sans-serif !important;
    border: 0 !important;
    text-transform: none !important;
}
body.single-pkc-casestudy #tstmnlsld .tstmnl-person p {
    margin: 0 0 8px !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    color: #5a6072 !important;
    font-weight: 500 !important;
}
body.single-pkc-casestudy #tstmnlsld .tstmnl-person p:nth-of-type(2),
body.single-pkc-casestudy #tstmnlsld .tstmnl-person p b {
    color: #3a3f4d !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    font-style: italic;
    line-height: 1.6 !important;
}
body.single-pkc-casestudy #tstmnlsld .tstmnl-person p:last-of-type {
    margin-bottom: 0 !important;
    color: #3a3f4d !important;
}

/* Subtle decorative ❝ quote glyph in the top-right corner */
body.single-pkc-casestudy #tstmnlsld .cus_owl_css::before {
    content: "“";
    position: absolute;
    top: -10px;
    right: 18px;
    font-family: Georgia, serif;
    font-size: 4rem;
    font-weight: 700;
    color: rgba(0, 38, 122, 0.10);
    line-height: 1;
    pointer-events: none;
}

/* Owl Carousel nav arrows — were rendering as raw "‹ ›" text */
body.single-pkc-casestudy #tstmnlsld .owl-nav { margin-top: 14px !important; text-align: center; }
body.single-pkc-casestudy #tstmnlsld .owl-nav button.owl-prev,
body.single-pkc-casestudy #tstmnlsld .owl-nav button.owl-next {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #e5e9f2 !important;
    color: #00267a !important;
    box-shadow: 0 4px 12px rgba(0, 38, 122, 0.12);
    font-size: 0 !important;            /* hide default ‹ › glyph */
    margin: 0 4px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background .15s ease, transform .15s ease, border-color .15s ease;
}
body.single-pkc-casestudy #tstmnlsld .owl-nav button.owl-prev::after,
body.single-pkc-casestudy #tstmnlsld .owl-nav button.owl-next::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #00267a;
    border-right: 2px solid #00267a;
    display: block;
}
body.single-pkc-casestudy #tstmnlsld .owl-nav button.owl-prev::after { transform: rotate(-135deg); margin-left: 4px; }
body.single-pkc-casestudy #tstmnlsld .owl-nav button.owl-next::after { transform: rotate(45deg);  margin-right: 4px; }
body.single-pkc-casestudy #tstmnlsld .owl-nav button:hover {
    background: #f2c433 !important;
    border-color: #f2c433 !important;
    transform: translateY(-2px);
}
body.single-pkc-casestudy #tstmnlsld .owl-nav button.disabled { opacity: 0.5; cursor: default; }
body.single-pkc-casestudy #tstmnlsld .owl-nav button:hover::after { border-color: #1f2a44 !important; }
/* Hide raw text inside the buttons (in case Owl injected text children) */
body.single-pkc-casestudy #tstmnlsld .owl-nav button > span { display: none !important; }

/* Hide dots (the inline style sets owl-dot span to display:none already) */
body.single-pkc-casestudy #tstmnlsld .owl-dots { margin-top: 8px; }

/* ─────────────────────────────────────────────────────────────────
 * 4. "How PKC can help you" CTA banner (#post-signup)
 * ───────────────────────────────────────────────────────────────── */
body.single-pkc-casestudy #post-signup {
    background: linear-gradient(135deg, #00267a 0%, #1438a6 100%) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 32px 0 0 !important;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(0, 38, 122, 0.18);
}
body.single-pkc-casestudy #post-signup .pg-serv-sucont {
    margin: 0 !important;
    padding: 10px 0;
    align-items: center !important;          /* button column centered against text */
    min-height: 0;
}
body.single-pkc-casestudy #post-signup .pg-serv-sucont > [class*="col-"] {
    padding: 0 !important;
}
body.single-pkc-casestudy #post-signup .pg-serv-suttl {
    padding: 28px 30px !important;
    color: #fff !important;
}
/* The right column wraps just the button — give it air around the CTA */
body.single-pkc-casestudy #post-signup .pg-serv-sucont > .col-12.col-lg-6.p-0,
body.single-pkc-casestudy #post-signup .pg-serv-sucont > .p-0 {
    padding: 20px 30px 20px 0 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
body.single-pkc-casestudy #post-signup .pg-serv-suttl h2 {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 8px !important;
    text-transform: none !important;
    line-height: 1.25 !important;
    border: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}
body.single-pkc-casestudy #post-signup .pg-serv-suttl p {
    font-size: 0.9375rem !important;
    color: rgba(255, 255, 255, 0.88) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm {
    display: inline-flex !important;        /* compact button — not full-width */
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 26px !important;
    background: #f2c433 !important;
    color: #1f2a44 !important;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3;
    border-radius: 8px;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
    white-space: nowrap;
}
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm:hover {
    background: #ffd84a !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm > span:first-child {
    padding: 0 !important;
    margin: 0 !important;
    color: inherit;
}
/* Override style.css legacy rules:
   - .arr_svg has width: 160px and white background on hover
   - .arr_svg svg path is filled white */
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm .arr_svg,
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm:hover .arr_svg {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0;
    padding: 0 !important;
    background: transparent !important;     /* kill the white box on hover */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease;
}
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm:hover .arr_svg { transform: translateX(4px); }
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm .arr_svg svg {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    display: block;
}
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm .arr_svg svg path,
body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm:hover .arr_svg svg path {
    fill: #1f2a44 !important;               /* navy arrow on yellow */
}

/* ─────────────────────────────────────────────────────────────────
 * 5. Post navigation (Previous / Next Case Study)
 * ───────────────────────────────────────────────────────────────── */
body.single-pkc-casestudy .post-navigation { margin: 28px 0 !important; }
body.single-pkc-casestudy .post-navigation .nav-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px !important;
}
body.single-pkc-casestudy .post-navigation a {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    padding: 14px 18px !important;
    background: #fff !important;
    border: 1px solid #e5e9f2 !important;
    border-radius: 10px !important;
    color: #1f2a44 !important;
    text-decoration: none !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body.single-pkc-casestudy .post-navigation a:hover {
    border-color: rgba(0, 38, 122, 0.25) !important;
    box-shadow: 0 8px 18px rgba(0, 38, 122, 0.08);
    transform: translateY(-2px);
}
body.single-pkc-casestudy .post-navigation .nav-subtitle {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #00267a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
body.single-pkc-casestudy .post-navigation .nav-next { text-align: right !important; }

/* "View all Case Studies" pill */
body.single-pkc-casestudy .nav-all {
    margin: 24px 0 8px !important;
    text-align: center !important;
}
body.single-pkc-casestudy .nav-all a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 26px;
    background: #f2c433 !important;
    color: #1f2a44 !important;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(242, 196, 51, 0.30);
    transition: background .15s ease, transform .15s ease;
}
body.single-pkc-casestudy .nav-all a:hover {
    background: #ffd84a !important;
    transform: translateY(-2px);
}
body.single-pkc-casestudy .nav-all .nav-subtitle {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 6. Responsive
 * ───────────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    body.single-pkc-casestudy article.pkc-casestudy,
    body.single-pkc-casestudy .test_developer > article { padding: 28px 24px !important; }
    body.single-pkc-casestudy .post-navigation .nav-links { grid-template-columns: 1fr !important; }
    body.single-pkc-casestudy .entry-content p:first-child img,
    body.single-pkc-casestudy .entry-content > p:first-of-type img {
        float: none !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
    }
}
@media (max-width: 575px) {
    body.single-pkc-casestudy .container.my-5 { padding: 24px 0 36px !important; }
    body.single-pkc-casestudy article.pkc-casestudy,
    body.single-pkc-casestudy .test_developer > article { padding: 20px 18px !important; border-radius: 10px !important; }
    body.single-pkc-casestudy .entry-header .entry-title,
    body.single-pkc-casestudy .entry-title.arc-cs-ttl { font-size: 1.625rem !important; }
    body.single-pkc-casestudy .entry-content h3 { font-size: 1.125rem !important; }
    body.single-pkc-casestudy .entry-content h5 { font-size: 1rem !important; padding: 8px 12px !important; }
    body.single-pkc-casestudy #post-signup .pg-serv-suttl h2 { font-size: 1.25rem !important; }
    body.single-pkc-casestudy #post-signup a.frm-mdl-lnk.popfrm { padding: 18px 20px !important; font-size: 1rem !important; }
}