/*--------------------------------------------------------------
 BuddyBoss Child — custom styles
 CCC Bilehou Oshoffa Miracle Land Community
--------------------------------------------------------------*/

/* ===========================================================
   CCC clean page design system (2026-06-22)
   One stylesheet for all content pages. Pages use semantic
   markup + these classes — no per-page <style> blocks.
   =========================================================== */
.ccc-page{
  --navy:#14264d; --navy2:#1f3a6b; --gold:#c9a227; --gold-soft:#f4f1e6;
  --ink:#14264d; --body:#48506a; --line:#e7e9f0; --soft:#f6f8fc;
  max-width:1080px; margin:0 auto; color:var(--body);
  font-size:17px; line-height:1.7;
}
.ccc-page *{box-sizing:border-box;}
.ccc-page img{max-width:100%;height:auto;}
.ccc-page .eyebrow{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:10px;}

/* hero */
.ccc-hero{background:linear-gradient(150deg,#1b315f,#2a4d92);color:#fff;border-radius:20px;padding:56px 34px;text-align:center;}
.ccc-hero .eyebrow{color:#f0d98a;}
.ccc-hero h1{color:#fff;font-size:40px;line-height:1.14;margin:6px 0 14px;font-weight:800;}
.ccc-hero p{color:#dbe5f7;font-size:19px;max-width:760px;margin:0 auto 22px;}
.ccc-hero .ccc-btns{margin-top:6px;}
/* logo sits on a crisp white badge so the emblem pops on the navy hero */
.ccc-hero img{background:#fff;border-radius:50%;padding:15px;box-shadow:0 12px 32px rgba(0,0,0,.28);}

/* sections */
.ccc-section{padding:48px 6px;}
.ccc-section.center{text-align:center;}
.ccc-section h2{color:var(--ink);font-size:31px;font-weight:800;margin:4px 0 10px;line-height:1.2;}
.ccc-section .sub{max-width:730px;margin:0 auto;}
.ccc-section.left .sub{margin:0;}

/* card grid */
.ccc-grid{display:grid;gap:20px;margin-top:30px;grid-template-columns:repeat(3,1fr);}
.ccc-grid.two{grid-template-columns:repeat(2,1fr);}
.ccc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 6px 22px rgba(20,38,77,.05);}
.ccc-card .ic{font-size:30px;line-height:1;display:block;margin-bottom:12px;}
.ccc-card h3{color:var(--ink);font-size:20px;margin:0 0 8px;font-weight:700;}
.ccc-card p{margin:0;font-size:15.5px;}

/* stats */
.ccc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.ccc-stat{background:var(--soft);border-radius:14px;padding:24px 14px;text-align:center;}
.ccc-stat b{display:block;color:var(--gold);font-size:32px;font-weight:800;line-height:1;}
.ccc-stat span{display:block;color:var(--navy);font-size:13.5px;margin-top:8px;font-weight:600;}

/* service schedule */
.ccc-sched{margin-top:28px;display:grid;gap:14px;}
.ccc-svc{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px 22px;}
.ccc-svc .day{font-weight:700;color:var(--gold);text-transform:uppercase;font-size:13px;letter-spacing:.05em;}
.ccc-svc .name{color:var(--ink);font-weight:700;font-size:18px;}
.ccc-svc .name small{display:block;color:var(--body);font-weight:400;font-size:14.5px;margin-top:4px;line-height:1.5;}
.ccc-svc .time{color:var(--navy);font-weight:800;font-size:18px;white-space:nowrap;}
.ccc-svc.main{border-left-color:var(--navy);background:#fbfcff;}

/* contact cards */
.ccc-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px;}
.ccc-ci{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;}
.ccc-ci .ic{font-size:24px;line-height:1.2;}
.ccc-ci h4{margin:0 0 5px;color:var(--ink);font-size:16px;}
.ccc-ci p{margin:0;font-size:15.5px;}

/* scripture verse */
.ccc-verse{background:var(--navy);color:#fff;border-radius:18px;padding:46px 30px;text-align:center;margin:42px 0;}
.ccc-verse blockquote{font-size:25px;font-weight:700;line-height:1.45;margin:0 auto;max-width:760px;color:#fff;border:0;padding:0;}
.ccc-verse cite{display:block;margin-top:14px;color:#e9cf7a;font-style:normal;font-weight:700;letter-spacing:.04em;}

/* CTA band */
.ccc-cta{background:linear-gradient(150deg,#14264d,#1f3a6b);border-radius:20px;padding:48px 30px;text-align:center;color:#fff;margin-top:14px;}
.ccc-cta h2{color:#fff;font-size:28px;margin:0 0 10px;}
.ccc-cta p{color:#cdd8ef;max-width:640px;margin:0 auto 22px;}

/* buttons */
.ccc-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ccc-section.left .ccc-btns{justify-content:flex-start;}
.ccc-btn{display:inline-block;text-decoration:none;font-weight:700;font-size:16px;padding:14px 26px;border-radius:10px;border:2px solid transparent;transition:opacity .15s;}
.ccc-btn:hover{opacity:.9;}
.ccc-btn.gold{background:var(--gold);color:#3a2c00;}
.ccc-btn.navy{background:var(--navy);color:#fff;}
.ccc-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.ccc-btn.outline{background:#fff;color:var(--navy);border-color:var(--navy);}

/* prose (about story, privacy, terms) */
.ccc-prose{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 36px;}
.ccc-prose > h2{color:var(--ink);font-size:21px;margin:26px 0 8px;}
.ccc-prose > h2:first-child{margin-top:0;}
.ccc-prose p,.ccc-prose li{font-size:16px;}
.ccc-prose .updated{color:var(--body);font-size:14px;font-style:italic;margin-bottom:18px;}
.ccc-note{background:var(--gold-soft);border:1px solid #e4dbbf;border-radius:12px;padding:14px 18px;color:#6b540f;font-size:15px;}

/* two-column split (text + info card) */
.ccc-split{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start;margin-top:30px;}
.ccc-split .infocard{background:var(--navy);color:#fff;border-radius:16px;padding:26px;}
.ccc-split .infocard h3{color:#fff;margin:0 0 14px;font-size:19px;}
.ccc-split .infocard .row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);}
.ccc-split .infocard .row:last-child{border-bottom:0;}
.ccc-split .infocard .row b{display:block;color:#e9cf7a;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.ccc-split .infocard .row span{font-size:15px;color:#dbe3f4;}

/* responsive */
@media(max-width:880px){
 .ccc-grid,.ccc-grid.two,.ccc-stats,.ccc-contact{grid-template-columns:repeat(2,1fr);}
 .ccc-split{grid-template-columns:1fr;}
 .ccc-hero h1{font-size:31px;} .ccc-hero{padding:42px 22px;}
 .ccc-section{padding:36px 4px;}
}
@media(max-width:560px){
 .ccc-grid,.ccc-grid.two,.ccc-stats,.ccc-contact{grid-template-columns:1fr;}
 .ccc-svc{grid-template-columns:1fr;gap:6px;}
 .ccc-page{font-size:16px;}
 .ccc-hero h1{font-size:26px;} .ccc-section h2{font-size:24px;}
 .ccc-verse blockquote{font-size:20px;}
 .ccc-prose{padding:24px 22px;}
}

/* ===========================================================
   CCC landing pages — full-width, no sidebar, no page title.
   Applied to pages with meta _ccc_landing=1 (adds .ccc-landing
   body class via the child theme). Scoped so community pages
   (activity, forums, profiles) are untouched.
   =========================================================== */
.ccc-landing #secondary.widget-area,
.ccc-landing .sidebar-area{display:none!important;}
.ccc-landing .bb-grid.site-content-grid{display:block!important;max-width:100%!important;}
.ccc-landing #primary.content-area{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0!important;}
.ccc-landing .entry-header,
.ccc-landing .page-title,
.ccc-landing .entry-title,
.ccc-landing .bb-page-header,
.ccc-landing .entry-meta,
.ccc-landing .bb-breadcrumb,
.ccc-landing .bb-pages-breadcrumb{display:none!important;}
.ccc-landing .entry-content-wrap,
.ccc-landing .entry-content{padding-top:0!important;margin-top:0!important;}
.ccc-landing .post-grid.bb-standard{box-shadow:none!important;background:transparent!important;border:0!important;}

/* ===========================================================
   Registration page — branded navy/gold card + crest header.
   Scoped to the BuddyBoss register page only (#register-page).
   Matches the agreed reference look.
   =========================================================== */
body.bp_register{background:#eef2f9;}
body.bp_register #buddypress.buddypress-wrap{max-width:600px;margin:26px auto;}
#register-page{background:#fff;border:1px solid #e3e8f2;border-radius:16px;box-shadow:0 14px 44px rgba(20,38,77,.12);padding:32px 30px 26px;}
#register-page::before{content:"Celestial Church of Christ Worldwide";display:block;background:url(/wp-content/uploads/2026/06/logo-trans.png) top center / auto 80px no-repeat;padding-top:92px;text-align:center;color:#14264d;font-weight:700;font-size:18px;line-height:1.3;margin:0 0 16px;}
#register-page .register-section{background:#fbfcff;border:1px solid #eef1f8;box-shadow:none;border-radius:12px;padding:22px 24px;margin:0 0 16px;}
#register-page h1.entry-title,#register-page .register-section h2,#register-page .register-section h4,#register-page legend{color:#14264d!important;font-weight:700!important;}
#register-page label{color:#3a4561!important;font-weight:500;}
#register-page input[type=text],#register-page input[type=email],#register-page input[type=password],#register-page input[type=tel],#register-page input[type=url],#register-page input[type=number],#register-page textarea,#register-page select{border:1px solid #d3dae8!important;border-radius:9px!important;padding:11px 13px!important;background:#fbfcfe!important;width:100%;box-sizing:border-box;}
#register-page input:focus,#register-page textarea:focus,#register-page select:focus{border-color:#14264d!important;box-shadow:0 0 0 3px rgba(20,38,77,.12)!important;outline:none!important;}
#register-page .submit{text-align:center;margin-top:6px;}
#register-page #signup_submit,#register-page input[type=submit],#register-page button[type=submit],#register-page .signup-button input{background:#14264d!important;border-color:#14264d!important;color:#fff!important;border-radius:9px!important;padding:14px 30px!important;font-weight:700!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer;width:100%!important;max-width:420px;display:block;margin:0 auto!important;}
#register-page #signup_submit:hover,#register-page input[type=submit]:hover,#register-page button[type=submit]:hover,#register-page .signup-button input:hover{background:#c9a227!important;border-color:#c9a227!important;color:#14264d!important;}
#register-page a{color:#14264d;}
#register-page a:hover{color:#c9a227;}
#register-page .nsl-container{margin:14px 0;text-align:center;}
#register-page .register-privacy-info{color:#5a6275;font-size:13px;}