/* ============================================================
   Danny Peterson Photography — Pay Online + footer styles
   Load this LAST (after style.css, gallery-caption-styles.css,
   and the holiday CSS) so it also wins the footer background.
   ============================================================ */

/* Footer background safety-net — restores the dark navy even if
   something loaded earlier is stepping on it. */
body footer{
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
}

/* Socials sit under the intro column now */
.footer-wide .social-links{ margin-top: 16px; }

/* Pay Online button */
.footer-pay .pay-online-btn{
    display: inline-block;
    background: #50B8E7;
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 13px 30px;
    border-radius: 5px;
    margin: 4px 0 16px;
    transition: background .15s ease, transform .1s ease;
}
.footer-pay .pay-online-btn:hover{ background: #3aa0d0; }
.footer-pay .pay-online-btn:active{ transform: translateY(1px); }

/* QR code (original 96px size) */
.footer-pay .pay-qr img{
    width: 96px;
    height: 96px;
    border-radius: 8px;
    background: #fff;
    display: block;
}
.footer-pay .pay-qr span{
    display: block;
    margin-top: 6px;
    font-size: .78rem;
    opacity: .85;
}

/* "Secure checkout by Square" line */
.footer-pay .pay-secure{
    font-size: .72rem;
    opacity: .7;
    margin-top: 14px;
}