/* Professional small overrides to complement Bootstrap for BreakTheGround */
.bg-soft {
    background-color: #f8f9fb;
}
.card-action-icon img { height: 40px; }
.app-link-block { border: 1px solid #e6e9ef; border-radius: 6px; padding: 10px; background: #fff; }
.intro-hero { background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.95)); }
.ft-small { font-size: .9rem; }
.form-card { max-width: 640px; margin: 0 auto; }
.btn-icon { display:flex; flex-direction:column; align-items:center; }
.btn-icon img { margin-bottom:6px; }
.small-muted { color:#6c757d; }

/* Make prayer modal use 80% width on xs and sm screens */
@media (max-width: 767.98px) {
    #prayerModal .modal-dialog {
        max-width: 80% !important;
        width: 80% !important;
        margin: 1.75rem auto;
    }
    #prayerModal .modal-content {
        /* ensure modal content flows correctly inside the narrower dialog */
        overflow: visible;
    }
}