/* =========================================================
   TRUE CHURCH WEBSITE V114 — CONSOLIDATED SCRIPTURE WEB UI
   Full-bleed daily pages + liquid-glass image heroes.
   No page-specific width patches required in Zoho snippets.
   ========================================================= */

.tcjc-website-v114-host,
.tcjc-website-v114-host *{box-sizing:border-box}

.tcjc-website-v114-host{
  --tcjc-blue:#4f96bd;
  --tcjc-blue-deep:#367da3;
  --tcjc-ink:#17313d;
  --tcjc-copy:#526770;
  --tcjc-muted:#7a888e;
  --tcjc-page:#f4f2ee;
  --tcjc-line:rgba(35,56,66,.12);
  width:100%;
  min-width:0;
  color:var(--tcjc-ink);
  background:var(--tcjc-page);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.tcjc-website-v114-loading{
  width:calc(100% - 32px);
  margin:0 auto;
  padding:48px 0 64px;
}

.tcjc-website-v114-loading h1{
  margin:0 0 8px!important;
  color:var(--tcjc-ink)!important;
  font:840 clamp(34px,5vw,60px)/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.05em!important;
}

.tcjc-website-v114-loading p{margin:0!important;color:var(--tcjc-muted)!important}

/* Break the daily experience out of Zoho's page-body width constraint. */
.tcjc-w114-page{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none!important;
  margin-left:-50vw;
  overflow:hidden;
  background:var(--tcjc-page);
}

.tcjc-w114-image-hero{
  position:relative;
  width:calc(100% - 32px);
  min-height:720px;
  margin:16px auto 0;
  overflow:hidden;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.72);
  border-radius:30px;
  background:#15191b;
  box-shadow:0 24px 72px rgba(22,34,40,.16);
  isolation:isolate;
}

.tcjc-w114-hero-media,
.tcjc-w114-hero-media img,
.tcjc-w114-hero-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.tcjc-w114-hero-media{z-index:-3;display:block}
.tcjc-w114-hero-media img{display:block;object-fit:cover;object-position:center}
.tcjc-w114-hero-shade{z-index:-2;background:rgba(8,13,16,.17)}

.tcjc-w114-hero-stage{
  width:100%;
  padding:clamp(32px,5vw,84px);
  display:flex;
  align-items:center;
}

.tcjc-w114-hero-glass{
  position:relative;
  width:min(1040px,68vw);
  padding:clamp(32px,4vw,58px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
  border-radius:28px;
  background:rgba(17,22,25,.48);
  -webkit-backdrop-filter:blur(24px) saturate(118%);
  backdrop-filter:blur(24px) saturate(118%);
  box-shadow:
    0 26px 74px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.06);
}

.tcjc-w114-hero-heading{margin:0 0 27px}

.tcjc-w114-kicker,
.tcjc-w114-label{
  margin:0 0 9px!important;
  color:#b9e7fb!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}

.tcjc-w114-hero-heading h1{
  margin:0!important;
  color:#fff!important;
  font:850 clamp(42px,5vw,72px)/.96 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.055em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.22);
}

.tcjc-w114-date{
  margin:13px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:720!important;
}

.tcjc-w114-rule{
  display:block;
  width:54px;
  height:4px;
  margin:0 0 26px;
  border-radius:99px;
  background:var(--tcjc-blue);
}

.tcjc-di114-verse{
  margin:0!important;
  max-width:850px;
  color:#fff!important;
  font:400 clamp(32px,3.15vw,52px)/1.22 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.026em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.20);
}

.tcjc-di114-reference{
  margin:22px 0 0!important;
  color:#b9e7fb!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:850!important;
}

.tcjc-di114-collection,
.tcjc-dr114-collection{
  margin:7px 0 0!important;
  color:rgba(255,255,255,.70)!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
}

.tcjc-w114-inner-glass{
  margin-top:28px;
  padding:20px 21px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:19px;
  background:rgba(10,15,18,.27);
  -webkit-backdrop-filter:blur(16px) saturate(114%);
  backdrop-filter:blur(16px) saturate(114%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.tcjc-w114-inner-glass p:not(.tcjc-w114-label){
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:14px!important;
  line-height:1.62!important;
}

.tcjc-w114-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.tcjc-w114-button{
  min-height:46px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.20);
  border-radius:12px;
  color:#fff!important;
  background:rgba(11,17,20,.28);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  text-decoration:none!important;
  font:820 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  cursor:pointer;
}

.tcjc-w114-button.primary{border-color:var(--tcjc-blue)!important;background:var(--tcjc-blue)!important}
.tcjc-w114-button:hover,.tcjc-w114-button:focus-visible{border-color:rgba(185,231,251,.48);outline:none}
.tcjc-w114-button.primary:hover,.tcjc-w114-button.primary:focus-visible{background:var(--tcjc-blue-deep)!important}
.tcjc-di114-share-status{min-height:14px;margin:8px 0 0!important;color:rgba(255,255,255,.68)!important;font-size:11px!important}

.tcjc-dr114-collection{margin:0 0 11px!important;color:#b9e7fb!important;font-weight:830!important}

.tcjc-dr114-reading{
  margin:0!important;
  max-width:900px;
  color:#fff!important;
  font:850 clamp(32px,3.3vw,54px)/1.06 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.045em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.20);
}

.tcjc-dr114-summary{
  max-width:820px;
  margin:20px 0 0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.66!important;
}

.tcjc-dr114-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tcjc-dr114-meta span{
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  color:rgba(255,255,255,.74);
  background:rgba(10,15,18,.25);
  font-size:11px;
  font-weight:780;
}

.tcjc-dr114-segments{display:grid;gap:9px;margin-top:24px}
.tcjc-dr114-segment{
  min-height:56px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:14px;
  color:#fff!important;
  background:rgba(10,15,18,.28);
  text-decoration:none!important;
  font:810 14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.tcjc-w114-content{
  width:calc(100% - 32px);
  margin:0 auto;
  padding:18px 0 64px;
}

.tcjc-w114-lower{
  display:grid;
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);
  gap:18px;
}

.tcjc-w114-card{
  min-width:0;
  padding:clamp(22px,2.4vw,34px);
  border:1px solid rgba(255,255,255,.70);
  border-radius:24px;
  background:rgba(35,49,56,.065);
  -webkit-backdrop-filter:blur(18px) saturate(108%);
  backdrop-filter:blur(18px) saturate(108%);
  box-shadow:0 14px 36px rgba(31,45,52,.07),inset 0 1px 0 rgba(255,255,255,.62);
}

.tcjc-w114-card h2{
  margin:0 0 18px!important;
  color:#233d49!important;
  font:840 clamp(24px,2.2vw,32px)/1.04 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.04em!important;
}

.tcjc-w114-card .tcjc-w114-label{color:var(--tcjc-blue-deep)!important}

.tcjc-w114-daynav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tcjc-w114-daynav a{
  min-height:110px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--tcjc-line);
  border-radius:16px;
  color:var(--tcjc-blue-deep)!important;
  background:rgba(35,49,56,.035);
  text-decoration:none!important;
}
.tcjc-w114-daynav a.next{text-align:right}
.tcjc-w114-daynav span{color:#899499;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.tcjc-w114-daynav strong{font-size:14px;line-height:1.28;font-weight:820}

.tcjc-w114-week{display:grid;gap:7px}
.tcjc-w114-week-item{
  min-height:64px;
  padding:11px 13px;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid transparent;
  border-radius:14px;
  color:#425862!important;
  background:rgba(35,49,56,.028);
  text-decoration:none!important;
}
.tcjc-w114-week-item.current{border-color:rgba(79,150,189,.25);background:rgba(148,184,205,.12)}
.tcjc-w114-week-date{color:#7b898f;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.tcjc-w114-week-copy{min-width:0}
.tcjc-w114-week-copy strong{display:block;color:var(--tcjc-blue-deep);font-size:14px;line-height:1.3;font-weight:820}
.tcjc-w114-week-copy small{margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#7b888e;font-size:11px;line-height:1.35}
.tcjc-w114-week-arrow{color:var(--tcjc-blue);font-size:18px;font-weight:700}

.tcjc-w114-message{width:calc(100% - 32px);margin:0 auto;padding:54px 0 70px}
.tcjc-w114-message h1{margin:0 0 10px!important;font:840 clamp(36px,5vw,60px)/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.05em!important}

@media(max-width:980px){
  .tcjc-w114-hero-glass{width:min(920px,82vw)}
  .tcjc-w114-lower{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}
}

@media(max-width:820px){
  .tcjc-w114-image-hero{
    width:calc(100% - 20px);
    min-height:690px;
    margin-top:10px;
    border-radius:26px;
  }

  .tcjc-w114-hero-stage{
    min-height:690px;
    padding:62px 10px 12px;
    align-items:flex-end;
  }

  .tcjc-w114-hero-glass{
    width:100%;
    padding:27px 22px;
    border-radius:22px;
    background:rgba(17,22,25,.50);
  }

  .tcjc-w114-hero-heading h1{font-size:clamp(40px,10vw,56px)!important}
  .tcjc-di114-verse{font-size:clamp(28px,7.2vw,42px)!important}
  .tcjc-dr114-reading{font-size:clamp(30px,7.4vw,42px)!important}

  .tcjc-w114-content{width:calc(100% - 20px);padding-top:12px}
  .tcjc-w114-lower{grid-template-columns:1fr;gap:12px}
  .tcjc-w114-card{padding:21px;border-radius:22px}
}

@media(max-width:520px){
  .tcjc-w114-image-hero{width:calc(100% - 16px);border-radius:24px}
  .tcjc-w114-hero-stage{padding:56px 8px 8px}
  .tcjc-w114-hero-glass{padding:25px 20px;border-radius:20px}
  .tcjc-w114-content{width:calc(100% - 16px)}
  .tcjc-w114-actions{display:grid;grid-template-columns:1fr 1fr}
  .tcjc-w114-button{width:100%;padding:0 10px}
  .tcjc-w114-daynav a{min-height:100px;padding:13px}
  .tcjc-w114-week-item{grid-template-columns:58px minmax(0,1fr) auto;gap:9px;padding:10px}
  .tcjc-w114-inner-glass{padding:17px}
}

@media(prefers-reduced-motion:reduce){
  .tcjc-w114-button{transition:none!important}
}

/* =========================================================
   TRUE CHURCH WEBSITE V114.6 — ZOHO CENTERING + CALENDAR WIDTH REPAIR
   Holy Scriptures + Scripture Calendar only.

   Keep the Zoho page host inside its normal content box, then
   let the actual app-parity page break out to the viewport.
   This avoids clipping/left-shift from making the host itself
   100vw inside Zoho's page-body container.
   Reader and both Daily pages are intentionally untouched.
   ========================================================= */

html body #tcjc-website-v114-root.tcjc-website-v114-host[data-page="library"],
html body #tcjc-website-v114-root.tcjc-website-v114-host[data-page="calendar"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

html body #tcjc-website-v114-root[data-page="library"] > .tcjc-true-home.tcjc-app-content,
html body #tcjc-website-v114-root[data-page="calendar"] > .tcjc-sacred-preview {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  overflow-x: clip !important;
}

@supports not (overflow: clip) {
  html body #tcjc-website-v114-root[data-page="library"] > .tcjc-true-home.tcjc-app-content,
  html body #tcjc-website-v114-root[data-page="calendar"] > .tcjc-sacred-preview {
    overflow-x: hidden !important;
  }
}