/* Providence Matrimony v1.4.10 — full-width + gentle motion.
 * Purely visual, loaded after the existing approved v1.4.9 stylesheet.
 * No form, navigation, chat, payment or membership behavior is altered.
 */
body.pm-standalone-body {
 --pm150-gutter:clamp(18px,3.7vw,68px);
 --pm150-rose:#a72e4b;
 --pm150-gold:#c5a44d;
 --pm150-green:#032504;
 --pm150-ink:#2a4c3a;
}
/* Full-bleed page canvas on every Providence-managed public/member page.
 * The content retains a generous readable inner grid; forms are deliberately
 * kept narrower so users never have to scan enormous input lines. */
body.pm-standalone-body .pm-site-shell {
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
 min-width:0;
 background:#fffcf7!important;
}
body.pm-standalone-body .pm-site-header,
body.pm-standalone-body .pm-site-footer {
 width:100%!important;
 max-width:none!important;
 margin-left:0!important;
 margin-right:0!important;
 border-radius:0!important;
}
body.pm-standalone-body .pm-site-header {
 margin-top:0!important;
 top:0!important;
}
body.pm-standalone-body.admin-bar .pm-site-header {top:32px!important}
body.pm-standalone-body .pm-site-main:not(.pm-site-main-home){
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 padding:0 0 clamp(52px,6vw,100px)!important;
 background:linear-gradient(180deg,#fff8f4 0,#fffcf7 440px,#fffdf9 100%);
}
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content {
 width:calc(100% - var(--pm150-gutter) - var(--pm150-gutter))!important;
 max-width:1600px!important;
 margin:0 auto!important;
 padding:clamp(24px,3vw,48px) 0 0!important;
}
/* Full-bleed chapter banners with content aligned to the inner grid. */
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-page-banner {
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 border:0!important;
 border-radius:0!important;
 padding:clamp(40px,5.1vw,86px) var(--pm150-gutter)!important;
 box-shadow:none!important;
}
body.pm-standalone-body .pm-page-banner-compact {
 background:linear-gradient(118deg,#fff7ec 0%,#fff0f3 58%,#f2f5eb 100%)!important;
 border-bottom:1px solid rgba(197,164,77,.24)!important;
}
body.pm-standalone-body .pm-page-banner-visual {
 background:linear-gradient(115deg,#032504 0%,#15442c 72%,#34543b 100%)!important;
 gap:clamp(20px,4.4vw,78px)!important;
}
body.pm-standalone-body .pm-page-banner-visual .pm-page-banner-side {min-width:0;max-width:650px;width:100%;justify-self:end}
body.pm-standalone-body .pm-page-banner-visual .pm-page-banner-side img {
 height:clamp(200px,23vw,330px)!important;
 border-radius:18px!important;
 box-shadow:0 18px 45px rgba(0,0,0,.15)!important;
}
/* Restore adequate room on broad desktops; preserve narrow login and OTP forms. */
body.pm-standalone-body .pm-dashboard,
body.pm-standalone-body .pm-profile-edit,
body.pm-standalone-body .pm-search,
body.pm-standalone-body .pm-profile-public,
body.pm-standalone-body .pm-manager-grid {
 width:100%!important;
 max-width:none!important;
}
body.pm-standalone-body .pm-register {width:100%!important;max-width:1300px!important}
body.pm-standalone-body .pm-auth-wrap {width:100%!important;max-width:560px!important}
body.pm-standalone-body .pm-search-form,
body.pm-standalone-body .pm-results-head,
body.pm-standalone-body .pm-search .pm-profile-grid,
body.pm-standalone-body .pm-interest-columns,
body.pm-standalone-body .pm-shortlist-head,
body.pm-standalone-body .pm-plan-grid {
 width:100%!important;
 max-width:none!important;
}
body.pm-standalone-body .pm-dashboard-columns{grid-template-columns:minmax(0,1fr) minmax(270px,330px)}
body.pm-standalone-body .pm-profile-grid {gap:clamp(14px,1.7vw,28px)}
/* Homepage: sections always extend edge-to-edge; their editorial grid breathes. */
body.pm-matrimony-homepage.pm-standalone-body .pm138-container {
 width:calc(100% - var(--pm150-gutter) - var(--pm150-gutter))!important;
 max-width:1520px!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-section {
 padding-top:clamp(68px,6vw,110px)!important;
 padding-bottom:clamp(68px,6vw,110px)!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-services-grid{border-color:rgba(3,37,4,.14)}
body.pm-matrimony-homepage.pm-standalone-body .pm138-service {
 transition:background .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-service:hover {
 background:linear-gradient(145deg,#fff2f2,#fffaf1)!important;
 box-shadow:inset 0 3px 0 var(--pm150-gold)!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-journey-grid article,
body.pm-matrimony-homepage.pm-standalone-body .pm138-fee,
body.pm-matrimony-homepage.pm-standalone-body .pm138-why-list article {
 transition:background-color .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-journey-grid article:hover,
body.pm-matrimony-homepage.pm-standalone-body .pm138-why-list article:hover {
 background:rgba(255,255,255,.36)!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-fee:not(.pm138-fee-featured):hover{
 background:#fffdfb!important;
 border-color:rgba(197,164,77,.56)!important;
 box-shadow:0 16px 32px rgba(109,64,49,.09)!important;
}
/* Pictures: meaningful motion only on user-hover, no distracting carousel. */
body.pm-standalone-body .pm-profile-card .pm-photo img,
body.pm-matrimony-homepage.pm-standalone-body .pm138-gallery img,
body.pm-matrimony-homepage.pm-standalone-body .pm138-why-visual>img {
 transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;
}
@media(hover:hover) and (pointer:fine){
 body.pm-standalone-body .pm-profile-card:hover .pm-photo img,
 body.pm-matrimony-homepage.pm-standalone-body .pm138-gallery figure:hover img,
 body.pm-matrimony-homepage.pm-standalone-body .pm138-why-visual:hover>img {transform:scale(1.035)!important}
}
/* Elevated actions, calm visible keyboard focus, no moving layout metrics. */
body.pm-standalone-body .pm-btn:focus-visible,
body.pm-standalone-body .pm-header-cta:focus-visible,
body.pm-standalone-body .pm-page-link:focus-visible,
body.pm-standalone-body .pm-home-menu a:focus-visible,
body.pm-standalone-body .pm-profile-edit summary:focus-visible {
 outline:3px solid var(--pm150-gold)!important;
 outline-offset:3px!important;
}
body.pm-standalone-body .pm-btn:not(:disabled):hover,
body.pm-standalone-body .pm-header-cta:hover {
 box-shadow:0 9px 21px rgba(3,37,4,.13)!important;
}
/* Tasteful layered surfaces on non-home dashboard/search/plan cards. */
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-card {
 box-shadow:0 12px 34px rgba(3,37,4,.065)!important;
}
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-profile-card:hover,
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-plan:hover {
 border-color:rgba(197,164,77,.52)!important;
 box-shadow:0 19px 40px rgba(3,37,4,.1)!important;
}
/* Opening hero: a gentle floating framed photograph and decorative rings. */
@keyframes pm150Float {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes pm150Ring {0%,100%{transform:translate3d(0,0,0);opacity:.75}50%{transform:translate3d(-9px,5px,0);opacity:1}}
body.pm-matrimony-homepage.pm-standalone-body .pm138-photo-frame{animation:pm150Float 9s ease-in-out infinite}
body.pm-matrimony-homepage.pm-standalone-body .pm138-hero-pattern:after{animation:pm150Ring 12s ease-in-out infinite}
/* Replace browser-dependent view-timeline animations with progressive enhancement.
 * No JS, failed JS, or no IntersectionObserver => everything stays visible. */
body.pm-matrimony-homepage.pm-standalone-body .pm138-reveal {animation:none!important;opacity:1!important;transform:none!important}
body.pm150-motion-active .pm150-effect-target {
 transition:opacity .65s ease,transform .7s cubic-bezier(.18,.65,.28,1);
}
body.pm150-motion-active .pm150-effect-target:not(.pm150-visible) {
 opacity:0;
 transform:translate3d(0,19px,0);
}
body.pm150-motion-active .pm150-effect-target.pm150-visible{opacity:1;transform:none}
/* FAQ/profile accordions retain native behavior; visual affordance only. */
body.pm-standalone-body .pm-profile-edit summary,
body.pm-standalone-body .pm-card summary{transition:color .2s ease}
body.pm-standalone-body .pm-profile-edit details[open]>summary{color:var(--pm150-rose)!important}
@media(min-width:1101px){
 body.pm-standalone-body .pm-home-header-inner{width:calc(100% - var(--pm150-gutter) - var(--pm150-gutter))!important;max-width:1520px!important}
}
@media(max-width:1100px){
 body.pm-standalone-body .pm-dashboard-columns{grid-template-columns:1fr}
}
@media(max-width:767px){
 body.pm-standalone-body {--pm150-gutter:18px}
 body.pm-standalone-body.admin-bar .pm-site-header{top:46px!important}
 body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-page-banner{
  padding:38px var(--pm150-gutter)!important;
 }
 body.pm-standalone-body .pm-page-banner-visual {grid-template-columns:1fr!important}
 body.pm-standalone-body .pm-page-banner-visual .pm-page-banner-side {max-width:none}
 body.pm-standalone-body .pm-page-banner-visual .pm-page-banner-side img{height:185px!important}
 body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content {padding-top:25px!important}
 body.pm-matrimony-homepage.pm-standalone-body .pm138-section{padding-top:56px!important;padding-bottom:56px!important}
 body.pm-standalone-body .pm-profile-grid{gap:15px}
 body.pm150-motion-active .pm150-effect-target:not(.pm150-visible){transform:translate3d(0,9px,0)}
}
@media(prefers-reduced-motion:reduce){
 body.pm-standalone-body .pm138-photo-frame,
 body.pm-standalone-body .pm138-hero-pattern:after{animation:none!important}
 body.pm-standalone-body .pm150-effect-target{transition:none!important;opacity:1!important;transform:none!important}
 body.pm-standalone-body .pm-profile-card .pm-photo img,
 body.pm-standalone-body .pm138-gallery img,
 body.pm-standalone-body .pm138-why-visual>img{transition:none!important;transform:none!important}
}


/* ======================================================================
   v1.4.11 — screenshot-driven layout and contrast corrections only.
   - Fixes left-anchored homepage membership cards (v1.3.8 legacy override).
   - Removes the duplicate membership heading only on the homepage.
   - Fixes About/How/Success/Contact dark-hero subtitle contrast.
   - Removes residual empty space above the shared site header.
   No application events, scripts, member state, checkout, or forms changed.
   ====================================================================== */

/* Prior public.css layers leave margin-top:18px on inner-page headers.
   Normal WordPress admin bar remains separate above the page. */
body.pm-standalone-body .pm-site-header,
body.pm-standalone-body header.pm-home-header.pm-site-header {
 margin-top:0!important;
 margin-bottom:0!important;
}

/* Restore readable white-on-deep-green on visual page banners. The generic
   v1.4.9 body-copy color otherwise overrides the correct light banner copy. */
body.pm-standalone-body .pm-page-banner.pm-page-banner-visual .pm-page-banner-copy > p {
 color:#f0f6ee!important;
 opacity:1!important;
 font-size:clamp(16px,1.14vw,18px)!important;
 line-height:1.75!important;
 max-width:660px!important;
 text-shadow:0 1px 1px rgba(0,0,0,.08);
}
body.pm-standalone-body .pm-page-banner.pm-page-banner-visual .pm-page-banner-copy > h1 {
 color:#fffdf6!important;
}
body.pm-standalone-body .pm-page-banner.pm-page-banner-visual .pm-eyebrow {
 color:#e6d49c!important;
}
/* Compact banners are on light surfaces; retain the dark legible copy. */
body.pm-standalone-body .pm-page-banner.pm-page-banner-compact .pm-page-banner-copy > p {
 color:#365447!important;
}

/* Homepage uses its own .pm138-heading above the [pm_membership] shortcode.
   Hide only that shortcode's repeated heading on the HOMEPAGE. The standalone
   Membership page still shows its heading and explanatory text unchanged. */
body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-section-head {
 display:none!important;
}

/* Original homepage rule fixed max-width:1160px and margin:0, causing cards
   to hug the left while the surrounding headings were centered. Explicitly
   re-centre a wider 3-card grid in the generous v1.4.10 content area. */
body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan-grid {
 width:100%!important;
 max-width:1440px!important;
 margin:30px auto 0!important;
 gap:clamp(16px,1.8vw,28px)!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;
 justify-content:center!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan {
 min-width:0;
 display:flex;
 flex-direction:column;
 padding:clamp(22px,2vw,32px)!important;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan ul {
 margin-bottom:26px;
}
body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan > .pm-btn {
 margin-top:auto;
 align-self:flex-start;
}

/* Standalone Membership page also stays nicely centred on wide desktops. */
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content .pm-plan-grid {
 width:100%!important;
 max-width:1440px!important;
 margin-left:auto!important;
 margin-right:auto!important;
 gap:clamp(16px,1.8vw,28px)!important;
}

@media (min-width:681px) and (max-width:1024px) {
 body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan-grid,
 body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content .pm-plan-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan:last-child:nth-child(3),
 body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content .pm-plan-grid .pm-plan:last-child:nth-child(3) {
  grid-column:1/-1;
  width:100%;
  max-width:470px;
  justify-self:center;
 }
}
@media (max-width:680px) {
 body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan-grid,
 body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content .pm-plan-grid {
  grid-template-columns:minmax(0,1fr)!important;
  margin-top:24px!important;
  gap:16px!important;
 }
 body.pm-matrimony-homepage.pm-standalone-body .pm138-plans .pm-plan,
 body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-content .pm-plan-grid .pm-plan {
  max-width:none!important;
  grid-column:auto!important;
 }
 body.pm-standalone-body .pm-page-banner.pm-page-banner-visual .pm-page-banner-copy > p {
  font-size:16px!important;
 }
}


/* ========================================================================
 * v1.4.12 — logged-in inner-page header gap (CSS-only correction)
 * Why: public.css sets the inner-page header position:relative. The v1.4.10
 * visual-refresh.css admin-bar rule set top:32px/46px on that RELATIVE header,
 * physically moving it down while leaving a white strip behind. The normal
 * WP admin toolbar already contributes its own html margin-top and must not
 * be compensated for a second time. Do NOT alter the working homepage header.
 * ======================================================================== */
body.pm-standalone-body:not(.pm-matrimony-homepage) .pm-site-header,
body.pm-standalone-body:not(.pm-matrimony-homepage).admin-bar .pm-site-header {
 top:0!important;
 margin-top:0!important;
}
/* More specific than v1.4.10's @media(max-width:767px) top:46px rule. */
@media(max-width:782px){
 body.pm-standalone-body:not(.pm-matrimony-homepage).admin-bar .pm-site-header {top:0!important}
}