/* Picorae v18.127 — photo-led editorial header parity across the
 * REAL owner dashboard, Saved celebrations, public guest page and legacy
 * organiser home. The front original image stays fully uncropped.
 * The blurred backing fills formerly BEIGE SIDE BANDS using that SAME
 * decoded authorised image supplied by the v18.127 read-only script.
 * No extra image element. No extra RPC. Empty covers remain placeholders. */
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready,
#eventView #guestEvent > .event-hero > #guestCoverWrap.p127-photo-ready,
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p98-event-cover-frame.p127-photo-ready,
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready{
 position:relative!important;
 isolation:isolate!important;
 background:linear-gradient(180deg,#e7ddcf,#eee4d6 60%,#fffdf8 100%)!important;
}
/* A broad, blurred atmospheric image fills the width WITHOUT cropping
 * the actual photograph seen in the foreground. */
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready::before,
#eventView #guestEvent > .event-hero > #guestCoverWrap.p127-photo-ready::before,
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p98-event-cover-frame.p127-photo-ready::before,
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready::before{
 content:""!important;
 display:block!important;
 position:absolute!important;
 left:-22px!important;
 right:-22px!important;
 top:-22px!important;
 height:calc(100% + 44px)!important;
 width:auto!important;
 z-index:0!important;
 pointer-events:none!important;
 background-image:var(--p127-cover-backdrop)!important;
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-position:center 40%!important;
 filter:blur(20px) saturate(.83)!important;
 opacity:.70!important;
 transform:scale(1.1)!important;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 43%,rgba(0,0,0,.77) 63%,transparent 96%)!important;
 mask-image:linear-gradient(180deg,#000 0%,#000 43%,rgba(0,0,0,.77) 63%,transparent 96%)!important;
}
/* The foreground photo is still fully visible and central, but no
 * beige / dark panels remain either side of the portrait. */
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready > img,
#eventView #guestEvent > .event-hero > #guestCoverWrap.p127-photo-ready > #guestCover,
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p98-event-cover-frame.p127-photo-ready > .p98-event-cover-image:not([hidden]),
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready > #hostHeroCover{
 position:relative!important;
 z-index:1!important;
 object-fit:contain!important;
 object-position:center center!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
}
#eventView #guestEvent > .event-hero > #guestCoverWrap.p127-photo-ready > #guestCover{
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p98-event-cover-frame.p127-photo-ready > .p98-event-cover-image:not([hidden]){
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
}
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready > #hostHeroCover{
 z-index:1!important;
 width:100%!important;
 background:transparent!important;
}
/* Organiser hero includes a content section as well as the image.
 * Constrain the blur to the cover height, not over the title/actions. */
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready::before{
 height:clamp(235px,52vw,330px)!important;
 top:-16px!important;
}
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready .host-hero-content{
 z-index:2!important;
}
#manageView #hostEventTab #hostEventHero.p109-cover-ready.p127-photo-ready .host-hero-content::after{
 z-index:0!important;
}
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready > .dashboard-event-symbol{
 opacity:0!important;
}
/* Make the photo the actual visual header, without a hard rectangular cut
 * at the event title. Keep the original border radius and original text. */
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready{
 height:clamp(200px,49vw,270px)!important;
 max-height:270px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview
 .p2hd-hero > .p98-event-cover-frame.p127-photo-ready{
 height:clamp(235px,53vw,330px)!important;
 max-height:330px!important;
 margin-bottom:-50px!important;
}
#eventView #guestEvent > .event-hero > #guestCoverWrap.p127-photo-ready{
 height:clamp(235px,55vw,330px)!important;
 margin-bottom:-43px!important;
}
@media(max-width:700px){
 #dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready{
  height:clamp(200px,62vw,270px)!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview
  .p2hd-hero > .p98-event-cover-frame.p127-photo-ready{
  height:clamp(235px,71vw,310px)!important;
 }
 #eventView #guestEvent > .event-hero > #guestCoverWrap.p127-photo-ready{
  height:clamp(225px,70vw,310px)!important;
 }
}
@media(max-width:350px){
 #dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready{
  height:215px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #dashboardView #eventList .p127-photo-ready::before,
 #eventView #guestEvent .p127-photo-ready::before,
 #p2HostDashboardPreview .p127-photo-ready::before,
 #manageView #hostEventHero.p127-photo-ready::before{transition:none!important}
}
