/* FPC Ministry Suite - Frontend */
.fpcms-wrap{ margin: 18px 0; font-family: inherit; }
.fpcms-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 25px rgba(0,0,0,0.06);
  position:relative;
}
.fpcms-disabled{ opacity:0.85; }
.fpcms-titlebar h2{ margin:0 0 6px 0; font-size:26px; }
.fpcms-titlebar p{ margin:0 0 12px 0; color:rgba(0,0,0,0.7); }

.fpcms-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:14px; }
.fpcms-grid-two{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:14px; }
@media (max-width:900px){ .fpcms-grid-two{ grid-template-columns:1fr; } }

.fpcms-accent{
  height:4px; width:100%;
  border-radius:999px;
  background:var(--fpcms-primary);
  margin-bottom:12px;
}

.fpcms-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:10px 14px;
  border-radius:12px;
  border:2px solid var(--fpcms-primary);
  background:var(--fpcms-primary);
  color:#fff; text-decoration:none;
  font-weight:700;
  cursor:pointer;
  transition:transform .08s ease, opacity .2s ease, background .2s ease, color .2s ease;
}
.fpcms-btn:hover{ opacity:0.95; transform:translateY(-1px); }
.fpcms-btn:disabled{ opacity:.55; cursor:not-allowed; }
.fpcms-btn-outline{ background:transparent; color:var(--fpcms-primary); }
.fpcms-btn-outline:hover{ background:var(--fpcms-primary); color:#fff; }

/* Floating "I'm New" button */
.fpcms-connect-floating{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999999;
  background: var(--fpcms-primary);
  color: var(--fpcms-accent);
  border: 0;
  border-radius: 14px;
  padding: 12px 16px;
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
  cursor: pointer;
}

.fpcms-connect-floating:focus{ outline: 3px solid rgba(159,7,4,.25); outline-offset: 2px; }


.fpcms-form .fpcms-field{ margin-bottom:12px; }
.fpcms-form label{ display:block; font-weight:700; margin-bottom:6px; }
.fpcms-form input[type="text"],
.fpcms-form input[type="email"],
.fpcms-form input[type="tel"],
.fpcms-form textarea{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,0.15);
  outline:none;
}
.fpcms-form input:focus, .fpcms-form textarea:focus{
  border-color:var(--fpcms-primary);
  box-shadow:0 0 0 3px rgba(159,7,4,0.12);
}
.fpcms-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:640px){ .fpcms-row{ grid-template-columns:1fr; } }
.fpcms-checks{ display:flex; flex-wrap:wrap; gap:10px 14px; }
.fpcms-checks label{ font-weight:600; margin:0; }
.fpcms-muted{ color:rgba(0,0,0,0.65); }

.fpcms-prayer-card{
  background:var(--fpcms-cream);
  border-radius:14px;
  padding:14px;
  margin-bottom:12px;
  border:1px solid rgba(0,0,0,0.08);
  position:relative;
  overflow:hidden;
}
.fpcms-prayer-accent{ position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--fpcms-primary); }
.fpcms-prayer-title{ margin:0 0 6px 0; }
.fpcms-prayer-text p{ margin:0; }

.fpcms-event-list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:14px; }
.fpcms-event-card{
  background:#fff;
  border-radius:16px;
  padding:14px;
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 10px 25px rgba(0,0,0,0.06);
}
.fpcms-event-card h3{ margin:0 0 6px 0; }

/* Connect polish */
.fpcms-alert{
  border-radius: 14px;
  padding: 12px 14px;
  margin: 0 0 14px 0;
  border: 1px solid rgba(0,0,0,0.08);
  background: var(--fpcms-cream);
}
.fpcms-alert-success{
  border-left: 6px solid var(--fpcms-primary);
}

.fpcms-req{ color: var(--fpcms-primary); }

.fpcms-hp{
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

.fpcms-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 999999;
}
.fpcms-modal.is-open{ display:block; }
.fpcms-modal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,0.55);
}
/*
  Modal container
  Markup uses .fpcms-modal__dialog; older CSS used .fpcms-modal__panel.
  Support both to prevent theme CSS from making the modal look like a "splash screen".
*/
.fpcms-modal__panel,
.fpcms-modal__dialog{
  position: relative;
  width: min(720px, calc(100% - 28px));
  margin: 7vh auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 25px 70px rgba(0,0,0,0.35);
  overflow: hidden;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
}
.fpcms-modal__header{
  display:flex; align-items:flex-start; justify-content:space-between;
  padding: 14px 16px;
  background: var(--fpcms-cream);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.fpcms-modal__title{ margin: 0; font-size: 20px; }
.fpcms-modal__close{
  appearance:none;
  border: none;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 0 6px;
}
.fpcms-modal__body{ padding: 14px 16px; overflow:auto; flex:1; }
body.fpcms-modal-open{ overflow: hidden; }

.fpcms-float-connect{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999998;
}

.fpcms-badge{
  display:inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #f6f7f7;
}
.fpcms-badge-new{ background: rgba(253,237,192,0.7); }
.fpcms-badge-contacted{ background: rgba(0,0,0,0.06); }
.fpcms-badge-scheduled{ background: rgba(0,0,0,0.06); }
.fpcms-badge-completed{ background: rgba(159,7,4,0.10); border-color: rgba(159,7,4,0.25); }


/* Connect form notices */
.fpcms-form__notice{margin:0 0 12px 0;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.35;border:1px solid rgba(0,0,0,.08);background:#fff;}
.fpcms-form__notice--success{border-color:rgba(46, 160, 67, .35);background:rgba(46, 160, 67, .08);}
.fpcms-form__notice--error{border-color:rgba(220, 38, 38, .35);background:rgba(220, 38, 38, .08);}

/* Floating connect button */
.fpcms-connect-float{position:fixed;right:22px;bottom:22px;z-index:99999;background:#9F0704;color:#FDEDC0 !important;border:none;border-radius:999px;padding:12px 16px;font-weight:800;letter-spacing:.5px;box-shadow:0 10px 25px rgba(0,0,0,.18);cursor:pointer;opacity:1 !important;visibility:visible !important;text-shadow:none !important;}
.fpcms-connect-float:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.20);}
.fpcms-connect-float:active{transform:translateY(0);box-shadow:0 10px 25px rgba(0,0,0,.18);}

/* Hard override for themes that hide button text until hover */
.fpcms-connect-float,.fpcms-connect-float *{color:#FDEDC0 !important;opacity:1 !important;visibility:visible !important;}

/* Pulse highlight when scrolling to the inline form */
.fpcms-pulse{outline:3px solid rgba(159,7,4,.35);outline-offset:2px;animation:fpcmsPulse 1.2s ease-out 1;}
@keyframes fpcmsPulse{0%{outline-color:rgba(159,7,4,.55);}100%{outline-color:rgba(159,7,4,0);}}


/* Ensure WP admin bar does not cover the site header/menu when logged in */
body.admin-bar .site-header,
body.admin-bar header.site-header,
body.admin-bar .elementor-location-header,
body.admin-bar .elementor-sticky--effects {
  top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar .site-header,
  body.admin-bar header.site-header,
  body.admin-bar .elementor-location-header,
  body.admin-bar .elementor-sticky--effects {
    top: 46px !important;
  }
}

/* --- FPC tweaks (front-end) --- */

/* 1) Make the Facebook Page widget responsive on mobile */
.fb-page,
.fb-page span,
.fb-page iframe,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  max-width: 100% !important;
  width: 100% !important;
}

/* 2) Add a little breathing room before the "Bro. Eddie" + "Bible Quiz" menu buttons */
header a[href*="bro-eddie"],
header a[href*="bro-eddie" i],
header a[href*="bible-quiz"],
header a[href*="bible-quiz" i] {
  margin-left: 12px !important;
}

/* 3) Logged-in view: avoid the admin bar creating weird layout gaps */
html { margin-top: 0 !important; }
#wpadminbar { position: fixed !important; top: 0; left: 0; right: 0; }
body.admin-bar { padding-top: 32px !important; }
@media screen and (max-width: 782px) {
  body.admin-bar { padding-top: 46px !important; }
}

/* --- CTA shortcode: [fpc_cta] --- */
.fpcms-cta-wrap{max-width:980px;margin:18px auto;padding:0 12px;}
.fpcms-cta-header{margin:0 0 10px;}
.fpcms-cta-title{margin:0;font-size:22px;line-height:1.2;}
.fpcms-cta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.fpcms-cta-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.06);overflow:hidden;}
.fpcms-cta-card-inner{padding:14px;display:flex;flex-direction:column;gap:8px;min-height:150px;}
.fpcms-cta-card-title{font-weight:700;font-size:16px;}
.fpcms-cta-card-desc{font-size:13px;opacity:.8;line-height:1.35;flex:1;}
.fpcms-cta-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:700;background:#9E0604;color:#fff;}
.fpcms-cta-btn:hover{filter:brightness(1.05);}
@media (max-width: 980px){.fpcms-cta-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width: 560px){.fpcms-cta-grid{grid-template-columns:1fr;}.fpcms-cta-card-inner{min-height:auto;}}