/* ==========================================================================
   PCP Footer — full stylesheet (replaces previous pcp-footer.css)
   Palette:
     --pcp-burgundy:       #8B1A1A
     --pcp-burgundy-dark:  #5C1010
     --pcp-gold:           #C9A84C
     --pcp-cream:          #FFFDF5
   ========================================================================== */

/* Reset margins around the footer so it sits flush */
body.pcp-footer-hijacked #pcp-footer.pcp-footer {
    margin: 0;
    padding: 0;
    background: var(--pcp-burgundy, #8B1A1A);
    color: var(--pcp-cream, #FFFDF5);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.6;
    /* Leave room for the mobile bottom nav (≤768px) */
}

@media (max-width: 768px) {
    body.pcp-footer-hijacked #pcp-footer.pcp-footer {
        padding-bottom: 80px; /* space for fixed bottom nav bar */
    }
}

/* --------------------------------------------------------------------------
   1. Top scripture / quote bar
   -------------------------------------------------------------------------- */
.pcp-footer .pcp-footer-scripture-bar {
    background: var(--pcp-gold, #C9A84C);
    color: #2a1a05;
    padding: 18px 20px;
    text-align: center;
}
.pcp-footer .pcp-footer-scripture {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}
.pcp-footer .pcp-footer-scripture-text {
    display: inline;
}
.pcp-footer .pcp-footer-scripture-ref {
    display: inline-block;
    margin-left: 6px;
    font-style: normal;
    font-weight: bold;
    color: #2a1a05;
}

/* --------------------------------------------------------------------------
   2. Three-column body
   -------------------------------------------------------------------------- */
.pcp-footer .pcp-footer-body {
    background: var(--pcp-burgundy, #8B1A1A);
    padding: 40px 20px 30px;
}
.pcp-footer .pcp-footer-grid {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* Column headings — GOLD on burgundy so they're readable */
.pcp-footer .pcp-footer-heading {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    color: var(--pcp-gold, #C9A84C) !important;
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(201, 168, 76, 0.35);
    letter-spacing: 0.3px;
}

/* Body text and description */
.pcp-footer .pcp-footer-desc {
    color: var(--pcp-cream, #FFFDF5);
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 16px;
}

/* All links inside footer columns */
.pcp-footer .pcp-footer-col a {
    color: var(--pcp-cream, #FFFDF5);
    text-decoration: none;
    transition: color 0.2s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.pcp-footer .pcp-footer-col a:hover,
.pcp-footer .pcp-footer-col a:focus {
    color: var(--pcp-gold, #C9A84C);
    text-decoration: underline;
}

/* Lists — remove bullets and default padding */
.pcp-footer .pcp-footer-list,
.pcp-footer .pcp-footer-social {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.pcp-footer .pcp-footer-list li,
.pcp-footer .pcp-footer-social li {
    list-style: none !important;
    margin: 0 0 10px;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
}
.pcp-footer .pcp-footer-list li::marker,
.pcp-footer .pcp-footer-social li::marker {
    content: "";
}

/* Inline labels like "PayPal:" / "Contact:" */
.pcp-footer .pcp-footer-label {
    color: var(--pcp-gold, #C9A84C);
    font-weight: bold;
    margin-right: 6px;
}

/* James 5:16 verse below Support column */
.pcp-footer .pcp-footer-verse {
    margin: 16px 0 0;
    color: rgba(255, 253, 245, 0.85);
    font-size: 14px;
    line-height: 1.55;
    font-style: italic;
    border-top: 1px solid rgba(201, 168, 76, 0.25);
    padding-top: 12px;
}

/* --------------------------------------------------------------------------
   3. Closing scripture line
   -------------------------------------------------------------------------- */
.pcp-footer .pcp-footer-closing {
    background: var(--pcp-burgundy-dark, #5C1010);
    color: var(--pcp-cream, #FFFDF5);
    text-align: center;
    padding: 18px 20px;
    border-top: 1px solid rgba(201, 168, 76, 0.25);
}
.pcp-footer .pcp-footer-closing p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    font-style: italic;
}

/* --------------------------------------------------------------------------
   4. Legal / copyright row
   -------------------------------------------------------------------------- */
.pcp-footer .pcp-footer-legal {
    background: #3d0a0a;
    color: rgba(255, 253, 245, 0.85);
    text-align: center;
    padding: 18px 20px 22px;
    font-size: 13px;
    line-height: 1.55;
}
.pcp-footer .pcp-footer-legal p {
    margin: 0 auto 6px;
    max-width: 900px;
}
.pcp-footer .pcp-footer-legal a {
    color: var(--pcp-gold, #C9A84C);
    text-decoration: underline;
}
.pcp-footer .pcp-footer-legal a:hover,
.pcp-footer .pcp-footer-legal a:focus {
    color: #fff;
}
.pcp-footer .pcp-footer-copy {
    margin-top: 8px !important;
    color: rgba(255, 253, 245, 0.65);
    font-size: 12px;
}

/* --------------------------------------------------------------------------
   5. Responsive — tablet ≤900px (2 columns)
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    .pcp-footer .pcp-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .pcp-footer .pcp-footer-about {
        grid-column: 1 / -1; /* About spans full width on tablet */
    }
}

/* --------------------------------------------------------------------------
   6. Responsive — mobile ≤600px (single column, stacked)
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
    .pcp-footer .pcp-footer-body {
        padding: 28px 18px 20px;
    }
    .pcp-footer .pcp-footer-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .pcp-footer .pcp-footer-about {
        grid-column: auto;
    }
    .pcp-footer .pcp-footer-heading {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .pcp-footer .pcp-footer-scripture {
        font-size: 15px;
    }
    .pcp-footer .pcp-footer-closing p,
    .pcp-footer .pcp-footer-list li,
    .pcp-footer .pcp-footer-social li {
        font-size: 14px;
    }
    .pcp-footer .pcp-footer-legal {
        font-size: 12px;
        padding: 16px 16px 20px;
    }
}