/* Ecclesia Christi · visual identity, 1.0.0
   Gold dove artwork remains transparent; content remains real WordPress content.
   This layer sits after the shared Scarame styling and respects Customizer colors. */
:root {
  --scarame-border: rgba(217,173,88,.17);
  --scarame-border-strong: color-mix(in srgb,var(--scarame-accent) 55%,transparent);
  --scarame-shadow: 0 26px 65px rgba(0,0,0,.28);
}
html {scroll-padding-top:100px;}
body {background:radial-gradient(ellipse 65% 38% at 82% 7%,rgba(149,112,46,.11),transparent 85%),
              linear-gradient(180deg,#0d1119,var(--scarame-bg) 55%); color:var(--scarame-text);}
:focus-visible {outline:2px solid var(--scarame-accent);outline-offset:4px;}
::selection {background:rgba(217,173,88,.34);color:var(--scarame-text);}
.scarame-container {--scarame-max-width:1220px;}

/* Header — intentional mark plus logotype, no nested links. */
.ecclesia-site-header {border-bottom:1px solid var(--scarame-border);}
.ecclesia-site-header .scarame-header-inner {min-height:90px;gap:clamp(12px,2vw,30px);}
.ecclesia-brand {min-width:0; flex-shrink:0;}
.ecclesia-brand-link {display:inline-flex;align-items:center;gap:11px;color:var(--scarame-text);}
.ecclesia-brand-link:hover {color:var(--scarame-accent);}
.ecclesia-brand-dove {width:58px;height:58px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 11px rgba(228,185,91,.12));}
.ecclesia-brand-type {display:flex;flex-direction:column;align-items:flex-start;line-height:1;white-space:nowrap;}
.ecclesia-brand-type strong {font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:500;letter-spacing:.012em;text-transform:none;}
.ecclesia-brand-type small {font-family:system-ui,sans-serif;letter-spacing:.37em;font-weight:500;font-size:.58rem;margin-top:7px;color:var(--scarame-accent);}
.ecclesia-brand .custom-logo-link {display:inline-flex;align-items:center;}
.ecclesia-brand .custom-logo {max-height:67px;width:auto;object-fit:contain;}
.ecclesia-site-header .scarame-nav a {font-size:.86rem;letter-spacing:.045em;}
.ecclesia-site-header .scarame-nav a:hover {background:var(--scarame-accent-soft);}
.ecclesia-header-actions {flex-shrink:0;}
.ecclesia-header-search {display:flex;align-items:center;border:1px solid var(--scarame-border);border-radius:50px;
                         background:rgba(255,255,255,.025);padding:0 3px 0 14px;transition:border-color .2s;}
.ecclesia-header-search:focus-within {border-color:var(--scarame-accent);}
.ecclesia-header-search input {width:clamp(88px,10vw,144px);height:38px;min-width:0;outline:0;border:0;background:transparent;
                               color:var(--scarame-text);font-size:.85rem;box-shadow:none;padding:0 7px 0 0;}
.ecclesia-header-search input:focus-visible {outline:0;}
.ecclesia-header-search input::placeholder {color:var(--scarame-muted);opacity:.8;}
.ecclesia-header-search .scarame-header-icon {cursor:pointer;border:0;background:none;display:grid;place-items:center;min-width:38px;min-height:38px;
                                              padding:7px;color:var(--scarame-accent);}
.ecclesia-header-search .scarame-header-icon:hover {background:var(--scarame-accent-soft);border-radius:50%;}

/* Delicate atmosphere instead of the original saturated sci-fi orange/purple. */
.scarablog-cinema .scarablog-atmosphere {
 background:radial-gradient(ellipse 64% 73% at 85% 27%,rgba(189,135,45,.095),transparent 78%),
            radial-gradient(ellipse 58% 61% at 13% 84%,rgba(104,86,62,.072),transparent 75%);
}
.scarablog-atmosphere .scarablog-mesh {opacity:.13;background-size:38px 38px;}
.scarablog-halo {border-color:rgba(217,173,88,.12);box-shadow:0 0 90px rgba(202,143,46,.038),inset 0 0 70px rgba(189,135,45,.025);}
.scarablog-halo::after {border-color:rgba(217,173,88,.09);}
.scarablog-cinema .scarame-site-header {background:color-mix(in srgb,var(--scarame-bg) 90%,transparent);}
.scarablog-opening {background:radial-gradient(ellipse 55% 78% at 79% 43%,rgba(181,139,60,.10),transparent 70%),
                               linear-gradient(115deg,rgba(12,16,22,.62),transparent 72%);}
.scarablog-opening::before {background:linear-gradient(90deg,var(--scarame-bg) 0%,color-mix(in srgb,var(--scarame-bg) 78%,transparent) 31%,transparent 92%);}
.scarablog-opening-lines {opacity:.45;}
.scarablog-opening-lines span {border-color:rgba(222,180,92,.12);}
.scarablog-title,
.scarablog-cinema .scarame-blog-section-header h2,
.scarame-blog-single h1,
.scarame-blog-archive .scarame-blog-section-header h1,
.scarame-scroll-wp-page .scarame-page-title {font-family:Georgia,'Palatino Linotype','Times New Roman',serif;font-weight:500;letter-spacing:-.042em;}
.scarablog-title {font-size:clamp(3.8rem,8.3vw,9.5rem);line-height:.98;max-width:11.5ch;margin-bottom:27px;text-wrap:balance;}
/* Intro title size from the Customizer: exact on desktop; capped on narrow screens.
   Higher specificity keeps this in effect across the existing mobile breakpoints. */
.scarablog-opening .scarablog-title.scarablog-title--scaled {
  font-size:clamp(24px, 13vw, var(--scarablog-intro-title-size, 96px));
}

.scarablog-lead {font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.75;max-width:31rem;color:var(--scarame-muted);}

/* First chapter: compose the independent intro artwork between the headline and
   the scroll dove. On compact screens, stack the elements to keep both legible.
   The second Creative Hero visual area and the scroll dove remain untouched. */
.scarablog-title--visually-hidden {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
/* The intro copy stays left; optional artwork occupies the neighboring column. */
.scarablog-intro-layout--with-image {
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr);
  align-items:center;
  column-gap:clamp(18px,3vw,48px);
  width:min(100%, clamp(620px,calc(100vw - 500px),1000px));
}
.scarablog-intro-copy {min-width:0;}
.scarablog-intro-layout--with-image .scarablog-title.scarablog-title--scaled {
  /* Preserve the user's chosen size, but prevent a large heading from
     swallowing the artwork column on laptop-sized screens. */
  max-width:100%;
  font-size:clamp(24px,6vw,var(--scarablog-intro-title-size,96px));
}
.scarablog-intro-layout--with-image .scarablog-intro-media {
  margin:0;
  min-width:0;
}
.scarablog-intro-layout--with-image .scarablog-intro-media .scarablog-intro-image {
  max-height:min(64svh,600px);
}
@media(max-width:1000px) {
  .scarablog-intro-layout--with-image {
    width:100%;
    grid-template-columns:minmax(0, 1.12fr) minmax(0, .88fr);
    column-gap:clamp(16px,2.5vw,28px);
  }
  .scarablog-intro-layout--with-image .scarablog-title.scarablog-title--scaled {
    font-size:clamp(24px,6.8vw,var(--scarablog-intro-title-size,96px));
  }
}
@media(max-width:960px) {
  .scarablog-intro-layout--with-image {
    grid-template-columns:minmax(0,1fr);
    row-gap:clamp(12px,3vh,28px);
  }
  .scarablog-intro-layout--with-image .scarablog-title.scarablog-title--scaled {
    font-size:clamp(28px,9vw,var(--scarablog-intro-title-size,96px));
  }
  .scarablog-intro-layout--with-image .scarablog-intro-media {
    justify-content:flex-start;
  }
  .scarablog-intro-layout--with-image .scarablog-intro-media .scarablog-intro-image {
    width:min(var(--scarablog-intro-media-width,360px),66vw);
    max-height:35svh;
  }
}
.scarablog-intro-media {
  display:flex;justify-content:flex-start;align-items:center;
  width:100%;max-width:100%;margin:0 0 clamp(20px,3.2vw,35px);padding:0;
}
.scarablog-intro-media--center {justify-content:center;}
.scarablog-intro-media--right {justify-content:flex-end;}
.scarablog-intro-media .scarablog-intro-image {
  display:block;width:min(var(--scarablog-intro-media-width,360px),100%);max-width:100%;height:auto;
  max-height:min(55svh,560px);object-fit:contain;object-position:center;
  filter:drop-shadow(0 20px 35px rgba(0,0,0,.33));
}
@media(max-width:600px) {
  .scarablog-intro-media .scarablog-intro-image {max-height:42svh;}
}

.scarablog-eyebrow {font-size:.69rem;font-weight:600;letter-spacing:.22em;color:var(--scarame-accent);}
.scarablog-featured-link {border-radius:0 7px 7px 0;background:rgba(15,20,29,.72);max-width:470px;}
.scarablog-featured-overline {font-weight:650;}
.scarablog-featured-name {font-family:Georgia,serif;font-weight:500;letter-spacing:-.01em;}
.scarablog-opening-counter {letter-spacing:.18em;}
.scarablog-scene--1 .scarablog-scene-glow {background:radial-gradient(ellipse 72% 60% at 16% 53%,rgba(104,90,67,.12),transparent 72%);}
.scarablog-scene--2 .scarablog-scene-glow {background:radial-gradient(ellipse 70% 75% at 85% 50%,rgba(181,130,43,.08),transparent 75%);}
.scarablog-scene--3 .scarablog-scene-glow {background:radial-gradient(ellipse 70% 75% at 20% 45%,rgba(85,99,108,.095),transparent 75%);}
.scarablog-cinema .scarame-blog-section-header h2 {font-size:clamp(2.8rem,5.8vw,6.1rem);line-height:1.08;letter-spacing:-.045em;}
.scarablog-cinema .scarame-blog-card {background:color-mix(in srgb,var(--scarame-surface) 94%,transparent);border-radius:12px;}
.scarame-blog-card h3 {font-family:Georgia,serif;font-weight:500;letter-spacing:-.012em;}
.scarablog-cinema .scarame-blog-card-placeholder {background:radial-gradient(ellipse at 60% 30%,rgba(222,172,74,.12),transparent 70%);font-family:Georgia,serif;font-weight:400;}
.scarame-blog-single {border-radius:14px;}
.scarame-blog-single-content {font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.055rem,1.3vw,1.19rem);line-height:1.84;}
.scarame-blog-single-content :is(h2,h3,h4) {font-family:Georgia,serif;letter-spacing:-.015em;}
.scarame-blog-card-meta {letter-spacing:.085em;text-transform:uppercase;font-size:.7rem;}
.scarame-blog-read {font-size:.84rem;font-weight:650;}

/* Images are behind the role/content, rather than overlaying readable text. */
.scarablog-cinema .scarame-scroll-stage {z-index:1;}
.scarablog-cinema .scarame-front-page-flow {z-index:2;}
.scarablog-cinema .scarame-scroll-object--background {top:var(--scarame-scroll-y,49%);left:var(--scarame-scroll-x,84%);filter:drop-shadow(0 0 36px rgba(221,167,67,.18));}
.scarablog-cinema .ecclesia-scroll-dove img {filter:drop-shadow(0 0 22px rgba(212,152,51,.14));}

/* Elegant, compact footer: legal links appear only when a menu is assigned. */
.scarame-site-footer {border-top:1px solid var(--scarame-border);background:var(--scarame-footer-bg);}
.scarame-footer-brand h2 {font-family:Georgia,serif;font-weight:500;letter-spacing:0;}
.scarame-footer-brand-logo img {object-fit:contain;}
.scarame-footer-brand p {max-width:34rem;}
.scarame-footer-bottom {font-size:.77rem;color:var(--scarame-muted);letter-spacing:.03em;}

@media (min-width:901px) {
 .ecclesia-site-header .scarame-nav {margin-left:auto;}
}
@media (max-width:900px) {
 .ecclesia-site-header .scarame-header-inner {min-height:76px;}
 .ecclesia-brand-dove {width:48px;height:48px;}
 .ecclesia-brand-type strong {font-size:1.4rem;}
 .ecclesia-header-search input {width:112px;}
 .scarablog-cinema .scarame-scroll-object--background {left:var(--scarame-scroll-x,84%);top:var(--scarame-scroll-y,49%);}
}
@media (max-width:600px) {
 .ecclesia-site-header .scarame-header-inner {gap:8px;min-height:70px;}
 .ecclesia-brand-link {gap:4px;}
 .ecclesia-brand-dove {width:37px;height:40px;}
 .ecclesia-brand-type strong {font-size:1.05rem;}
 .ecclesia-brand-type small {font-size:.45rem;letter-spacing:.26em;margin-top:5px;}
 .ecclesia-header-search {padding-left:7px;}
 .ecclesia-header-search input {width:56px;font-size:.75rem;}
 .ecclesia-header-search .scarame-header-icon {min-width:32px;padding:6px;}
 .scarablog-title {font-size:clamp(3.2rem,13.4vw,5.3rem);max-width:11.5ch;}
 .scarablog-lead {max-width:22ch;}
 .scarablog-cinema .scarame-scroll-object--background {left:var(--scarame-scroll-x,84%);top:var(--scarame-scroll-y,49%);}
 .scarablog-cinema .ecclesia-scroll-dove img {opacity:.52;}
 .scarablog-opening-counter {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  .scarablog-opening-lines,.scarablog-halo {transform:none;}
}

.scarame-footer-shell.scarame-footer-columns-1 {grid-template-columns:minmax(0,1fr);}
.scarame-footer-shell.scarame-footer-columns-2 {grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);}
@media(max-width:820px) {
  .ecclesia-site-header .ecclesia-header-actions {width:auto;justify-content:flex-end;margin-left:auto;}
}
@media(max-width:620px) {
  .scarame-footer-shell.scarame-footer-columns-2 {grid-template-columns:1fr;}
}
/* Native blog conversation, only when WordPress comments are enabled. */
.ecclesia-comments-title {font-family:Georgia,serif;font-weight:500;font-size:clamp(1.4rem,2vw,2rem);}
.ecclesia-comment-list {list-style:none;margin:1.5rem 0 2rem;padding:0;}
.ecclesia-comment-list .comment {border-bottom:1px solid var(--scarame-border);padding:20px 0;}
.ecclesia-comment-list .children {list-style:none;margin:10px 0 0 22px;padding:0;}
.ecclesia-comments input:not([type=checkbox]):not([type=submit]),.ecclesia-comments textarea {max-width:100%;background:var(--scarame-bg);border:1px solid var(--scarame-border);border-radius:6px;color:var(--scarame-text);padding:10px 12px;}
.ecclesia-comments .submit {padding:10px 20px;border:0;border-radius:100px;background:var(--scarame-accent);color:var(--scarame-bg);cursor:pointer;}
.ecclesia-comments a {color:var(--scarame-accent);}

/* V1.1: Creative + EDD hybrid. The right visual remains a universal image display. */
.scarablog-cinema .scarame-hero {width:100%;}
.scarablog-cinema .scarame-layout-block-hero .scarame-hero-visual {min-height:clamp(290px,42vw,570px);}
.scarablog-cinema .scarame-hero-product-stack {width:100%;}
.scarablog-cinema .scarame-hero-stack-image {background-size:contain;background-position:center;background-repeat:no-repeat;}
.scarablog-cinema .scarame-hero-stack-image:only-child {box-shadow:none;border:0;background-color:transparent;}
.scarablog-cinema .scarame-hero h1 {font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.045em;}
.ecclesia-front-content {padding-block:20px 30px;max-width:920px;}
.ecclesia-front-content .scarame-content {font-family:Georgia,serif;font-size:clamp(1.15rem,1.65vw,1.4rem);line-height:1.85;}
.ecclesia-closing {min-height:95svh;text-align:center;background:radial-gradient(ellipse at 50% 49%,rgba(202,158,78,.09),transparent 66%);}
.ecclesia-closing-inner {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;}
.ecclesia-closing-inner img {width:clamp(90px,14vw,160px);height:auto;filter:drop-shadow(0 0 38px rgba(202,158,78,.12));}
.ecclesia-closing h2 {max-width:840px;margin:0;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,6rem);font-weight:400;line-height:1.08;letter-spacing:-.045em;}
.ecclesia-closing p {max-width:600px;color:var(--scarame-muted);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.7;margin:0;}
/* Native EDD output must stay visible: it owns options, cart, and purchase flow. */
.scarame-card-actions .edd_download_purchase_form,.scarame-product-buybox .edd_download_purchase_form {display:block;width:100%;max-width:100%;margin:0;}
.scarame-card-actions .edd_purchase_submit_wrapper,.scarame-product-buybox .edd_purchase_submit_wrapper {display:block;max-width:100%;}
.scarame-card-actions .edd_download_purchase_form :is(button,input[type=submit],a.edd-submit),
.scarame-product-buybox .edd_download_purchase_form :is(button,input[type=submit],a.edd-submit) {width:100%;max-width:100%;white-space:normal;}
.scarame-card-actions .edd_download_purchase_form .edd_price_options,
.scarame-product-buybox .edd_download_purchase_form .edd_price_options {margin:0 0 12px;padding:0;list-style:none;}
.scarame-card-actions .edd_price_options li,.scarame-product-buybox .edd_price_options li {padding:5px 0;line-height:1.4;}
.scarame-card-actions .edd_price_options label,.scarame-product-buybox .edd_price_options label {display:flex;align-items:flex-start;gap:8px;font-size:.9rem;cursor:pointer;}
.scarame-card-actions .edd_price_options input,.scarame-product-buybox .edd_price_options input {accent-color:var(--scarame-accent);flex-shrink:0;}
.scarame-card-actions .edd-cart-added-alert,.scarame-product-buybox .edd-cart-added-alert {display:block;color:var(--scarame-accent);font-size:.8rem;margin-top:6px;}
.scarame-card-actions .edd_download_purchase_form {min-width:0;flex:1 1 100%;}
/* Match native EDD 3.x checkout blocks without altering their behavior. */
body .wp-block-edd-checkout,body .wp-block-edd-cart,body .edd-blocks__checkout,
body .edd-blocks__cart {color:var(--scarame-text);max-width:100%;}
body :is(.edd-blocks__checkout,.wp-block-edd-checkout,#edd_checkout_form_wrap) input:not([type=checkbox]):not([type=radio]),
body :is(.edd-blocks__checkout,.wp-block-edd-checkout,#edd_checkout_form_wrap) select {background:var(--scarame-surface);color:var(--scarame-text);border:1px solid var(--scarame-border-strong);border-radius:6px;padding:10px;max-width:100%;}
body :is(.edd-blocks__checkout,.wp-block-edd-checkout,#edd_checkout_form_wrap) label {color:var(--scarame-text);}
body :is(.edd-blocks__checkout,.wp-block-edd-checkout,#edd_checkout_form_wrap) a:not(.button):not(.edd-submit) {color:var(--scarame-accent);}
@media (max-width:650px) { .scarablog-cinema .scarame-layout-block-hero .scarame-hero-visual {min-height:260px;} }

/* Keep the right Creative display visible on tablets and phones (the shared
   Scara stylesheet otherwise hides it at 820px). */
.scarame-hero h2 {font-size:clamp(2.3rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px;}
.scarablog-cinema .scarame-hero h2 {font-weight:500;}
.scarablog-cinema .scarame-hero-stack-image:only-child::after {display:none;}
@media(max-width:820px) {
 .scarame-hero-visual {display:grid;min-height:310px;}
 .scarame-hero-shell {grid-template-columns:1fr;}
 .scarame-hero-product-stack {width:min(90%,350px);}
}
@media(max-width:480px) {
 .scarame-hero-visual {min-height:270px;}
 .scarame-hero-product-stack {width:min(92%,280px);}
}