/* Patrik Biedermann – Effekte: Entwickeln, Fokusrahmen, Auslöser */

/* 1) Fotos entwickeln sich wie in der Dunkelkammer (nur wenn JS läuft) */
html.pb-fx [data-pb-develop]{filter:sepia(.55) saturate(.35) brightness(1.18) contrast(.82);opacity:.55;transition:filter 1.8s cubic-bezier(.2,.6,.2,1),opacity 1.4s ease}
html.pb-fx [data-pb-develop].pb-developed{filter:none;opacity:1}

/* 4) Fokusrahmen als Mauszeiger (nur Maus/Trackpad) */
.pb-focus{position:fixed;left:0;top:0;width:58px;height:42px;margin:-21px 0 0 -29px;pointer-events:none;z-index:9998;opacity:0;transform:translate3d(-100px,-100px,0) scale(1.35);transition:opacity .2s ease,width .25s ease,height .25s ease,margin .25s ease}
.pb-focus.is-on{opacity:1}
.pb-focus.is-locked{width:46px;height:34px;margin:-17px 0 0 -23px}
.pb-focus i{position:absolute;width:11px;height:11px;border:0 solid #d2b18b}
.pb-focus i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px}
.pb-focus i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0}
.pb-focus i:nth-child(3){left:0;bottom:0;border-width:0 0 1.5px 1.5px}
.pb-focus i:nth-child(4){right:0;bottom:0;border-width:0 1.5px 1.5px 0}
.pb-focus.is-locked i{border-color:#f3f0eb}
html.pb-fx-cursor [data-pb-focus],html.pb-fx-cursor [data-pb-focus] *{cursor:none}

/* 6) Auslöser beim Absenden: Blende schliesst und öffnet sich, kurzer Blitz */
.pb-shutter{position:fixed;left:50%;top:50%;width:260vmax;height:260vmax;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax rgba(5,5,5,.94);z-index:9999;pointer-events:none}
.pb-shutter.run{animation:pbIris .95s cubic-bezier(.65,0,.35,1) forwards}
.pb-flash{position:fixed;inset:0;z-index:10000;pointer-events:none;background:#fff;opacity:0}
.pb-flash.run{animation:pbFlash .95s ease-out forwards}
@keyframes pbIris{0%{width:260vmax;height:260vmax}42%{width:0;height:0}56%{width:0;height:0}100%{width:260vmax;height:260vmax}}
@keyframes pbFlash{0%,50%{opacity:0}56%{opacity:.7}100%{opacity:0}}

@media (prefers-reduced-motion:reduce){
 html.pb-fx [data-pb-develop]{filter:none;opacity:1;transition:none}
 .pb-shutter,.pb-flash{display:none}
}