/* =========================================================
   321 PRAY V89 — SAINT PRAYER CARDS CLEAN CORE
   Keeps the dedicated Prayer Cards engine/layout, while removing
   the historical global V70–V88 visual layers.
   ========================================================= */

:root{
  --v89-navy:#12376c;
  --v89-gold:#98610a;
  --v89-ink:#203f68;
  --v89-muted:#5b708d;
  --v89-line:rgba(151,104,24,.18);
}

*{box-sizing:border-box}
html{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
body.v89-prayer-cards{
  width:100%!important;
  max-width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
  color:var(--v89-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  background:
    linear-gradient(180deg,rgba(249,253,255,.76),rgba(255,252,244,.70) 46%,rgba(249,253,255,.68)),
    url("theme-backgrounds/bright-gateway-world.webp") center top/cover no-repeat fixed,
    #f6fbff!important;
}

/* Header: preserve functional IDs, simplify appearance. */
.pc-header{
  width:min(1180px,calc(100% - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:8px auto 0!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.pc-brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  text-decoration:none!important;
}
.pc-brand-mark{
  color:var(--v89-gold)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:1.8rem!important;
}
.pc-brand strong{
  color:var(--v89-navy)!important;
  font:700 1.4rem/1 Georgia,"Times New Roman",serif!important;
}
.pc-brand small{
  color:#667892!important;
  font:800 .46rem/1 Arial,sans-serif!important;
  letter-spacing:.15em!important;
}
.pc-nav{
  margin-left:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.pc-nav::-webkit-scrollbar{display:none!important}
.pc-nav a,.pc-more summary{
  flex:none!important;
  padding:7px 6px!important;
  background:transparent!important;
  border:0!important;
  color:var(--v89-navy)!important;
  font:800 .62rem/1 Arial,sans-serif!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.pc-nav a.active{
  color:var(--v89-gold)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.pc-more-menu{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--v89-line)!important;
  box-shadow:0 12px 28px rgba(35,58,88,.12)!important;
}
.pc-mobile-nav{display:none!important}
.pc-collection-pill,.pc-v89-share{
  flex:none!important;
  min-height:34px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--v89-navy)!important;
  box-shadow:none!important;
  padding:5px 7px!important;
  font:900 .62rem Arial,sans-serif!important;
  cursor:pointer!important;
}
.pc-v89-share{
  width:34px!important;
  font-size:1rem!important;
}

/* Main application area stays responsive and can never widen the document. */
.pc-shell{
  width:min(1180px,calc(100% - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:12px 0 24px!important;
  overflow-x:hidden!important;
}
.pc-shell>*,
.pc-layout>*,
.pc-library,
.pc-main,
.pc-right,
.pc-feature,
.pc-pair,
.pc-stage,
.pc-panel{
  min-width:0!important;
  max-width:100%!important;
}

/* Strip heavy outer boxes; preserve the collectible cards themselves. */
.pc-panel,.pc-library,.pc-right,.pc-main{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.pc-library,.pc-main,.pc-right{
  border-top:1px solid var(--v89-line)!important;
  padding-top:16px!important;
}

/* Readability */
.pc-library h1,
.pc-library h2,
.pc-library h3,
.pc-main h2,
.pc-right h2,
.pc-right h3,
.pc-title,
.pc-section-title{
  color:var(--v89-navy)!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
.pc-kicker,.pc-eyebrow,.pc-label{
  color:var(--v89-gold)!important;
}
.pc-library p,.pc-right p,.pc-copy,.pc-help,.pc-note{
  color:#445f7e!important;
}

/* Intention finder / filters */
#pcSearch,
.pc-library input,
.pc-library select,
.pc-right textarea{
  max-width:100%!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(151,104,24,.18)!important;
  color:var(--v89-ink)!important;
  box-shadow:none!important;
}
.pc-search-chip,
.pc-filter,
.pc-page-btn{
  background:transparent!important;
  border:0!important;
  color:var(--v89-navy)!important;
  box-shadow:none!important;
}
.pc-search-chip.active,
.pc-filter.active{
  color:var(--v89-gold)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

/* Keep premium prayer-card artwork/flip stage intact. */
.pc-stage{
  overflow:visible!important;
}
.pc-stage img,.pc-thumb img{
  display:block!important;
  max-width:100%!important;
  height:auto!important;
}
.pc-pair{
  max-width:100%!important;
}
.pc-flip-note{
  color:#60738e!important;
}

/* Action controls become lighter. */
.pc-actions,.pc-tools,.pc-right-actions{
  max-width:100%!important;
}
.pc-action,
.pc-tool,
.pc-right button,
.pc-library button{
  box-shadow:none!important;
}
.pc-action{
  background:transparent!important;
  border:0!important;
  color:var(--v89-navy)!important;
}
.pc-action strong{
  color:var(--v89-navy)!important;
}
.pc-action small{
  color:#687c95!important;
}

/* Saint of the Day / My Collection / intention area */
.pc-right{
  color:var(--v89-ink)!important;
}
.pc-right section,
.pc-right .pc-side-card,
.pc-intention{
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(120,96,57,.10)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.pc-intention button,
#pcOfferIntention,
#pcClearIntention{
  background:transparent!important;
  border:0!important;
  color:var(--v89-navy)!important;
  box-shadow:none!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

/* Footer / copyright hard lock. */
.pc-bottom{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:min(1100px,calc(100% - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  min-height:0!important;
  margin:0 auto 14px!important;
  padding:16px 6px!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px 12px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--v89-line)!important;
  box-shadow:none!important;
}
.pc-bottom a{
  background:transparent!important;
  color:var(--v89-navy)!important;
  border:0!important;
  box-shadow:none!important;
  font:800 .60rem Arial,sans-serif!important;
  text-decoration:none!important;
}
.pc-bottom a span{display:none!important}
.pc-bottom a.active{
  color:var(--v89-gold)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.pc-v89-copyright{
  flex-basis:100%!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin-top:5px!important;
  text-align:center!important;
  color:#5e718b!important;
  font:700 .64rem/1.4 Arial,sans-serif!important;
}

/* Existing toast stays readable. */
.pc-toast{
  background:#173d72!important;
  color:#fff!important;
}

/* Never let any card/search content widen the page. */
.pc-shell *,
.pc-bottom *,
.pc-header *{
  min-width:0;
}
.pc-name,
.pc-prayer,
.pc-bio,
.pc-intention-copy,
.pc-search-note{
  overflow-wrap:anywhere!important;
}

@media(max-width:900px){
  body.v89-prayer-cards{background-attachment:scroll!important}
  .pc-nav{display:none!important}
  .pc-mobile-nav{
    display:block!important;
    margin-left:auto!important;
  }
  .pc-mobile-nav summary{
    color:var(--v89-navy)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font:800 .64rem Arial,sans-serif!important;
  }
  .pc-mobile-menu{
    background:rgba(255,255,255,.96)!important;
    border:1px solid var(--v89-line)!important;
    box-shadow:0 12px 28px rgba(35,58,88,.12)!important;
  }
  .pc-mobile-menu a{
    color:var(--v89-navy)!important;
    background:transparent!important;
  }
}

@media(max-width:620px){
  .pc-header{
    width:calc(100% - 10px)!important;
    padding:7px 4px!important;
    gap:5px!important;
  }
  .pc-brand strong{font-size:1.15rem!important}
  .pc-brand small{display:none!important}
  .pc-brand-mark{font-size:1.5rem!important}
  .pc-collection-pill{
    max-width:38px!important;
    width:38px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .pc-v89-share{width:32px!important}
  .pc-shell{width:calc(100% - 10px)!important}
}

/* Copyright remains visible in both orientations. */
@media (orientation:portrait),(orientation:landscape){
  .pc-bottom,.pc-v89-copyright{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .pc-v89-copyright{display:block!important}
}

/* V89.23 official logo */
.pc-brand .v89-official-logo{
  display:block;width:auto;height:45px;max-width:min(320px,40vw);object-fit:contain
}
@media(max-width:620px){
  .pc-brand .v89-official-logo{
    content:url("brand/321-pray-logo-compact.svg?v=923");
    height:37px;max-width:min(225px,64vw)
  }
}